From d30249b5be2f8343cae3ad781ed22e1c91a4b60c Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@chlore.net>
Date: Sat, 7 Dec 2019 15:50:12 +0100
Subject: [PATCH] chore: use bluesky4-based structure

---
 dist/style.css                                |  7 +++++--
 src/scss/_colorize.scss                       |  0
 src/scss/_drawing.scss                        |  5 +++++
 src/scss/{ => components}/_buttons.scss       |  0
 src/scss/{ => components}/_cards.scss         |  0
 .../_previews.scss}                           | 19 +++++++------------
 src/scss/style.scss                           |  4 +++-
 7 files changed, 20 insertions(+), 15 deletions(-)
 delete mode 100644 src/scss/_colorize.scss
 create mode 100644 src/scss/_drawing.scss
 rename src/scss/{ => components}/_buttons.scss (100%)
 rename src/scss/{ => components}/_cards.scss (100%)
 rename src/scss/{_commons.scss => components/_previews.scss} (94%)

diff --git a/dist/style.css b/dist/style.css
index e8932dc..d762b7d 100644
--- a/dist/style.css
+++ b/dist/style.css
@@ -1190,7 +1190,6 @@ ul.card-list {
   background-color: #859900 !important;
   color: #fdf6e3; }
 
-/* ------------------ BUTTONS ------------------- */
 /*
  * 3. Buttons and labels
  * All clickable elements
@@ -1599,7 +1598,11 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
     .btn-mastodon:hover:before, .btn-mastodon:active:before, .btn-mastodon:focus:before, a:hover > .btn-mastodon:before, a:active > .btn-mastodon:before, a:focus > .btn-mastodon:before, .btn-mastodon:not(.disabled):not(:disabled):hover:before, .btn-mastodon:not(.disabled):not(:disabled):active:before, .btn-mastodon:not(.disabled):not(:disabled):focus:before, a:hover > .btn-mastodon:not(.disabled):not(:disabled):before, a:active > .btn-mastodon:not(.disabled):not(:disabled):before, a:focus > .btn-mastodon:not(.disabled):not(:disabled):before, a.btn-mastodon:hover:before, a.btn-mastodon:active:before, a.btn-mastodon:focus:before, a:hover > a.btn-mastodon:before, a:active > a.btn-mastodon:before, a:focus > a.btn-mastodon:before, a.btn-mastodon:not(.disabled):not(:disabled):hover:before, a.btn-mastodon:not(.disabled):not(:disabled):active:before, a.btn-mastodon:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-mastodon:not(.disabled):not(:disabled):before, a:active > a.btn-mastodon:not(.disabled):not(:disabled):before, a:focus > a.btn-mastodon:not(.disabled):not(:disabled):before {
       background-color: #181a21; }
 
-/* ------------------ PREVIEWS ------------------- */
+/*
+ * 4. Previews
+ * Special style for previews cards
+ *
+*/
 .previews-section {
   display: grid;
   grid-template-columns: auto auto auto;
diff --git a/src/scss/_colorize.scss b/src/scss/_colorize.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/scss/_drawing.scss b/src/scss/_drawing.scss
new file mode 100644
index 0000000..6cd827a
--- /dev/null
+++ b/src/scss/_drawing.scss
@@ -0,0 +1,5 @@
+@import 'components/cards';
+
+@import 'components/buttons';
+
+@import 'components/previews';
diff --git a/src/scss/_buttons.scss b/src/scss/components/_buttons.scss
similarity index 100%
rename from src/scss/_buttons.scss
rename to src/scss/components/_buttons.scss
diff --git a/src/scss/_cards.scss b/src/scss/components/_cards.scss
similarity index 100%
rename from src/scss/_cards.scss
rename to src/scss/components/_cards.scss
diff --git a/src/scss/_commons.scss b/src/scss/components/_previews.scss
similarity index 94%
rename from src/scss/_commons.scss
rename to src/scss/components/_previews.scss
index 0af4a39..643fecb 100644
--- a/src/scss/_commons.scss
+++ b/src/scss/components/_previews.scss
@@ -1,13 +1,8 @@
-@import 'global';
-
-@import 'cards';
-
-/* ------------------ BUTTONS ------------------- */
-
-@import 'buttons';
-
-/* ------------------ PREVIEWS ------------------- */
-
+/*
+ * 4. Previews
+ * Special style for previews cards
+ *
+*/
 $preview-height: 8*1.5rem;
 
 .previews-section {
@@ -60,7 +55,7 @@ $preview-height: 8*1.5rem;
   background-color:rgba(0,0,0,0.00);
   color:rgba(0,0,0,0.4);
 	position: relative;
-	
+
 	display: flex;
   -ms-flex-align: center !important;
   align-items: center !important;
@@ -200,4 +195,4 @@ $preview-height: 8*1.5rem;
   height:auto;
   display:block;
   margin:auto;
-}
\ No newline at end of file
+}
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 5eb833f..fa35c84 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -4,4 +4,6 @@
 
 @import 'typography';
 
-@import 'commons';
\ No newline at end of file
+@import 'global';
+
+@import 'drawing';