feat: Update list design

This commit is contained in:
Simon 2022-01-18 09:30:56 +01:00
parent 49fec15149
commit 629a5a2318
2 changed files with 25 additions and 18 deletions

View File

@ -1,12 +0,0 @@
html
font-size: 1.25rem
line-height: 1.15
body
font-size: 1.125rem
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
@media screen and (max-width: $size-small)
font-size: .9rem
p
line-height: 1.4

View File

@ -1,6 +1,12 @@
$line-height: 1.15
$size-small: 600px $size-small: 600px
@import "font" html
font-size: 1.25rem
line-height: $line-height
p, li
line-height: 1.4
body body
--color-background: #fff8eb --color-background: #fff8eb
@ -13,6 +19,8 @@ body
--tile: 2rem --tile: 2rem
font-size: 1.125rem
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
color: var(--color-paragraph) color: var(--color-paragraph)
background: var(--color-background) background: var(--color-background)
margin: 0 auto margin: 0 auto
@ -23,6 +31,7 @@ body
@media screen and (max-width: $size-small) @media screen and (max-width: $size-small)
--border-size: 2px --border-size: 2px
--tile: 1rem --tile: 1rem
font-size: .9rem
hr hr
border: 0 border: 0
@ -34,16 +43,26 @@ hr
.center .center
text-align: center text-align: center
p + ol, p + ul
margin: 0
> li:first-child
padding-top: 0
ol, ul
padding-left: 1.2rem
li
padding: .3rem 0
ul.no-style ul.no-style
margin: 0 margin: 0
padding: 0 padding: 0
list-style-type: none list-style-type: none
ol, ul li
padding-left: 1.5rem padding: 0
line-height: $line-height
li
padding: .3rem 0
a, h1, h2, h3 a, h1, h2, h3
color: var(--color-highlight) color: var(--color-highlight)