162 lines
4.2 KiB
SCSS
162 lines
4.2 KiB
SCSS
/* - - - - - - - - - - - - - - - - - - - - - - -
|
|
|
|
Additional Typography to complement Foundation
|
|
|
|
- - - - - - - - - - - - - - - - - - - - - - - */
|
|
|
|
p a { border-bottom: 1px dotted; }
|
|
p a:hover { border-bottom: 2px solid; }
|
|
p a.button { border: 0; }
|
|
|
|
img { border-radius: $global-radius;}
|
|
img.alignleft,
|
|
img.left { float: left; margin:5px 15px 5px 0; }
|
|
img.alignright,
|
|
img.right { float: right; margin:5px 0 5px 15px; }
|
|
img.aligncenter,
|
|
img.center { display: block; margin:0 auto 10px; }
|
|
|
|
h1 { font-weight: bold; }
|
|
h2 { margin-top: rem-calc(24); }
|
|
.blog-index h2 { margin-top: 10px; }
|
|
h3 { margin-top: rem-calc(22); }
|
|
|
|
article dl dt { line-height: 1.3; }
|
|
article dl dd { line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); }
|
|
|
|
|
|
|
|
dl.accordion { border-top: 1px solid $grey-2; }
|
|
.accordion dd { border-bottom: 1px solid $grey-2; }
|
|
dd.accordion-navigation span { padding-right: 12px; }
|
|
dd.accordion-navigation span:before { content: "\E766" }
|
|
dd.accordion-navigation.active span:before { content: "\E764" }
|
|
dd.accordion-navigation.active span:before { content: "\E764" }
|
|
|
|
|
|
td { vertical-align: top; }
|
|
|
|
pre { overflow: auto; }
|
|
code { font-size: rem-calc(14); line-height: 1.5; }
|
|
|
|
blockquote {
|
|
font-style: italic;
|
|
position: relative;
|
|
border: none;
|
|
margin: 0 30px 30px 30px;
|
|
color: #4b4b4d
|
|
}
|
|
|
|
blockquote p {font-style: italic; color: $grey-10; }
|
|
|
|
blockquote:before {
|
|
display:block;content:"\00BB";
|
|
font-size:80px;
|
|
position:absolute;
|
|
left:-25px;
|
|
top:-40px;
|
|
color:#4b4b4d
|
|
}
|
|
blockquote:after {
|
|
display:block;
|
|
content:"\00AB";
|
|
font-size:80px;
|
|
position:absolute;
|
|
right:-10px;
|
|
bottom:-40px;
|
|
color:#4b4b4d;
|
|
}
|
|
|
|
blockquote cite:before{content:"\2014 \0020"}
|
|
|
|
blockquote cite a,blockquote cite a:visited {color: #555}
|
|
|
|
cite { padding-top: 5px; }
|
|
|
|
.alert-box {
|
|
font-family: $header-font-family;
|
|
text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
|
|
}
|
|
.alert-box p { margin-bottom: 0; }
|
|
.alert-box a {
|
|
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
|
|
color: #fff;
|
|
border-bottom: 1px dotted #fff;
|
|
}
|
|
.alert-box a:hover {
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
button, .button { letter-spacing: 1px; }
|
|
|
|
mark { background-color: scale-color($warning-color, $lightness: 60%);}
|
|
|
|
.subheadline { font-size: rem-calc(16); margin: 0; text-transform: uppercase; }
|
|
.teaser { font-size: rem-calc(20); }
|
|
.big-teaser { font-style: italic; font-weight: 300; }
|
|
.big-teaser a { font-style: italic; font-weight: 400; }
|
|
|
|
|
|
/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
|
|
@media only screen {
|
|
.big-teaser {
|
|
font-size: rem-calc(20);
|
|
}
|
|
}
|
|
@media only screen and (min-width: 40.063em) {
|
|
.big-teaser {
|
|
font-size: rem-calc(29);
|
|
}
|
|
}
|
|
|
|
|
|
/* - - - - - - - - - - - - - - - - - - - - - - -
|
|
|
|
Additional typographical elements
|
|
|
|
- - - - - - - - - - - - - - - - - - - - - - - */
|
|
|
|
.sans { font-family: $font-family-sans-serif; }
|
|
.serif { font-family: $font-family-serif; }
|
|
|
|
.font-size-h1 { font-size: $font-size-h1; }
|
|
.font-size-h2 { font-size: $font-size-h2; }
|
|
.font-size-h3 { font-size: $font-size-h3; }
|
|
.font-size-h4 { font-size: $font-size-h4; }
|
|
.font-size-h5 { font-size: $font-size-h5; }
|
|
.font-size-p { font-size: $font-size-p; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
font-family: 'entypo';
|
|
src: url('../fonts/entypo.eot');
|
|
src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
|
|
url('../fonts/entypo.woff') format('woff'),
|
|
url('../fonts/entypo.ttf') format('truetype'),
|
|
url('../fonts/entypo.svg#entypo') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'entypo-social';
|
|
src: url('../fonts/entypo-social.eot');
|
|
src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
|
|
url('../fonts/entypo-social.woff') format('woff'),
|
|
url('../fonts/entypo-social.ttf') format('truetype'),
|
|
url('../fonts/entypo-social.svg#entypo-social') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.entypo { font-family:'entypo'; }
|
|
.entypo-social { font-family:'entypo-social'; }
|
|
.entypo-32 { font-size: em-calc(32); }
|
|
.entypo-29 { font-size: rem-calc(29); }
|
|
.entypo-48 { font-size: em-calc(48); }
|
|
.entypo-64 { font-size: em-calc(64); }
|
|
|