inspec/www/source/stylesheets/_typography.scss
2017-01-20 10:26:42 +01:00

68 lines
1.1 KiB
SCSS

h1 {
font-family: $heading-font;
font-size: 36px;
color: $color_heading;
font-weight: 300;
}
h2 {
font-family: $heading-font;
font-size: 30px;
color: $color_heading;
font-weight: 300;
}
h3 {
font-family: $heading-font;
font-size: 20px;
color: $color_heading;
font-weight: 300;
}
h4 {
font-family: $heading-font;
font-size: 20px;
color: $color_paragraph;
line-height: 1.4em;
font-weight: 300;
}
p, ol, ul, li {
font-family: $main-font;
color: $color_paragraph;
font-weight: 300;
}
small {
font-family: $main-font;
font-size: 65%;
color: $color_gray;
@extend %uppercase;
}
li { //indent for li
margin-left: 1.6em;
}
hr {
margin-top: 6px;
margin-bottom: 6px;
width: 150px;
border: 0;
height: 1px;
background-color: $color_hr;
background: linear-gradient(to right, $color_hr 0, $color_link 100%);
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='$color_hr', endcolorstr='$color_link', gradienttype=1 );
}
//Font Colors//
.t-dk {
color: $color_heading;
}
.t-white {
color: $color_white;
}
.t-blue {
color: $color_link;
}
.t-transparent {
opacity: 0.6;
}
.t-purple {
color: $color_purple;
}