diff options
author | Ctibor Brančík <ctibor@brancik.cz> | 2016-03-20 19:50:03 +0100 |
---|---|---|
committer | Ctibor Brančík <ctibor@brancik.cz> | 2016-03-20 19:50:03 +0100 |
commit | 26106a315f04ca082152b474e6604cded843d08b (patch) | |
tree | f1c0869e1839e57e3cac9f63c926beafe4c6ce88 /sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_modules.scss | |
parent | 07a7c72b4bb6c8d585908b71c63d661880f1f61d (diff) | |
download | brdo-26106a315f04ca082152b474e6604cded843d08b.tar.gz brdo-26106a315f04ca082152b474e6604cded843d08b.tar.bz2 |
Added theme for Máme rádi přírodu.
Diffstat (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_modules.scss')
-rw-r--r-- | sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_modules.scss | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_modules.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_modules.scss new file mode 100644 index 000000000..19a5213dc --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_modules.scss @@ -0,0 +1,78 @@ +/** + * @file + * Modular styles. + */ + + +html { + font-size: 16px; + line-height: 1.5em; +} + +p { + margin: { + top: 1.5em; + bottom: 1.5em; + } +} + +/* Skip link styling */ +.skip-link { + margin: 0; +} +.skip-link__link, +.skip-link__link:visited { + display: block; + width: 100%; + padding: 2px 0 3px 0; + text-align: center; + background-color: #666; + color: #fff; +} +/* The skip-link link will be completely hidden until a user tabs to the link. */ +@media all and (min-width: 444px) { + .skip-link__link { + @include visually-focusable(); + } +} + +/* Set a consistent padding around all containers */ +.header, +.footer { + @extend %grid-item; +} +.grid-item, +.footer { + padding-top: 1.5em; +} + +/* Source-order meta info */ +header { + h1, + h2 { + display: inline; + } + p { + display: inline; + text-transform: uppercase; + font-size: 0.8em; + color: #c00; + } +} + +.pull-quote { + $font-size: 1.2em; + + @include zen-float(); + @include zen-grid-flow-item(1, 2); + @media all and (min-width: 999px) { + @include zen-grid-flow-item(1, 3); + } + margin: { + top: 1em*(1.5em/$font-size); + } + font-size: $font-size; + line-height: 1em*(1.5em/$font-size); + font-weight: bold; + font-style: italic; +} |