Replace Sass with PostCSS, include imports and nesting

This commit is contained in:
Oliver Davies 2018-10-25 00:24:22 +01:00
parent 347bbe20ba
commit 9633b980d5
36 changed files with 279 additions and 184 deletions

View file

@ -1,2 +0,0 @@
blockquote
@apply border-l-4 border-blue pl-4 px-6 py-2

View file

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

View file

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

View file

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

View file

@ -1,21 +0,0 @@
.markdown
h2
@apply mt-8 mb-3 text-black
h2, h3
@apply text-black
p,
li
a
@apply link
code
@apply bg-grey-lighter inline-block font-mono text-sm px-1 py-px
p:last-child
@apply mb-0
pre code,
.hljs
@apply bg-grey-lighter block border-grey-dark border-l-4 font-mono leading-loose overflow-x-scroll p-6 rounded text-sm

View file

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

View file

@ -1,15 +0,0 @@
.slides
background: url('../images/loading.gif') center no-repeat
min-height: 275px
@screen md
&
min-height: 375px
@screen lg
&
min-height: 450px
@screen xl
&
min-height: 560px

View file

@ -1,20 +0,0 @@
.table-collapse
@apply border-collapse
.table-responsive
@apply mb-4 border w-full overflow-x-auto overflow-y-hidden
table
@apply mb-0 border-0 whitespace-no-wrap
.table
@apply w-full table-collapse
tr:nth-child(odd)
@apply bg-grey-lighter
tr th
@apply text-left p-3 bg-white
td
@apply p-3 border-t

View file

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

View file

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