refactor: styles refactoring

openedx · Oct 15, 2024 · e64c249 · e64c249
1 parent 43ab03e
commit e64c249
Show file tree

Hide file tree

Showing 6 changed files with 685 additions and 105 deletions.
diff --git a/cms/envs/common.py b/cms/envs/common.py
@@ -1418,6 +1418,13 @@
         ],
         'output_filename': 'css/cms-style-xmodule-annotations.css',
     },
+    'my_new_bundle': {
+        'source_filenames': [
+            'css/my_new_bundle.css',
+        ],
+        'output_filename': 'css/my_new_bundle.css',
+    },
+
 }
 
 base_vendor_js = [

diff --git a/cms/static/images/pencil-icon.svg b/cms/static/images/pencil-icon.svg
diff --git a/cms/static/sass/elements/_xblocks.scss b/cms/static/sass/elements/_xblocks.scss
@@ -1074,108 +1074,3 @@ div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler {
     padding: ($baseline / 2) 0 ($baseline * 0.4);
   }
 }
-
-
-body .wrapper-xblock .xblock-header-primary .header-details .xblock-display-name {
-  font-size: 22px;
-  line-height: 28px;
-  font-weight: 700;
-  color: #000;
-}
-
-.wrapper-xblock .xblock-header-primary {
-  padding: 24px;
-  padding-bottom: 12px;
-}
-
-.wrapper-xblock {
-  background-color: transparent;
-  border-radius: 6px;
-  border: none;
-
-  &:hover {
-    border-color: none;
-  }
-}
-
-.wrapper-xblock.level-element {
-  box-shadow: 0 .125rem .25rem rgba(0,0,0,.15),0 .125rem .5rem rgba(0,0,0,.15);
-}
-
-.wrapper-xblock.level-element .xblock-header-primary {
-  background-color: #fff;
-}
-
-.view-container .content-primary {
-  background-color: transparent !important;
-  width: 100% !important;
-}
-
-.wrapper-xblock.level-element .xblock-render {
-  background: #fff;
-  margin: 0;
-  padding: 24px;
-  padding-top: 12px;
-}
-
-.action-edit {
-  .action-button-text {
-    display: none;
-  }
-
-  .edit-button.action-button {
-    width: 44px;
-    height: 44px;
-    border-radius: 50% !important;
-
-    &:hover {
-      background-color: #00262B;
-    }
-
-    &:focus {
-      outline: 2px rgba(0,0,0,0);
-      background-color: rgba(0,0,0,0);
-      box-shadow: inset 0 0 0 2px #00262b;
-    }
-  }
-}
-
-.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-
-  &:hover {
-    background-color: #00262B;
-  }
-
-  &:focus {
-    outline: 2px rgba(0,0,0,0);
-    background-color: rgba(0,0,0,0);
-    box-shadow: inset 0 0 0 2px #00262b;
-  }
-}
-
-body .nav-dd .nav-sub {
-  box-shadow: 0px 4px 10px 0px rgba(0,0,0,.15),0px 8px 16px 0px rgba(0,0,0,.15);
-  border-radius: .375rem;
-  padding: 10px 0;
-  border: none;
-
-  .nav-item {
-    padding: .625rem 1rem;
-    border-bottom: none;
-    color: #212529;
-    font-size: 18px;
-
-    &:hover {
-      background-color: #f2f0ef;
-      color: #212529;
-    }
-
-    &:active {
-      background-color: #00262b;
-      color: #fff;
-    }
-  }
-}