diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css index afa86bb..576f8ce 100644 --- a/core/themes/bartik/css/layout.css +++ b/core/themes/bartik/css/layout.css @@ -52,6 +52,23 @@ body, box-sizing: border-box; padding: 0 15px; } +.region-triptych-first, +.region-triptych-middle, +.region-triptych-last { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 20px 0; +} +.region-footer-firstcolumn, +.region-footer-secondcolumn, +.region-footer-thirdcolumn, +.region-footer-fourthcolumn { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 10px; +} @media all and (min-width: 0) { /* @TODO Find proper breakpoint */ #secondary-menu { @@ -83,6 +100,37 @@ body, overflow: hidden; width: 50%; } + .region-triptych-first, + .region-triptych-middle, + .region-triptych-last { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 15px 30px; + width: 33%; + } + .region-triptych-middle { + padding: 20px 5px 30px; + } + .region-footer-firstcolumn, + .region-footer-secondcolumn { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 10px; + width: 50%; + } + .region-footer-thirdcolumn, + .region-footer-fourthcolumn { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 10px; + width: 50%; + } + .region-footer-thirdcolumn { + clear: both; + } } @media all and (min-width: 851px) { /* @TODO Find proper breakpoint */ @@ -127,19 +175,15 @@ body, } .region-triptych-first, .region-triptych-middle, - .region-triptych-last { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 20px 30px; + .region-triptych-last { width: 33%; } .region-footer-firstcolumn, .region-footer-secondcolumn, .region-footer-thirdcolumn, .region-footer-fourthcolumn { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; width: 25%;