Move inline styles into sass

modxorg · Feb 26, 2021 · 75f1d5b · 75f1d5b
1 parent c2e9349
commit 75f1d5b
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 33 deletions.
diff --git a/public/template/dist/app.css b/public/template/dist/app.css
diff --git a/public/template/dist/app.css.map b/public/template/dist/app.css.map
diff --git a/public/template/src/scss/app.scss b/public/template/src/scss/app.scss
@@ -21,6 +21,7 @@
 @import 'components/breadcrumb';
 @import 'components/callout';
 @import 'components/code';
+@import 'components/contributors';
 @import 'components/footer';
 @import 'components/nav';
 @import 'components/optionswitch';

diff --git a/public/template/src/scss/components/_contributors.scss b/public/template/src/scss/components/_contributors.scss
@@ -0,0 +1,26 @@
+.c-history {
+    display: flex;
+    align-items: center;
+    margin: -.9375rem 0 1.875rem
+}
+.c-contributors {
+    display: flex;
+}
+
+.c-contributor {
+    border-radius: 15px;
+    width: 30px;
+    height: 30px;
+    border: 2px solid #fff;
+    margin-left: -10px;
+}
+.c-contributor:first-child {
+    margin-left: 0;
+}
+.c-last-edit {
+    color: #555;
+    font-size: 0.9em;
+    padding-left: 0.5em;
+    margin-bottom: 0;
+    font-weight: 500;
+}
diff --git a/templates/documentation.twig b/templates/documentation.twig
@@ -30,37 +30,6 @@
 
             <h1 class="u-no-margin--top">{{ meta.title }}</h1>
 
-            <style>
-                .c-history {
-                    display: flex;
-                    align-items: center;
-                    margin: -.9375rem 0 1.875rem
-                }
-                .c-contributors {
-                    display: flex;
-                }
-                /*.c-contributor {*/
-                /*    display: block;*/
-                /*    margin-left: -10px;*/
-                /*}*/
-                .c-contributor {
-                    border-radius: 15px;
-                    width: 30px;
-                    height: 30px;
-                    border: 2px solid #fff;
-                    margin-left: -10px;
-                }
-                .c-contributor:first-child {
-                    margin-left: 0;
-                }
-                .c-last-edit {
-                    color: #555;
-                    font-size: 0.9em;
-                    padding-left: 0.5em;
-                    margin-bottom: 0;
-                    font-weight: 500;
-                }
-            </style>
             {% if history %}
                 <div class="c-history">
                     <div class="c-contributors">