ulovliglogning.dk/_scss/base/_typography.scss

59 lines
1,000 B
SCSS
Raw Normal View History

2018-01-20 23:49:35 +00:00
html {
font-size: 16px;
}
2018-01-23 22:45:06 +00:00
body {
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
}
2018-01-20 23:49:35 +00:00
2018-01-23 22:45:06 +00:00
h1, h2 {
2018-01-22 14:21:34 +00:00
font-family: 'Montserrat', sans-serif;
2018-01-23 22:45:06 +00:00
font-family: 'Eczar', serif;
}
h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
2018-01-20 23:49:35 +00:00
}
h1 {
2018-01-22 14:21:34 +00:00
font-size: 3rem;
2018-01-24 22:24:26 +00:00
//text-shadow: 4px 3px 0px rgb(90, 85, 81);
//margin: 0 0 3rem;
2018-01-20 23:49:35 +00:00
display: block;
2018-01-22 14:21:34 +00:00
//width: 90vw;
2018-01-20 23:49:35 +00:00
.even & {
2018-01-24 22:24:26 +00:00
//text-shadow: 4px 3px 0px rgba(0,0,0,0.15);
2018-01-20 23:49:35 +00:00
}
@media screen and (max-width: $screen-phone) {
& {
font-size: 2.5rem;
2018-01-24 22:24:26 +00:00
//text-shadow: 3px 2px 0px rgb(90, 85, 81);
2018-01-20 23:49:35 +00:00
}
.even & {
2018-01-24 22:24:26 +00:00
//text-shadow: 3px 2px 0px rgba(0,0,0,0.15);
2018-01-20 23:49:35 +00:00
}
}
}
h3 {
margin: 0 1rem 1rem;
2018-01-20 23:49:35 +00:00
color: #ff5800;
text-shadow: 0 2px 0 #000;
font-size: 1.5rem;
line-height: 2rem;
}
p {
margin: 1rem 1rem 2rem;
2018-01-20 23:49:35 +00:00
line-height: 1.3rem;
break-inside: avoid;
}
a {
color: #FFF;
2018-01-24 22:24:26 +00:00
text-decoration: underline;
font-weight: bold;
//box-shadow: 0 2px 0 #ff5800;
2018-01-20 23:49:35 +00:00
.even & {
2018-01-24 22:24:26 +00:00
//box-shadow: 0 2px 0 #FFF;
2018-01-20 23:49:35 +00:00
}
}