Back to sass

This commit is contained in:
Oliver Davies 2018-12-07 22:45:27 +00:00
parent 4a140df2a6
commit 19d4f8bc1b
36 changed files with 176 additions and 276 deletions

View file

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

View file

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

View file

@ -1,3 +0,0 @@
.link {
@apply text-blue;
}

View file

@ -1,11 +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,30 +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;
@apply leading-loose overflow-x-scroll p-6 rounded text-sm;
}
}

View file

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

View file

@ -1,22 +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,27 +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,6 +0,0 @@
.talk-video {
iframe,
embed {
@apply absolute h-full pin-l pin-t w-full;
}
}

View file

@ -1,3 +0,0 @@
.widget {
@apply mb-6 block;
}