danielsiepmann/ds-site
danielsiepmann/ds-site
1
0
Code Activity

Improve UI

Browse source 
Inspired by https://marcandrew.me/ui-ux-tips-collection-vol-one/
This commit is contained in:
Daniel Siepmann 2020-11-24 14:01:27 +01:00
parent 59fd462f78
commit df6945e545
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Resources/Private/Sass/Frontend/layout/_content.scss
View file

@ -45,8 +45,11 @@ section > article {
article { article {
&:first-of-type { &:first-of-type {
padding-top: 0; padding-top: 0;
margin-top: 0;
} }
margin-top: 2.75em;
main { main {
h1:first-of-type { h1:first-of-type {
padding-top: 0; padding-top: 0;

10
Resources/Private/Sass/Frontend/layout/_elements.scss
View file

@ -1,14 +1,14 @@
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: $font-family-sans-serif; font-family: $font-family-sans-serif;
letter-spacing: 0.14em; letter-spacing: 2px;
word-spacing: 2px;
font-weight: 300; font-weight: 300;
word-spacing: 0.3em;
line-height: 2.8rem; line-height: 2.8rem;
margin: 0; margin: 0;
padding: { padding: {
top: $spacer * 4; top: $spacer * 3;
bottom: $spacer * 1; bottom: $spacer * 1;
} }
@ -22,6 +22,10 @@ h1, h2, h3, h4, h5, h6 {
} }
} }
p {
line-height: 1.5em;
}
figure { figure {
text-align: center; text-align: center;
padding: $spacer; padding: $spacer;