From 9e7aeedd7f4513fd89edd7cfe9476b805a8ebcf3 Mon Sep 17 00:00:00 2001 From: farhan Date: Thu, 24 Oct 2024 19:00:43 +0500 Subject: [PATCH] chore: Remove scss files related to html block --- xmodule/assets/HtmlBlockDisplay.scss | 6 - xmodule/assets/HtmlBlockEditor.scss | 7 - xmodule/assets/html/_display.scss | 318 --------------------------- xmodule/assets/html/_edit.scss | 14 -- 4 files changed, 345 deletions(-) delete mode 100644 xmodule/assets/HtmlBlockDisplay.scss delete mode 100644 xmodule/assets/HtmlBlockEditor.scss delete mode 100644 xmodule/assets/html/_display.scss delete mode 100644 xmodule/assets/html/_edit.scss diff --git a/xmodule/assets/HtmlBlockDisplay.scss b/xmodule/assets/HtmlBlockDisplay.scss deleted file mode 100644 index 0bc49706cfff..000000000000 --- a/xmodule/assets/HtmlBlockDisplay.scss +++ /dev/null @@ -1,6 +0,0 @@ -.xmodule_display.xmodule_AboutBlock, -.xmodule_display.xmodule_CourseInfoBlock, -.xmodule_display.xmodule_HtmlBlock, -.xmodule_display.xmodule_StaticTabBlock { - @import "html/display.scss"; -} diff --git a/xmodule/assets/HtmlBlockEditor.scss b/xmodule/assets/HtmlBlockEditor.scss deleted file mode 100644 index 15d60863e28e..000000000000 --- a/xmodule/assets/HtmlBlockEditor.scss +++ /dev/null @@ -1,7 +0,0 @@ -.xmodule_edit.xmodule_AboutBlock, -.xmodule_edit.xmodule_CourseInfoBlock, -.xmodule_edit.xmodule_HtmlBlock, -.xmodule_edit.xmodule_StaticTabBlock { - @import "editor/edit.scss"; - @import "html/edit.scss"; -} diff --git a/xmodule/assets/html/_display.scss b/xmodule/assets/html/_display.scss deleted file mode 100644 index beceaa1d0119..000000000000 --- a/xmodule/assets/html/_display.scss +++ /dev/null @@ -1,318 +0,0 @@ -@import 'vendor/bi-app/bi-app-ltr'; -@import 'bourbon/bourbon'; -@import 'lms/theme/variables'; -@import 'bootstrap/scss/variables'; -@import 'lms/theme/variables-v1'; - -// HTML component display: -* { - line-height: 1.4em; -} - -h1 { - color: var(--body-color); - font: normal 2em/1.4em var(--font-family-sans-serif); - letter-spacing: 1px; - - @include margin(0, 0, 1.416em, 0); -} - -h2 { - color: #646464; - font: normal 1.2em/1.2em var(--font-family-sans-serif); - letter-spacing: 1px; - margin-bottom: calc((var(--baseline)*0.75)); - -webkit-font-smoothing: antialiased; -} - -h3, -h4, -h5, -h6 { - @include margin(0, 0, calc((var(--baseline)/2)), 0); - - font-weight: 600; -} - -h3 { - font-size: 1.2em; -} - -h4 { - font-size: 1em; -} - -h5 { - font-size: 0.83em; -} - -h6 { - font-size: 0.75em; -} - -p { - margin-bottom: 1.416em; - font-size: 1em; - line-height: 1.6em !important; - color: var(--body-color); -} - -em, -i { - font-style: italic; - - span { - font-style: italic; - } -} - -strong, -b { - font-weight: bold; - - span { - font-weight: bold; - } -} - -p + p, -ul + p, -ol + p { - margin-top: var(--baseline); -} - -blockquote { - margin: 1em calc((var(--baseline)*2)); -} - -ol, -ul { - // Using the lower level Bi App Sass mixin to avoid @padding conflicts with bourbon. - @include bi-app-compact(padding, 0, 0, 0, 1em); - - margin: 1em 0; - color: var(--body-color); - - li { - margin-bottom: 0.708em; - } -} - -ol { - list-style: decimal outside none; -} - -ul { - list-style: disc outside none; -} - -a { - &:link, - &:visited, - &:hover, - &:active, - &:focus { - color: var(--blue); - } -} - -img { - max-width: 100%; -} - -pre { - margin: 1em 0; - color: var(--body-color); - font-family: monospace, serif; - font-size: 1em; - white-space: pre-wrap; - word-wrap: break-word; -} - -code { - color: var(--body-color); - font-family: monospace, serif; - background: none; - padding: 0; -} - -table { - width: 100%; - margin: var(--baseline) 0; - border-collapse: collapse; - font-size: 16px; - - td, - th { - margin: var(--baseline) 0; - padding: calc((var(--baseline)/2)); - border: 1px solid var(--gray-l3); - font-size: 14px; - - &.cont-justified-left { - text-align: left !important; // nasty, but needed to override the bad specificity of the xmodule css selectors - } - - &.cont-justified-right { - text-align: right !important; // nasty, but needed to override the bad specificity of the xmodule css selectors - } - - &.cont-justified-center { - text-align: center !important; // nasty, but needed to override the bad specificity of the xmodule css selectorsstyles - } - } -} - -th { - background: #eee; - font-weight: bold; -} - - -// image modal -// -------------------- - -// modal - image zoom, fill window -.wrapper-modal-image { - .modal-ui-icon { - @extend %ui-fake-link; - - position: absolute; - display: block; - padding: calc((var(--baseline)/4)) 7px; - border-radius: 5px; - opacity: 0.9; - background: var(--white); - color: var(--black); - border: 2px solid var(--black); - - .label { - font-weight: bold; - } - - i { - font-style: normal; - } - } - - .image-link { - @extend %ui-fake-link; - - position: relative; - display: block; - - .action-fullscreen { - display: none; - top: 10px; - left: 10px; - } - - &:hover .action-fullscreen { - display: block; - } - } - - .image-modal { - @extend %ui-fake-link; - @extend %ui-depth5; - - position: fixed; - top: 0; - left: 0; - display: none; - height: 100%; - width: 100%; - background-color: rgba(0, 0, 0, 0.7); - - .image-content { - position: relative; - top: 2.5%; - display: block; - height: 95%; - width: 95%; - margin: auto; - overflow: hidden; - - .image-wrapper { - position: relative; - - img { - position: relative; - display: block; - max-width: 100%; - max-height: 100%; - margin: auto; - cursor: default; - } - } - - .action-close { - top: 10px; - right: 10px; - } - - .image-controls { - position: absolute; - right: 10px; - bottom: 10px; - margin: 0; - padding: 0; - list-style: none; - - .image-control { - position: relative; - display: inline-block; - margin: 0; - padding: 0; - - .modal-ui-icon { - position: relative; - - &.action-zoom-in { - margin-right: calc((var(--baseline)/4)); - } - - &.action-zoom-out { - margin-left: calc((var(--baseline)/4)); - } - - &.is-disabled { - opacity: 0.5; - cursor: default; - } - } - } - } - } - - &.image-is-fit-to-screen { - display: block; - - // !important used here to override jQuery. - .image-content .image-wrapper { - top: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - - img { - top: 0 !important; - left: 0 !important; - } - } - } - - &.image-is-zoomed { - display: block; - - .image-content .image-wrapper { - img { - max-width: none; - max-height: none; - margin: 0; - cursor: move; - } - } - } - } -} diff --git a/xmodule/assets/html/_edit.scss b/xmodule/assets/html/_edit.scss deleted file mode 100644 index bf47a0f5d372..000000000000 --- a/xmodule/assets/html/_edit.scss +++ /dev/null @@ -1,14 +0,0 @@ -// HTML component editor: -.html-editor { - @include clearfix(); - - .CodeMirror { - box-sizing: border-box; - - height: 435px; - } - - .is-inactive { - display: none; - } -}