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

Spaces

Browse source
This commit is contained in:
Oliver Davies 2018-06-06 21:46:10 +01:00
parent 772e19c320
commit c962a84415
12 changed files with 97 additions and 101 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
assets/sass/base/base.sass
View file

@ -1,35 +1,35 @@
a
color: inherit
text-decoration: none
color: inherit
text-decoration: none
&:focus,
&:hover
text-decoration: underline
main a
&:focus,
&:hover
text-decoration: underline
&:focus,
&:hover
text-decoration: none
main a
text-decoration: underline
&:focus,
&:hover
text-decoration: none
h1, h2, h3
@apply .mb-2
@apply .mb-2
.content
h2,
h3
@apply .mt-6
h2,
h3
@apply .mt-6
p,
ul,
ol,
table,
pre
@apply .mb-4
@apply .mb-4
.element-invisible
@apply .absolute .overflow-hidden .break-normal
clip: rect(1px, 1px, 1px, 1px)
height: 1px
width: 1px
@apply .absolute .overflow-hidden .break-normal
clip: rect(1px, 1px, 1px, 1px)
height: 1px
width: 1px

4
assets/sass/base/images.sass
View file

@ -1,5 +1,5 @@
img.with-border
@apply .border .border-solid .border-grey-light
@apply .border .border-solid .border-grey-light
svg
fill: currentColor
fill: currentColor

2
assets/sass/components/blockquote.sass
View file

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

18
assets/sass/components/button.sass
View file

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

2
assets/sass/components/link.sass
View file

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

11
assets/sass/components/listing.sass
View file

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

38
assets/sass/components/markdown.sass
View file

@ -1,22 +1,22 @@
.markdown
p,
li
a
@apply .link
p,
li
a
@apply .link
code
@apply .bg-grey-lighter .inline-block .font-mono .text-xs
padding: 1px 3px
code
@apply .bg-grey-lighter .inline-block .font-mono .text-xs
padding: 1px 3px
pre code,
.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
pre code,
.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

20
assets/sass/components/note.sass
View file

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

27
assets/sass/components/table.sass
View file

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

22
assets/sass/components/talk/slides.sass
View file

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

14
assets/sass/components/talk/video.sass
View file

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

2
assets/sass/components/widget.sass
View file

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