109 lines
1.6 KiB
SCSS
109 lines
1.6 KiB
SCSS
|
|
// Segoe UI SemiLight
|
|
@include fontFace( 'SegoeUI', 'SegoeUI-SemiLight-final', 300, normal );
|
|
|
|
|
|
// Segoe UI Regular
|
|
@include fontFace( 'SegoeUI', 'SegoeUI-Regular-final', 400, normal );
|
|
|
|
|
|
// Segoe UI SemiBold
|
|
@include fontFace( 'SegoeUI', 'SegoeUI-SemiBold-final', 500, normal );
|
|
|
|
|
|
// Segoe UI Italic
|
|
@include fontFace( 'SegoeUI', 'SegoeUI-Italic-final', 400, italic );
|
|
|
|
|
|
// Entypo Icon Font
|
|
@include fontFace( 'entypo', 'entypo', 400, normal );
|
|
|
|
|
|
%iconFont
|
|
{
|
|
&:before
|
|
{
|
|
font-family: 'entypo', sans-serif;
|
|
font-weight: 400 !important;
|
|
font-style: normal !important;
|
|
display: inline;
|
|
width: auto;
|
|
height: auto;
|
|
line-height: auto;
|
|
vertical-align: baseline;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
[class*="entypo-"]
|
|
{
|
|
@extend %iconFont;
|
|
}
|
|
|
|
|
|
// default link style
|
|
// mainly used for paragraphs
|
|
a
|
|
{
|
|
color: $primaryColor;
|
|
text-decoration: none;
|
|
@extend %shortTransition;
|
|
}
|
|
|
|
.article a
|
|
{
|
|
text-decoration: underline;
|
|
outline: 1px dotted transparent;
|
|
|
|
&:link, &:hover, &:visited
|
|
{
|
|
outline: 1px dotted transparent;
|
|
}
|
|
&:hover
|
|
{
|
|
color: darken($primaryColor, 10%);
|
|
}
|
|
&:visited
|
|
{
|
|
color: desaturate(lighten($primaryColor, 20%), 20%);
|
|
}
|
|
&:focus
|
|
{
|
|
outline-color: desaturate(lighten($primaryColor, 30%), 20%);
|
|
}
|
|
}
|
|
.article
|
|
{
|
|
h1, h2
|
|
{
|
|
margin-top: 50px;
|
|
}
|
|
h3, h4
|
|
{
|
|
margin-top: 20px;
|
|
}
|
|
h2 { font-size: 24px; }
|
|
h3 { font-size: 20px; }
|
|
h4 { font-weight: 500; font-size: 16px; }
|
|
}
|
|
|
|
|
|
// default style for headlines
|
|
h1, h2, h3, h4, h5, h6
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 300;
|
|
color: $textColor;
|
|
|
|
i
|
|
{
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
strong, b
|
|
{
|
|
font-weight: 700 !important;
|
|
}
|