Sass tidy

assets/sass/base/base.sass

@@ -14,12 +14,12 @@ main a
     text-decoration: none
 
 h1, h2, h3
-  @apply .mb-2
+  @apply mb-2
 
 .content
   h2,
   h3
-    @apply .mt-6
+    @apply mt-6
 
 p,
 ul,
@@ -27,10 +27,10 @@ ol,
 blockquote,
 table,
 pre
-  @apply .mb-6
+  @apply mb-6
 
 .element-invisible
-  @apply .absolute .overflow-hidden .break-normal
+  @apply absolute overflow-hidden break-normal
   clip: rect(1px, 1px, 1px, 1px)
   height: 1px
   width: 1px

assets/sass/base/images.sass

@@ -1,12 +1,12 @@
 img
   &.with-border
-    @apply .border .border-solid .border-grey-light
+    @apply border border-solid border-grey-light
 
   &.with-padding
-    @apply .p-1
+    @apply p-1
 
   &.avatar
-    @apply .border .p-1 .rounded-full
+    @apply border p-1 rounded-full
 
 svg
   fill: currentColor

assets/sass/base/vue.sass

@@ -1,20 +1,20 @@
 [v-cloak]
-    .v-cloak-block
+  .v-cloak-block
-        display: block
+    @apply block
 
-    .v-cloak-inline
+  .v-cloak-inline
-        display: inline
+    @apply inline
 
-    .v-cloak-inline-block
+  .v-cloak-inline-block
-        display: inline-block
+    @apply inline-block
 
-    .v-cloak-hidden
+  .v-cloak-hidden
-        display: none
+    @apply hidden
 
-    .v-cloak-invisible
+  .v-cloak-invisible
-        visibility: hidden
+    @apply invisible
 
 .v-cloak-block,
 .v-cloak-inline,
 .v-cloak-inline-block
-    display: none
+  @apply hidden

assets/sass/components/blockquote.sass

@@ -1,2 +1,2 @@
 blockquote
-  @apply .border-l-4 .border-blue .pl-4
+  @apply border-l-4 border-blue pl-4

assets/sass/components/button.sass

@@ -1,11 +1,6 @@
 .button
-  @apply .bg-blue
+  @apply bg-blue inline-block rounded text-white px-4 py-2
-  @apply .inline-block
-  @apply .rounded
-  @apply .text-white
-  @apply .px-4
-  @apply .py-2
 
   &:active,
   &:hover
-    @apply .bg-blue-dark
+    @apply bg-blue-dark

assets/sass/components/link.sass

@@ -1,2 +1,2 @@
 .link
-  @apply .text-blue
+  @apply text-blue

assets/sass/components/listing.sass

@@ -1,8 +1,8 @@
 .listing
-  @apply .pl-0
+  @apply pl-0
 
 .listing-item
-  @apply .overflow-hidden .pb-8
+  @apply overflow-hidden pb-8
 
   &:not(:last-child)
-    @apply .border-b .border-grey-light .mb-8
+    @apply border-b border-grey-light mb-8

assets/sass/components/markdown.sass

@@ -20,12 +20,5 @@
 
   pre code,
   .hljs
-    @apply bg-grey-lighter
+    @apply bg-grey-lighter block border-grey-dark border-l-4 font-mono
-    @apply block
+    @apply leading-loose overflow-x-scroll p-4 rounded text-sm
-    @apply border-grey-dark
-    @apply border-l-4
-    @apply font-mono
-    @apply leading-loose
-    @apply overflow-x-scroll
-    @apply p-4
-    @apply rounded text-sm

assets/sass/components/note.sass

@@ -1,13 +1,9 @@
 .note
-  @apply .bg-blue-lighter
+  @apply bg-blue-lighter
-  @apply .border-blue
+  @apply border-blue border-l-4 mb-4 p-4 rounded
-  @apply .border-l-4
-  @apply .mb-4
-  @apply .p-4
-  @apply .rounded
 
   & > *:last-child
-    @apply .mb-0
+    @apply mb-0
 
   p a
-    @apply .text-black
+    @apply text-black

assets/sass/components/talk/video.sass

@@ -1,8 +1,4 @@
 .talk-video
   iframe,
   embed
-    @apply .absolute
+    @apply absolute h-full pin-l pin-t w-full
-    @apply .h-full
-    @apply .pin-l
-    @apply .pin-t
-    @apply .w-full

assets/sass/components/widget.sass

@@ -1,2 +1,2 @@
 .widget
-  @apply .mb-6 .block
+  @apply mb-6 block