Release 0.92 2014-12-21
This commit is contained in:
Moritz »mo.« Sauer
parent
3068e7a7aa
commit
a56896dda4
114 changed files with 10775 additions and 2079 deletions
162
assets/scss/_4_typography_theme-fr.scss
Normal file
162
assets/scss/_4_typography_theme-fr.scss
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
/* - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
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); }
|
||||
|
||||
Reference in a new issue