css organize

Author: claudiacodacy

docusaurus/src/css/custom.css

@@ -3,17 +3,16 @@
  * bundles Infima by default. Infima is a CSS framework designed to
  * work well for content-centric websites.
  */
-@import './codacy-variables.css';
-@import './ifm-overrides.css';
+@import './imports/codacy-variables.css';
+@import './imports/ifm-overrides.css';
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 
 /* You can override the default Infima variables here. */
 :root {
   --ifm-font-size-base: 87.5%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
-
-  /* custom overides from codacy*/
   --ifm-font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  
   --ifm-toc-border-color: var(--ifm-color-emphasis-200);
 
   /* overriding the arrow in the sidebar */
@@ -23,7 +22,6 @@
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
-
   --ifm-toc-border-color: var(--ifm-color-empaphis-200);
 }
 
@@ -44,34 +42,3 @@
 .menu {
   padding: 0.5rem
 }
-
-.nav-multistep {
-  margin: 1rem 0 1.25rem;
-  padding: 1rem;
-  border: 1px solid var(--ifm-color-emphasis-300);
-  border-radius: 0.75rem;
-  background: var(--ifm-background-surface-color);
-}
-
-.nav-multistep__label {
-  margin: 0 0 0.75rem;
-  color: var(--ifm-color-emphasis-700);
-  font-size: 0.875rem;
-}
-
-.nav-multistep__list {
-  margin: 0;
-  padding-left: 1.25rem;
-}
-
-.nav-multistep__step {
-  margin: 0.25rem 0;
-}
-
-.nav-multistep__step--active {
-  font-weight: 600;
-}
-
-.nav-multistep__current {
-  color: var(--ifm-font-color-base);
-}

docusaurus/src/css/codacy-variables.css …rus/src/css/imports/codacy-variables.cssdocusaurus/src/css/codacy-variables.css renamed to docusaurus/src/css/imports/codacy-variables.css docusaurus/src/css/codacy-variables.css renamed to docusaurus/src/css/imports/codacy-variables.css

@@ -0,0 +1,32 @@
+
+.nav-multistep {
+    margin: 1rem 0 1.25rem;
+    padding: 1rem;
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 0.75rem;
+    background: var(--ifm-background-surface-color);
+  }
+  
+  .nav-multistep__label {
+    margin: 0 0 0.75rem;
+    color: var(--ifm-color-emphasis-700);
+    font-size: 0.875rem;
+  }
+  
+  .nav-multistep__list {
+    margin: 0;
+    padding-left: 1.25rem;
+  }
+  
+  .nav-multistep__step {
+    margin: 0.25rem 0;
+  }
+  
+  .nav-multistep__step--active {
+    font-weight: 600;
+  }
+  
+  .nav-multistep__current {
+    color: var(--ifm-font-color-base);
+  }
+