Styleguide
Elemente und Ihre Attribute (nicht alles aber mal eine Übersicht von dem, was hier so möglich ist).
Heading 1 lorem ipsum dolor sit amet
Heading 2 consectetur adipiscing elit. In facilisis lacinia libero, sed ornareu adipiscing vitae. Integer enim erat, condimentum aliquet malesuada et, blandit id diam. Duis vel sem vitae ligula condimentum fringilla eget in nulla.
Phasellus gravida felis eget est semper sed fringilla turpis rhoncus. Praesent aliquam ultrices lectus quis facilisis. Phasellus porttitor euismod est, in vestibulum leo adipiscing eget. Mauris nec dapibus quam. Phasellus aliquam leo vel orci gravida sit amet sodales est venenatis.
Heading 2 Nullam ut felis vel felis.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi libero dui, posuere ut suscipit vel, tempus ac lectus. Fusce non mi lorem. Mauris vitae metus scelerisque ligula lacinia sodales. Nam scelerisque, felis vitae consectetur eleifend, ipsum nibh fermentum urna, eu lobortis velit velit at tellus. Pellentesque tempus molestie ullamcorper. In ullamcorper erat mi, vel aliquet enim.
Heading 3 praesent sit amet placerat magna.
Quisque tristique quam in turpis aliquet id semper urna condimentum. Ut elementum magna id justo auctor aliquet. Sed tempus rhoncus ante, quis varius libero ullamcorper et. Nulla neque nibh, tincidunt quis venenatis nec, pretium a orci. Vivamus purus ante, malesuada vel molestie a, vehicula sed enim. Etiam molestie eleifend ipsum, quis rhoncus leo tempus id. Donec interdum vulputate laoreet.
Curabitur ac justo at erat facilisis hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eros tortor, elementum non volutpat ut, ullamcorper ac lacus.
Blockquote: Nam scelerisque, felis vitae consectetur eleifend, ipsum nibh fermentum urna, eu lobortis velit velit at tellus. Pellentesque tempus molestie ullamcorper. In ullamcorper erat mi, vel aliquet enim.
Phasellus vestibulum elementum tortor, in dapibus nunc congue vel. Integer rhoncus magna sed erat condimentum quis pharetra est mollis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam semper posuere ultricies. Suspendisse potenti. Phasellus vel urna purus.
/**
* Code Block
* ----------
*
* A Sass Codeblock
*/
.cbImage__figure {
@include span-columns(8);
@include shift(2);
a {
display: block;
padding: $small-spacing;
border-radius: $base-border-radius;
&:link, &:visited {
border: 1px solid $base-border-color;
}
&:hover, &:focus {
border: 1px solid $link-color;
}
&:active {
border: 1px solid shade($link-color, 50%);
}
}
}
Ein Bild mit Caption
Das ist ein Hinweis
Als nächstes eine Bild-Gallerie
Zitat: Patience you must have my young padawan
Vollflächiges Bild (geht nach ganz aussen)
Eine Info mit Typ: «Error»