Add minireset, Fix color luminance

sass/elements/box.sass

@@ -1,8 +1,7 @@
-@import "../base/placeholders.sass"
 @import "../utilities/variables.sass"
 
 .box
-  @extend %block
+  +block
   background-color: $white
   border-radius: $radius-large
   box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)

sass/elements/button.sass

@@ -1,4 +1,3 @@
-@import "../base/placeholders.sass"
 @import "../utilities/controls.sass"
 @import "../utilities/variables.sass"
 
@@ -22,7 +21,8 @@
 
 .button
   +control
-  @extend %unselectable
+  +unselectable
+  cursor: pointer
   justify-content: center
   padding-left: 10px
   padding-right: 10px
@@ -109,6 +109,6 @@
     color: transparent !important
     pointer-events: none
     &:after
-      @extend %loader
+      +loader
       +center(16px)
       position: absolute !important

sass/elements/content.sass

@@ -1,8 +1,7 @@
-@import "../base/placeholders.sass"
 @import "../utilities/variables.sass"
 
 .content
-  @extend %block
+  +block
   color: $text
   // Inline
   a:not(.button)

sass/elements/form.sass

@@ -1,4 +1,3 @@
-@import "../base/placeholders.sass"
 @import "../utilities/controls.sass"
 @import "../utilities/mixins.sass"
 
@@ -42,7 +41,8 @@
   padding: 10px
   resize: vertical
 
-%control-with-element
+.checkbox,
+.radio
   cursor: pointer
   display: inline-block
   line-height: 16px
@@ -58,11 +58,7 @@
     input
       pointer-events: none
 
-.checkbox
-  @extend %control-with-element
-
 .radio
-  @extend %control-with-element
   & + .radio
     margin-left: 10px
 
@@ -257,7 +253,7 @@
         flex-shrink: 1
   &.is-loading
     &:after
-      @extend %loader
+      +loader
       position: absolute !important
       right: 8px
       top: 8px

sass/elements/notification.sass

@@ -1,9 +1,8 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
 .notification
-  @extend %block
+  +block
   +clearfix
   background-color: $background
   border-radius: $radius
@@ -13,8 +12,9 @@
     border-radius: 0 $radius
     float: right
     margin: -16px -20px 0 20px
+  .title,
   .subtitle,
-  .title
+  .content
     color: inherit
   // Colors
   @each $name, $pair in $colors

sass/elements/other.sass

@@ -1,7 +1,9 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
+.block
+  +block
+
 .container
   position: relative
   +desktop
@@ -14,11 +16,17 @@
   +widescreen
     max-width: 1200px
 
+.delete
+  +delete
+
 .fa
   font-size: 21px
   text-align: center
   vertical-align: top
 
+.hamburger
+  +hamburger
+
 .icon
   +fa(21px, 24px)
   .fa
@@ -40,7 +48,7 @@
   text-transform: uppercase
 
 .highlight
-  @extend %block
+  +block
   font-size: 12px
   font-weight: normal
   max-width: 100%
@@ -50,6 +58,9 @@
     overflow: auto
     max-width: 100%
 
+.loader
+  +loader
+
 .number
   background-color: $background
   border-radius: 290486px

sass/elements/progress.sass

@@ -1,8 +1,7 @@
-@import "../base/placeholders.sass"
 @import "../utilities/variables.sass"
 
 .progress
-  @extend %block
+  +block
   -moz-appearance: none
   -webkit-appearance: none
   border: none

sass/elements/title.sass

@@ -1,10 +1,9 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
 .title,
 .subtitle
-  @extend %block
+  +block
   font-weight: $weight-title-normal
   word-break: break-word
   em,