opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
Oliver Davies 2018-05-29 01:33:00 +02:00
parent 9212cdb015
commit 13a3c1c866
28 changed files with 154 additions and 204 deletions
Download patch file Download diff file Expand all files Collapse all files

18
assets/less/base/base.less Normal file
View file

@ -0,0 +1,18 @@
h1, h2, h3 {
@apply .mb-2;
}
.content {
h2,
h3 {
@apply .mt-6;
}
}
p,
ul,
ol,
table,
pre {
@apply .mb-4;
}

7
assets/less/base/images.less Normal file
View file

@ -0,0 +1,7 @@
img.with-border {
@apply .border .border-solid .border-grey-light;
}
svg {
fill: currentColor;
}

3
assets/less/components/blockquote.less Normal file
View file

@ -0,0 +1,3 @@
blockquote {
@apply .border-l-4 .border-blue .pl-4;
}

13
assets/less/components/button.less Normal file
View file

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

3
assets/less/components/link.less Normal file
View file

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

31
assets/less/components/markdown.less Normal file
View file

@ -0,0 +1,31 @@
.markdown {
p,
li {
a {
@apply .link;
}
}
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;
}
}

16
assets/less/components/note.less Normal file
View file

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

31
assets/less/components/post.less
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;
}

4
assets/less/components/post/about-author.less
View file

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

22
assets/less/components/post/code.less
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;
}

5
assets/less/components/testimonial.less
View file

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

77
assets/less/site.less
View file

@ -3,79 +3,14 @@
@tailwind preflight;
p,
li,
td {
a {
@apply .text-blue;
}
}
.button {
@apply .bg-blue;
@apply .inline-block;
@apply .rounded;
@apply .text-white;
@apply .px-4;
@apply .py-2;
&:active,
&:hover {
@apply .bg-blue-dark;
}
}
blockquote {
@apply .border-l-4 .border-blue .pl-4;
}
img.with-border {
@apply .border .border-solid .border-grey-light;
}
h1, h2, h3 {
@apply .mb-2;
}
.content {
h2,
h3 {
@apply .mt-6;
}
}
p,
ul,
ol,
table,
pre,
.note {
@apply .mb-4;
}
a {
@apply .text-grey-darkest;
text-decoration: none;
}
main a:not(.button) {
text-decoration: underline;
}
.bullets,
main ul {
list-style: disc;
@apply .pl-4;
}
svg {
fill: currentColor;
}
@import 'base/base';
@import 'base/images';
@import 'components/button';
@import 'components/link';
@import 'components/listing';
@import 'components/post';
@import 'components/post/about-author';
@import 'components/post/code';
@import 'components/markdown';
@import 'components/note';
@import 'components/table';
@import 'components/talk/slides';
@import 'components/talk/video';