improve appearance
This commit is contained in:
@ -76,6 +76,24 @@ $font-path: '/fonts/static/'
|
||||
font-weight: 900
|
||||
src: local('Source Sans 3 Black'), local('SourceSans3-Black'), url('#{$font-path}SourceSans3-Black.woff2') format('woff2'), url('#{$font-path}SourceSans3-Black.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 600
|
||||
src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'), url('#{$font-path}SourceCodePro-Medium.woff2') format('woff2'), url('#{$font-path}SourceCodePro-Medium.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
font-style: italic
|
||||
font-display: swap
|
||||
font-weight: 600
|
||||
src: local('Source Code Pro Medium Italic'), local('SourceCodePro-MediumItalic'), url('#{$font-path}SourceCodePro-MediumItalic.woff2') format('woff2'), url('#{$font-path}SourceCodePro-MediumItalic.ttf') format('truetype')
|
||||
|
||||
|
||||
|
||||
|
||||
*
|
||||
font-family: 'Source Sans 3', sans-serif
|
||||
code
|
||||
font-family: 'Source Code Pro', monospace
|
||||
|
@ -113,6 +113,80 @@ section
|
||||
text-align: center
|
||||
h1
|
||||
margin: 0
|
||||
.time
|
||||
font-size: 0.8rem
|
||||
width: 100%
|
||||
font-size: 3rem
|
||||
word-break: break-word
|
||||
.subtitle
|
||||
margin: 0
|
||||
width: 100%
|
||||
font-size: 1.2rem
|
||||
font-weight: 300
|
||||
color: $text-subtle
|
||||
.time
|
||||
font-size: 0.8rem
|
||||
color: $text-subtle
|
||||
text-align: center
|
||||
|
||||
article
|
||||
background: $surface
|
||||
border-radius: 8px
|
||||
padding: $spacing-unit
|
||||
margin: $spacing-unit 0
|
||||
position: relative
|
||||
transition: background 0.5s ease-in-out
|
||||
&:hover, &:focus
|
||||
background: $primary-dark
|
||||
h3
|
||||
margin: 0
|
||||
font-size: 1.5rem
|
||||
font-weight: 700
|
||||
color: $text
|
||||
a
|
||||
color: $text
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
z-index: 1
|
||||
text-indent: -9999px
|
||||
overflow: hidden
|
||||
text-decoration: none
|
||||
transition: color 0.3s ease-in-out
|
||||
&:hover, &:focus
|
||||
color: $accent-light
|
||||
&:not(a)
|
||||
position: relative
|
||||
z-index: 2
|
||||
p
|
||||
margin: 0.5rem 0
|
||||
font-size: 1rem
|
||||
color: $text-subtle
|
||||
font-weight: 300
|
||||
|
||||
.subtitle
|
||||
margin: 0 0 0 0.5rem
|
||||
width: 100%
|
||||
font-size: 1.1rem
|
||||
font-weight: 300
|
||||
color: $text-subtle
|
||||
|
||||
.term-title
|
||||
font-weight: 700
|
||||
padding: 0.3rem 0.8rem
|
||||
margin-bottom: 0.5rem
|
||||
border-radius: $border-radius
|
||||
|
||||
p code
|
||||
background: darken($primary-dark,10%)
|
||||
margin: 0 0.2rem
|
||||
padding: 0.2rem 0.4rem
|
||||
border-radius: 5px
|
||||
font-size: 0.8rem
|
||||
|
||||
pre
|
||||
padding: 0.5rem
|
||||
border-radius: 5px
|
||||
overflow-x: auto
|
||||
code
|
||||
font-size: 0.8rem
|
||||
|
@ -1,11 +1,11 @@
|
||||
/* _text.sass */
|
||||
|
||||
a
|
||||
color: $primary
|
||||
color: $accent-light
|
||||
text-decoration: underline
|
||||
transition: color 0.3s ease-in-out
|
||||
&:hover, &:focus
|
||||
color: $accent
|
||||
color: $primary
|
||||
|
||||
#quick-links
|
||||
text-align: left
|
||||
@ -13,8 +13,10 @@ a
|
||||
#link-list
|
||||
display: flex
|
||||
gap: $spacing-unit
|
||||
align-items: left
|
||||
margin: $spacing-unit 0
|
||||
align-items: center
|
||||
flex-wrap: wrap
|
||||
margin: 2rem 0 $spacing-unit 0
|
||||
justify-content: center
|
||||
|
||||
#link-list h2
|
||||
flex: none
|
||||
@ -41,3 +43,15 @@ a
|
||||
transition: background 0.3s ease-in-out
|
||||
&:hover, &:focus
|
||||
background: $accent-light
|
||||
|
||||
a.button
|
||||
padding: 0.3rem 0.6rem
|
||||
margin: 0 0.2rem
|
||||
border-radius: $border-radius
|
||||
background: $primary-light
|
||||
color: $darkest
|
||||
text-decoration: none
|
||||
font-weight: 500
|
||||
transition: background 0.3s ease-in-out
|
||||
&:hover, &:focus
|
||||
background: $accent-light
|
@ -1,4 +1,5 @@
|
||||
#publications
|
||||
font-weight: 300
|
||||
ul
|
||||
list-style: none
|
||||
margin: 0
|
||||
@ -11,3 +12,10 @@
|
||||
background: $surface
|
||||
border-radius: 8px
|
||||
padding: 1em 1.5em
|
||||
a
|
||||
color: $primary-light
|
||||
text-decoration: none
|
||||
font-weight: 100
|
||||
transition: color 0.3s ease-in-out
|
||||
&:hover, &:focus
|
||||
color: $accent-light
|
@ -37,6 +37,12 @@ table#taxonomy-table
|
||||
font-weight: 600
|
||||
border: none
|
||||
|
||||
td.description
|
||||
font-weight: 300
|
||||
color: $text-subtle
|
||||
td.tool
|
||||
min-width: 100px
|
||||
|
||||
a.term-link
|
||||
padding: 0.2rem 0.6rem
|
||||
margin: 0.2rem
|
||||
|
Reference in New Issue
Block a user