1
0
Fork 0

new frontpage layout

This commit is contained in:
Moritz »mo.« Sauer 2015-02-12 18:36:02 +01:00
parent 7249978c52
commit 8c2df412d5
10 changed files with 229 additions and 210 deletions

View file

@ -6862,137 +6862,145 @@ th.hide-for-touch {
Additional Typography to complement Foundation
- - - - - - - - - - - - - - - - - - - - - - - */
/* line 7, ../scss/_4_typography_theme-fr.scss */
/* line 6, ../scss/_4_typography_theme-fr.scss */
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/* line 12, ../scss/_4_typography_theme-fr.scss */
p a,
article a {
font-weight: bold;
border-bottom: 1px dotted;
}
/* line 12, ../scss/_4_typography_theme-fr.scss */
/* line 17, ../scss/_4_typography_theme-fr.scss */
p a:hover,
article a:hover {
border-bottom: 2px solid;
}
/* line 14, ../scss/_4_typography_theme-fr.scss */
/* line 19, ../scss/_4_typography_theme-fr.scss */
p a.button {
border: 0;
}
/* line 15, ../scss/_4_typography_theme-fr.scss */
/* line 20, ../scss/_4_typography_theme-fr.scss */
p.button a {
border: 0;
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
/* line 22, ../scss/_4_typography_theme-fr.scss */
/* line 27, ../scss/_4_typography_theme-fr.scss */
img {
border-radius: 3px;
}
/* line 23, ../scss/_4_typography_theme-fr.scss */
/* line 28, ../scss/_4_typography_theme-fr.scss */
img.alignleft,
img.left {
float: left;
margin: 5px 15px 5px 0;
}
/* line 25, ../scss/_4_typography_theme-fr.scss */
/* line 30, ../scss/_4_typography_theme-fr.scss */
img.alignright,
img.right {
float: right;
margin: 5px 0 5px 15px;
}
/* line 27, ../scss/_4_typography_theme-fr.scss */
/* line 32, ../scss/_4_typography_theme-fr.scss */
img.aligncenter,
img.center {
display: block;
margin: 0 auto 10px;
}
/* line 30, ../scss/_4_typography_theme-fr.scss */
/* line 35, ../scss/_4_typography_theme-fr.scss */
h2 {
margin-top: 1.5rem;
}
/* line 31, ../scss/_4_typography_theme-fr.scss */
/* line 36, ../scss/_4_typography_theme-fr.scss */
.blog-index h2 {
margin-top: 10px;
}
/* line 32, ../scss/_4_typography_theme-fr.scss */
/* line 37, ../scss/_4_typography_theme-fr.scss */
h3 {
margin-top: 1.375rem;
}
/* line 34, ../scss/_4_typography_theme-fr.scss */
/* line 39, ../scss/_4_typography_theme-fr.scss */
article dl dt {
line-height: 1.3;
}
/* line 35, ../scss/_4_typography_theme-fr.scss */
/* line 40, ../scss/_4_typography_theme-fr.scss */
article dl dd {
line-height: 1.6;
margin-bottom: 0.75rem;
margin-left: 1.5rem;
}
/* line 38, ../scss/_4_typography_theme-fr.scss */
/* line 43, ../scss/_4_typography_theme-fr.scss */
dl.accordion {
border-top: 1px solid #d7d7d7;
}
/* line 39, ../scss/_4_typography_theme-fr.scss */
/* line 44, ../scss/_4_typography_theme-fr.scss */
.accordion dd {
border-bottom: 1px solid #d7d7d7;
}
/* line 40, ../scss/_4_typography_theme-fr.scss */
/* line 45, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation span {
padding-right: 12px;
}
/* line 41, ../scss/_4_typography_theme-fr.scss */
/* line 46, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation span:before {
content: "\E766";
}
/* line 42, ../scss/_4_typography_theme-fr.scss */
/* line 47, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation.active span:before {
content: "\E764";
}
/* line 43, ../scss/_4_typography_theme-fr.scss */
/* line 48, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation.active span:before {
content: "\E764";
}
/* line 46, ../scss/_4_typography_theme-fr.scss */
/* line 51, ../scss/_4_typography_theme-fr.scss */
td {
vertical-align: top;
}
/* line 48, ../scss/_4_typography_theme-fr.scss */
/* line 53, ../scss/_4_typography_theme-fr.scss */
pre {
overflow: auto;
margin-bottom: 1.25rem;
}
/* line 49, ../scss/_4_typography_theme-fr.scss */
/* line 54, ../scss/_4_typography_theme-fr.scss */
pre code {
padding: 0.125rem 0.3125rem 0.0625rem 0;
}
/* line 50, ../scss/_4_typography_theme-fr.scss */
/* line 55, ../scss/_4_typography_theme-fr.scss */
code {
font-size: 0.875rem;
line-height: 1.5;
}
/* line 52, ../scss/_4_typography_theme-fr.scss */
/* line 57, ../scss/_4_typography_theme-fr.scss */
blockquote {
font-style: italic;
position: relative;
@ -7001,13 +7009,13 @@ blockquote {
color: #4b4b4d;
}
/* line 60, ../scss/_4_typography_theme-fr.scss */
/* line 65, ../scss/_4_typography_theme-fr.scss */
blockquote p {
font-style: italic;
color: #575757;
}
/* line 62, ../scss/_4_typography_theme-fr.scss */
/* line 67, ../scss/_4_typography_theme-fr.scss */
blockquote:before {
display: block;
content: "\00BB";
@ -7018,7 +7026,7 @@ blockquote:before {
color: #4b4b4d;
}
/* line 70, ../scss/_4_typography_theme-fr.scss */
/* line 75, ../scss/_4_typography_theme-fr.scss */
blockquote:after {
display: block;
content: "\00AB";
@ -7029,50 +7037,50 @@ blockquote:after {
color: #4b4b4d;
}
/* line 80, ../scss/_4_typography_theme-fr.scss */
/* line 85, ../scss/_4_typography_theme-fr.scss */
blockquote cite:before {
content: "\2014 \0020";
}
/* line 82, ../scss/_4_typography_theme-fr.scss */
/* line 87, ../scss/_4_typography_theme-fr.scss */
blockquote cite a, blockquote cite a:visited {
color: #555;
}
/* line 84, ../scss/_4_typography_theme-fr.scss */
/* line 89, ../scss/_4_typography_theme-fr.scss */
cite {
padding-top: 5px;
}
/* line 86, ../scss/_4_typography_theme-fr.scss */
/* line 91, ../scss/_4_typography_theme-fr.scss */
button, .button {
letter-spacing: 1px;
}
/* line 88, ../scss/_4_typography_theme-fr.scss */
/* line 93, ../scss/_4_typography_theme-fr.scss */
mark {
background-color: #f3cab2;
}
/* line 90, ../scss/_4_typography_theme-fr.scss */
/* line 95, ../scss/_4_typography_theme-fr.scss */
.subheadline {
font-size: 1rem;
margin: 0;
text-transform: uppercase;
}
/* line 91, ../scss/_4_typography_theme-fr.scss */
/* line 96, ../scss/_4_typography_theme-fr.scss */
.teaser {
font-size: 1.25rem;
}
/* line 92, ../scss/_4_typography_theme-fr.scss */
/* line 97, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-style: italic;
font-weight: 300;
}
/* line 93, ../scss/_4_typography_theme-fr.scss */
/* line 98, ../scss/_4_typography_theme-fr.scss */
.big-teaser a {
font-style: italic;
font-weight: 400;
@ -7080,13 +7088,13 @@ mark {
/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
@media only screen {
/* line 98, ../scss/_4_typography_theme-fr.scss */
/* line 103, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-size: 1.25rem;
}
}
@media only screen and (min-width: 40.063em) {
/* line 103, ../scss/_4_typography_theme-fr.scss */
/* line 108, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-size: 1.8125rem;
}
@ -7096,42 +7104,42 @@ mark {
Additional typographical elements
- - - - - - - - - - - - - - - - - - - - - - - */
/* line 115, ../scss/_4_typography_theme-fr.scss */
/* line 120, ../scss/_4_typography_theme-fr.scss */
.sans {
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/* line 116, ../scss/_4_typography_theme-fr.scss */
/* line 121, ../scss/_4_typography_theme-fr.scss */
.serif {
font-family: "Volkhov", Georgia, Times, serif;
}
/* line 118, ../scss/_4_typography_theme-fr.scss */
/* line 123, ../scss/_4_typography_theme-fr.scss */
.font-size-h1 {
font-size: 3.375rem;
}
/* line 119, ../scss/_4_typography_theme-fr.scss */
/* line 124, ../scss/_4_typography_theme-fr.scss */
.font-size-h2 {
font-size: 2.25rem;
}
/* line 120, ../scss/_4_typography_theme-fr.scss */
/* line 125, ../scss/_4_typography_theme-fr.scss */
.font-size-h3 {
font-size: 1.8125rem;
}
/* line 121, ../scss/_4_typography_theme-fr.scss */
/* line 126, ../scss/_4_typography_theme-fr.scss */
.font-size-h4 {
font-size: 1.5rem;
}
/* line 122, ../scss/_4_typography_theme-fr.scss */
/* line 127, ../scss/_4_typography_theme-fr.scss */
.font-size-h5 {
font-size: 1.1875rem;
}
/* line 123, ../scss/_4_typography_theme-fr.scss */
/* line 128, ../scss/_4_typography_theme-fr.scss */
.font-size-p {
font-size: 1rem;
}
@ -7146,22 +7154,22 @@ Additional typographical elements
src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#svgFontName") format("svg");
/* Legacy iOS */
}
/* line 142, ../scss/_4_typography_theme-fr.scss */
/* line 147, ../scss/_4_typography_theme-fr.scss */
.iconfont {
font-family: iconfont;
}
/* line 143, ../scss/_4_typography_theme-fr.scss */
/* line 148, ../scss/_4_typography_theme-fr.scss */
.iconfont-48 {
font-size: 48px;
}
/* line 146, ../scss/_4_typography_theme-fr.scss */
/* line 151, ../scss/_4_typography_theme-fr.scss */
[data-icon]:before {
content: attr(data-icon);
}
/* line 148, ../scss/_4_typography_theme-fr.scss */
/* line 153, ../scss/_4_typography_theme-fr.scss */
[data-icon]:before,
.icon-archive:before,
.icon-browser:before,
@ -7229,262 +7237,262 @@ Additional typographical elements
font-smoothing: antialiased;
}
/* line 215, ../scss/_4_typography_theme-fr.scss */
/* line 220, ../scss/_4_typography_theme-fr.scss */
.icon-archive:before {
content: "\f100";
}
/* line 216, ../scss/_4_typography_theme-fr.scss */
/* line 221, ../scss/_4_typography_theme-fr.scss */
.icon-browser:before {
content: "\f101";
}
/* line 217, ../scss/_4_typography_theme-fr.scss */
/* line 222, ../scss/_4_typography_theme-fr.scss */
.icon-calendar:before {
content: "\f133";
}
/* line 218, ../scss/_4_typography_theme-fr.scss */
/* line 223, ../scss/_4_typography_theme-fr.scss */
.icon-camera:before {
content: "\f102";
}
/* line 219, ../scss/_4_typography_theme-fr.scss */
/* line 224, ../scss/_4_typography_theme-fr.scss */
.icon-chat:before {
content: "\f103";
}
/* line 220, ../scss/_4_typography_theme-fr.scss */
/* line 225, ../scss/_4_typography_theme-fr.scss */
.icon-check:before {
content: "\f104";
}
/* line 221, ../scss/_4_typography_theme-fr.scss */
/* line 226, ../scss/_4_typography_theme-fr.scss */
.icon-chevron-down:before {
content: "\f105";
}
/* line 222, ../scss/_4_typography_theme-fr.scss */
/* line 227, ../scss/_4_typography_theme-fr.scss */
.icon-chevron-left:before {
content: "\f106";
}
/* line 223, ../scss/_4_typography_theme-fr.scss */
/* line 228, ../scss/_4_typography_theme-fr.scss */
.icon-chevron-right:before {
content: "\f107";
}
/* line 224, ../scss/_4_typography_theme-fr.scss */
/* line 229, ../scss/_4_typography_theme-fr.scss */
.icon-chevron-up:before {
content: "\f108";
}
/* line 225, ../scss/_4_typography_theme-fr.scss */
/* line 230, ../scss/_4_typography_theme-fr.scss */
.icon-circle-with-cross:before {
content: "\f109";
}
/* line 226, ../scss/_4_typography_theme-fr.scss */
/* line 231, ../scss/_4_typography_theme-fr.scss */
.icon-circle-with-minus:before {
content: "\f10a";
}
/* line 227, ../scss/_4_typography_theme-fr.scss */
/* line 232, ../scss/_4_typography_theme-fr.scss */
.icon-circle-with-plus:before {
content: "\f10b";
}
/* line 228, ../scss/_4_typography_theme-fr.scss */
/* line 233, ../scss/_4_typography_theme-fr.scss */
.icon-cloud:before {
content: "\f10c";
}
/* line 229, ../scss/_4_typography_theme-fr.scss */
/* line 234, ../scss/_4_typography_theme-fr.scss */
.icon-code:before {
content: "\f10d";
}
/* line 230, ../scss/_4_typography_theme-fr.scss */
/* line 235, ../scss/_4_typography_theme-fr.scss */
.icon-cog:before {
content: "\f10e";
}
/* line 231, ../scss/_4_typography_theme-fr.scss */
/* line 236, ../scss/_4_typography_theme-fr.scss */
.icon-dropbox:before {
content: "\f10f";
}
/* line 232, ../scss/_4_typography_theme-fr.scss */
/* line 237, ../scss/_4_typography_theme-fr.scss */
.icon-edit:before {
content: "\f110";
}
/* line 233, ../scss/_4_typography_theme-fr.scss */
/* line 238, ../scss/_4_typography_theme-fr.scss */
.icon-export:before {
content: "\f111";
}
/* line 234, ../scss/_4_typography_theme-fr.scss */
/* line 239, ../scss/_4_typography_theme-fr.scss */
.icon-eye:before {
content: "\f112";
}
/* line 235, ../scss/_4_typography_theme-fr.scss */
/* line 240, ../scss/_4_typography_theme-fr.scss */
.icon-facebook:before {
content: "\f113";
}
/* line 236, ../scss/_4_typography_theme-fr.scss */
/* line 241, ../scss/_4_typography_theme-fr.scss */
.icon-feather:before {
content: "\f114";
}
/* line 237, ../scss/_4_typography_theme-fr.scss */
/* line 242, ../scss/_4_typography_theme-fr.scss */
.icon-github:before {
content: "\f115";
}
/* line 238, ../scss/_4_typography_theme-fr.scss */
/* line 243, ../scss/_4_typography_theme-fr.scss */
.icon-globe:before {
content: "\f116";
}
/* line 239, ../scss/_4_typography_theme-fr.scss */
/* line 244, ../scss/_4_typography_theme-fr.scss */
.icon-heart:before {
content: "\f117";
}
/* line 240, ../scss/_4_typography_theme-fr.scss */
/* line 245, ../scss/_4_typography_theme-fr.scss */
.icon-heart-outlined:before {
content: "\f118";
}
/* line 241, ../scss/_4_typography_theme-fr.scss */
/* line 246, ../scss/_4_typography_theme-fr.scss */
.icon-home:before {
content: "\f119";
}
/* line 242, ../scss/_4_typography_theme-fr.scss */
/* line 247, ../scss/_4_typography_theme-fr.scss */
.icon-instagram:before {
content: "\f11a";
}
/* line 243, ../scss/_4_typography_theme-fr.scss */
/* line 248, ../scss/_4_typography_theme-fr.scss */
.icon-lab-flask:before {
content: "\f11b";
}
/* line 244, ../scss/_4_typography_theme-fr.scss */
/* line 249, ../scss/_4_typography_theme-fr.scss */
.icon-leaf:before {
content: "\f11c";
}
/* line 245, ../scss/_4_typography_theme-fr.scss */
/* line 250, ../scss/_4_typography_theme-fr.scss */
.icon-linkedin:before {
content: "\f11d";
}
/* line 246, ../scss/_4_typography_theme-fr.scss */
/* line 251, ../scss/_4_typography_theme-fr.scss */
.icon-mail:before {
content: "\f11e";
}
/* line 247, ../scss/_4_typography_theme-fr.scss */
/* line 252, ../scss/_4_typography_theme-fr.scss */
.icon-message:before {
content: "\f11f";
}
/* line 248, ../scss/_4_typography_theme-fr.scss */
/* line 253, ../scss/_4_typography_theme-fr.scss */
.icon-mic:before {
content: "\f120";
}
/* line 249, ../scss/_4_typography_theme-fr.scss */
/* line 254, ../scss/_4_typography_theme-fr.scss */
.icon-network:before {
content: "\f121";
}
/* line 250, ../scss/_4_typography_theme-fr.scss */
/* line 255, ../scss/_4_typography_theme-fr.scss */
.icon-paper-plane:before {
content: "\f122";
}
/* line 251, ../scss/_4_typography_theme-fr.scss */
/* line 256, ../scss/_4_typography_theme-fr.scss */
.icon-pinterest:before {
content: "\f123";
}
/* line 252, ../scss/_4_typography_theme-fr.scss */
/* line 257, ../scss/_4_typography_theme-fr.scss */
.icon-price-tag:before {
content: "\f124";
}
/* line 253, ../scss/_4_typography_theme-fr.scss */
/* line 258, ../scss/_4_typography_theme-fr.scss */
.icon-rocket:before {
content: "\f125";
}
/* line 254, ../scss/_4_typography_theme-fr.scss */
/* line 259, ../scss/_4_typography_theme-fr.scss */
.icon-rss:before {
content: "\f126";
}
/* line 255, ../scss/_4_typography_theme-fr.scss */
/* line 260, ../scss/_4_typography_theme-fr.scss */
.icon-soundcloud:before {
content: "\f127";
}
/* line 256, ../scss/_4_typography_theme-fr.scss */
/* line 261, ../scss/_4_typography_theme-fr.scss */
.icon-star:before {
content: "\f128";
}
/* line 257, ../scss/_4_typography_theme-fr.scss */
/* line 262, ../scss/_4_typography_theme-fr.scss */
.icon-star-outlined:before {
content: "\f129";
}
/* line 258, ../scss/_4_typography_theme-fr.scss */
/* line 263, ../scss/_4_typography_theme-fr.scss */
.icon-thumbs-down:before {
content: "\f12a";
}
/* line 259, ../scss/_4_typography_theme-fr.scss */
/* line 264, ../scss/_4_typography_theme-fr.scss */
.icon-thumbs-up:before {
content: "\f12b";
}
/* line 260, ../scss/_4_typography_theme-fr.scss */
/* line 265, ../scss/_4_typography_theme-fr.scss */
.icon-tumblr:before {
content: "\f12c";
}
/* line 261, ../scss/_4_typography_theme-fr.scss */
/* line 266, ../scss/_4_typography_theme-fr.scss */
.icon-twitter:before {
content: "\f12d";
}
/* line 262, ../scss/_4_typography_theme-fr.scss */
/* line 267, ../scss/_4_typography_theme-fr.scss */
.icon-upload-to-cloud:before {
content: "\f12e";
}
/* line 263, ../scss/_4_typography_theme-fr.scss */
/* line 268, ../scss/_4_typography_theme-fr.scss */
.icon-video:before {
content: "\f12f";
}
/* line 264, ../scss/_4_typography_theme-fr.scss */
/* line 269, ../scss/_4_typography_theme-fr.scss */
.icon-vimeo:before {
content: "\f130";
}
/* line 265, ../scss/_4_typography_theme-fr.scss */
/* line 270, ../scss/_4_typography_theme-fr.scss */
.icon-warning:before {
content: "\f131";
}
/* line 266, ../scss/_4_typography_theme-fr.scss */
/* line 271, ../scss/_4_typography_theme-fr.scss */
.icon-youtube:before {
content: "\f132";
}

File diff suppressed because one or more lines are too long