Use Mix and sass, simplify image directories and remove duplicates

This commit is contained in:
Oliver Davies 2018-05-18 21:41:26 +01:00
parent ad3bc4b0a2
commit ff29fdeb71
216 changed files with 2921 additions and 1096 deletions

View file

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

View file

@ -1,31 +0,0 @@
pre code,
pre code.hljs,
.hljs {
@apply .p-4;
@apply .text-sm;
@apply .border-l-4;
@apply .border-grey-dark;
@apply .block;
@apply .bg-grey-lighter;
@apply .overflow-x-scroll;
@apply .font-mono;
}
p,
li {
code {
@apply .bg-grey-lighter .inline-block .font-mono;
padding: 1px 3px;
}
}
.note {
@apply .bg-blue-lighter;
@apply .p-4;
@apply .border-l-4;
@apply .border-blue;
}
.note > *:last-child {
@apply .mb-0;
}

View file

@ -1,4 +0,0 @@
.about-author {
@apply .mr-4 .float-left .rounded-full;
width: 75px;
}

View file

@ -1,22 +0,0 @@
p,
li {
code {
@apply .bg-grey-lighter .inline-block .font-mono .text-xs;
padding: 1px 3px;
}
}
pre code,
pre code.hljs,
.hljs {
@apply .bg-grey-lighter;
@apply .block;
@apply .border-grey-dark;
@apply .border-l-4;
@apply .font-mono;
@apply .leading-loose;
@apply .overflow-x-scroll;
@apply .p-4;
@apply .rounded;
@apply .text-xs;
}

View file

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

View file

@ -1,22 +0,0 @@
.talk-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,13 +0,0 @@
.talk-video {
@apply .relative .w-full;
padding-top: 56.25%
}
.talk-video iframe,
.talk-video embed {
@apply .absolute;
@apply .pin-l;
@apply .pin-t;
@apply .h-full;
@apply .w-full;
}

View file

@ -1,5 +0,0 @@
.testimonial-image {
@apply .rounded-full .mb-3 .ml-3;
height: 65px;
width: 65px;
}

View file

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