colette
Version:
A CSS and JS starter kit for 20 Minutes web projects
57 lines (47 loc) • 1.16 kB
text/stylus
// Content
//
// A contribued content container able to tyle every standard element and widget inside.
//
// This class can be used on any block containing some contribued content.
//
// Markup: content.twig
//
// Styleguide: Components.Content
.content
// Link
a:not([class])
color var(--color-links)
transition filter .2s linear
&:hover
filter brightness(60%)
// Paragraphes
> p:not([class])
margin-bottom _lh(.5)
// Image + legend
//
// should look like `.media`
figure
margin-bottom _lh(.5)
// copy of media>figcaption and media-caption style
figcaption
_pt(.5)
font-size .85em
color var(--color-secondary)
line-height 1.2
// overide anchor text color (<a> without href)
> a
color currentColor
// Separator
hr
margin-top 0
margin-bottom _lh(.5)
background-color var(--color-borders)
// Quote
blockquote
font-size _rem(16px)
margin-bottom _lh(.5)
// Iframe
iframe
margin-bottom _lh(.5)
width 100%
max-width 100%