From b8b6fd96e5d1c7e803550dd86d3c4ed577bba9d3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ctibor=20Bran=C4=8D=C3=ADk?= Date: Tue, 22 Mar 2016 23:36:38 +0100 Subject: Add theme for MRP site. --- .../zen-grids/templates/project/_modules.scss | 78 ++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_modules.scss (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_modules.scss') 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; +} -- cgit v1.2.3