Restructure elements and components

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 86c82cd71b8b9c5c096f42c3392c27ddcc8ce67d..ede3215f836183cfc2ea53359ec9ca3de4a7454b 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,18 @@
 ### BREAKING
 
 * `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
+* `variables.sass` moved to `/utilities`
+* almost everything is singular now
+* **elements** only have one class
+* **components** have at least one sub-class
+* `.content` moved to elements
+* `.table` moved to elements
+* `.message` moved to components
+* `.table-icon`, `.table-link`, `.table-narrow` are now called `.is-icon`, `.is-link`, `.is-narrow`
+
+### Added
+
+* all variables are now `!default` so you can set your custom variables before importing Bulma
 
 ## 0.0.22
 

diff --git a/sass/base/base.sass b/sass/base/base.sass
index 74209c01efcc5a17686c51ba987df71f144b5348..7346c0ca53716b0c7ce4931f34ae937e06a37db0 100644 (file)
--- a/sass/base/base.sass
+++ b/sass/base/base.sass
@@ -1,6 +1,5 @@
 @charset "utf-8"
 
 @import "generic"
-@import "content"
-@import "highlight"
 @import "helpers"
+@import "highlight"

diff --git a/sass/components/components.sass b/sass/components/components.sass
index 9caf620a1d805938e1ef1db535e70da77c1b2332..0e0445d62f9979b9bf07851ad788635651e2f866 100644 (file)
--- a/sass/components/components.sass
+++ b/sass/components/components.sass
@@ -1,15 +1,15 @@
 @charset "utf-8"
 
-@import "grid"
-@import "navbar"
 @import "card"
-@import "table"
-@import "tabs"
+@import "grid"
 @import "media"
 @import "menu"
+@import "message"
+@import "modal"
+@import "navbar"
 @import "pagination"
 @import "panel"
-@import "modal"
+@import "tabs"
 
 .box
   @extend .block

diff --git a/sass/elements/messages.sass b/sass/components/message.sass
similarity index 100%
rename from sass/elements/messages.sass
rename to sass/components/message.sass

diff --git a/sass/elements/buttons.sass b/sass/elements/button.sass
similarity index 100%
rename from sass/elements/buttons.sass
rename to sass/elements/button.sass

diff --git a/sass/base/content.sass b/sass/elements/content.sass
similarity index 100%
rename from sass/base/content.sass
rename to sass/elements/content.sass

diff --git a/sass/elements/elements.sass b/sass/elements/elements.sass
index 437ab99960e94221a724738ede437786f8da16d1..74b963342a74da22ebcfed86be900466af753d92 100644 (file)
--- a/sass/elements/elements.sass
+++ b/sass/elements/elements.sass
@@ -1,12 +1,14 @@
 @charset "utf-8"
 
 @import "controls"
-@import "buttons"
-@import "titles"
-@import "images"
-@import "messages"
-@import "notifications"
+
+@import "button"
+@import "content"
+@import "image"
+@import "notification"
 @import "progress"
+@import "table"
+@import "title"
 
 .delete
   +unselectable

diff --git a/sass/elements/images.sass b/sass/elements/image.sass
similarity index 100%
rename from sass/elements/images.sass
rename to sass/elements/image.sass

diff --git a/sass/elements/notifications.sass b/sass/elements/notification.sass
similarity index 100%
rename from sass/elements/notifications.sass
rename to sass/elements/notification.sass

diff --git a/sass/components/table.sass b/sass/elements/table.sass
similarity index 91%
rename from sass/components/table.sass
rename to sass/elements/table.sass
index 47bfeb6426387145af758cdbcee0fc26bd2a939e..1f994939f7f6bc39e7c80f15435815f5c05dd661 100644 (file)
--- a/sass/components/table.sass
+++ b/sass/elements/table.sass
@@ -10,18 +10,18 @@
     padding: 8px 10px
     vertical-align: top
     // Modifiers
-    &.table-icon
+    &.is-icon
       padding: 5px
       text-align: center
       white-space: nowrap
       width: 1%
       .fa
         +fa(21px, 24px)
-      &.table-link
+      &.is-link
         padding: 0
         & > a
           padding: 5px
-    &.table-link
+    &.is-link
       padding: 0
       & > a
         display: block
@@ -29,7 +29,7 @@
         &:hover
           background: $link
           color: $link-invert
-    &.table-narrow
+    &.is-narrow
       white-space: nowrap
       width: 1%
   th
@@ -70,13 +70,13 @@
     th
       padding: 5px 10px
       // Modifiers
-      &.table-icon
+      &.is-icon
         padding: 2px
-        &.table-link
+        &.is-link
           padding: 0
           & > a
             padding: 2px
-      &.table-link
+      &.is-link
         padding: 0
         & > a
           padding: 5px 10px

diff --git a/sass/elements/titles.sass b/sass/elements/title.sass
similarity index 100%
rename from sass/elements/titles.sass
rename to sass/elements/title.sass