Improve UI
Inspired by https://marcandrew.me/ui-ux-tips-collection-vol-one/
This commit is contained in:
parent
59fd462f78
commit
df6945e545
2 changed files with 10 additions and 3 deletions
|
@ -45,8 +45,11 @@ section > article {
|
|||
article {
|
||||
&:first-of-type {
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
margin-top: 2.75em;
|
||||
|
||||
main {
|
||||
h1:first-of-type {
|
||||
padding-top: 0;
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: $font-family-sans-serif;
|
||||
letter-spacing: 0.14em;
|
||||
letter-spacing: 2px;
|
||||
word-spacing: 2px;
|
||||
font-weight: 300;
|
||||
word-spacing: 0.3em;
|
||||
line-height: 2.8rem;
|
||||
|
||||
margin: 0;
|
||||
|
||||
padding: {
|
||||
top: $spacer * 4;
|
||||
top: $spacer * 3;
|
||||
bottom: $spacer * 1;
|
||||
}
|
||||
|
||||
|
@ -22,6 +22,10 @@ h1, h2, h3, h4, h5, h6 {
|
|||
}
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
figure {
|
||||
text-align: center;
|
||||
padding: $spacer;
|
||||
|
|
Loading…
Reference in a new issue