diff -u /dev/null b/core/themes/bartik/css/components/site-footer.css --- /dev/null +++ b/core/themes/bartik/css/components/site-footer.css @@ -0,0 +1,155 @@ +/** + * @file + * Visual styles for Bartik's footer. + */ + +.site-footer .block .content { + color: #c0c0c0; + color: rgba(255, 255, 255, 0.65); + font-size: 0.857em; +} +.site-footer .block .content a { + color: #fcfcfc; + color: rgba(255, 255, 255, 0.8); +} +.site-footer .block .content a:hover, +.site-footer .block .content a:focus { + color: #fefefe; + color: rgba(255, 255, 255, 0.95); +} +.site-footer .block { + margin: 20px 0; + border: 1px solid #444; + border-color: rgba(255, 255, 255, 0.1); + padding: 10px; +} +.site-footer tr.odd { + background-color: transparent; +} +.site-footer tr.even { + background-color: #2c2c2c; + background-color: rgba(0, 0, 0, 0.15); +} + +/** + * Visual styles for Bartik's footer bottom region. + */ +.site-footer__bottom .block { + margin: 0.5em 0; + padding: 0; + border: none; + clear: both; +} +.site-footer__bottom .block .content { + padding: 0.5em 0; + margin-top: 0; +} +.site-footer__bottom .block > h2 { + /* @extend .visually-hidden */ + position: absolute !important; + clip: rect(1px, 1px, 1px, 1px); + overflow: hidden; + height: 1px; +} +.site-footer__bottom .block h2 { + margin: 0; +} +.site-footer__bottom { + letter-spacing: 0.2px; + margin-top: 30px; + border-top: 1px solid #555; + border-color: rgba(255, 255, 255, 0.15); +} +.site-footer__bottom .region { + margin-top: 20px; +} + +/** + * Visual styles for Bartik's footer bottoms menu. + */ +.site-footer__bottom .menu, +.site-footer__bottom .menu li { + list-style: none; + margin: 0; + padding: 0; +} +.site-footer__bottom .menu li a { + float: left; /* LTR */ + padding: 0 12px; + border-right: 1px solid #555; /* LTR */ + border-color: rgba(255, 255, 255, 0.15); +} +[dir="rtl"] .site-footer__bottom .menu li a { + float: right; + border-left: 1px solid #555; + border-color: rgba(255, 255, 255, 0.15); + border-right: none; +} +.site-footer__bottom .menu li:first-child a { + padding-left: 0; /* LTR */ +} +[dir="rtl"] .site-footer__bottom .menu li:first-child a { + padding-right: 0; + padding-left: 12px; +} +.site-footer__bottom .menu li:last-child a { + padding-right: 0; /* LTR */ + border-right: none; /* LTR */ +} +[dir="rtl"] .site-footer__bottom .menu li:last-child a { + padding-left: 0; + border-left: none; +} + +/** + * Visual styles for Bartik's footer top region. + */ +.site-footer__top .block-menu { + margin: 0; + padding: 0; + border: none; +} +.site-footer__top h2 { + border-bottom: 1px solid #555; + border-color: rgba(255, 255, 255, 0.15); + font-size: 1em; + margin-bottom: 0; + padding-bottom: 3px; + text-transform: uppercase; +} +.site-footer__top .content { + margin-top: 0; +} +.site-footer__top p { + margin-top: 1em; +} +.site-footer__top .content ul { + list-style: none; + padding-left: 0; /* LTR */ + margin-left: 0; +} +[dir="rtl"] .site-footer__top .content ul { + padding-right: 0; +} +.site-footer__top .content li { + list-style: none; + margin: 0; + padding: 0; +} +.site-footer__top a { + display: block; + border-bottom: 1px solid #555; + border-color: rgba(255, 255, 255, 0.15); + line-height: 1.2; + padding: 0.8em 2px 0.8em 20px; /* LTR */ + text-indent: -15px; +} +[dir="rtl"] .site-footer__top a { + padding: 0.8em 20px 0.8em 2px; +} +.site-footer__top a:hover, +.site-footer__top a:focus { + background-color: #1f1f21; + background-color: rgba(255, 255, 255, 0.05); + text-decoration: none; +} reverted: --- b/core/themes/bartik/css/components/site-footer.css +++ /dev/null @@ -1,155 +0,0 @@ -/** - * @file - * Visual styles for Bartik's footer. - */ - -.site-footer .block .content { - color: #c0c0c0; - color: rgba(255, 255, 255, 0.65); - font-size: 0.857em; -} -.site-footer .block .content a { - color: #fcfcfc; - color: rgba(255, 255, 255, 0.8); -} -.site-footer .block .content a:hover, -.site-footer .block .content a:focus { - color: #fefefe; - color: rgba(255, 255, 255, 0.95); -} -.site-footer .block { - margin: 20px 0; - border: 1px solid #444; - border-color: rgba(255, 255, 255, 0.1); - padding: 10px; -} -.site-footer tr.odd { - background-color: transparent; -} -.site-footer tr.even { - background-color: #2c2c2c; - background-color: rgba(0, 0, 0, 0.15); -} - -/** - * Visual styles for Bartik's footer bottom region. - */ -.site-footer__bottom .block { - margin: 0.5em 0; - padding: 0; - border: none; - clear: both; -} -.site-footer__bottom .block .content { - padding: 0.5em 0; - margin-top: 0; -} -.site-footer__bottom .block > h2 { - /* @extend .visually-hidden */ - position: absolute !important; - clip: rect(1px, 1px, 1px, 1px); - overflow: hidden; - height: 1px; -} -.site-footer__bottom .block h2 { - margin: 0; -} -.site-footer__bottom { - letter-spacing: 0.2px; - margin-top: 30px; - border-top: 1px solid #555; - border-color: rgba(255, 255, 255, 0.15); -} -.site-footer__bottom .region { - margin-top: 20px; -} - -/** - * Visual styles for Bartik's footer bottoms menu. - */ -.site-footer__bottom .menu, -.site-footer__bottom .menu li { - list-style: none; - margin: 0; - padding: 0; -} -.site-footer__bottom .menu li a { - float: left; /* LTR */ - padding: 0 12px; - border-right: 1px solid #555; /* LTR */ - border-color: rgba(255, 255, 255, 0.15); -} -[dir="rtl"] .site-footer__bottom .menu li a { - float: right; - border-left: 1px solid #555; - border-color: rgba(255, 255, 255, 0.15); - border-right: none; -} -.site-footer__bottom .menu li:first-child a { - padding-left: 0; /* LTR */ -} -[dir="rtl"] .site-footer__bottom .menu li:first-child a { - padding-right: 0; - padding-left: 12px; -} -.site-footer__bottom .menu li:last-child a { - padding-right: 0; /* LTR */ - border-right: none; /* LTR */ -} -[dir="rtl"] .site-footer__bottom .menu li:last-child a { - padding-left: 0; - border-left: none; -} - -/** - * Visual styles for Bartik's footer top region. - */ -.site-footer__top .block-menu { - margin: 0; - padding: 0; - border: none; -} -.site-footer__top h2 { - border-bottom: 1px solid #555; - border-color: rgba(255, 255, 255, 0.15); - font-size: 1em; - margin-bottom: 0; - padding-bottom: 3px; - text-transform: uppercase; -} -.site-footer__top .content { - margin-top: 0; -} -.site-footer__top p { - margin-top: 1em; -} -.site-footer__top .content ul { - list-style: none; - padding-left: 0; /* LTR */ - margin-left: 0; -} -[dir="rtl"] .site-footer__top .content ul { - padding-right: 0; -} -.site-footer__top .content li { - list-style: none; - margin: 0; - padding: 0; -} -.site-footer__top a { - display: block; - border-bottom: 1px solid #555; - border-color: rgba(255, 255, 255, 0.15); - line-height: 1.2; - padding: 0.8em 2px 0.8em 20px; /* LTR */ - text-indent: -15px; -} -[dir="rtl"] .site-footer__top a { - padding: 0.8em 20px 0.8em 2px; -} -.site-footer__top a:hover, -.site-footer__top a:focus { - background-color: #1f1f21; - background-color: rgba(255, 255, 255, 0.05); - text-decoration: none; -}