123456789101112131415161718192021222324252627282930313233343536373839404142 |
- /**
- * @file
- * This file is used to style the footer.
- *
- * It styles the footer as a global component; it does not style individual
- * footer items, such as a menu, which are styled by their own CSS files.
- */
- .footer {
- padding: 2rem 1rem;
- text-align: center;
- color: #fff;
- background-color: #5f635d;
- font-size: 0.9rem;
- }
- @media screen and (min-width: 60rem) {
- .footer {
- padding: 1rem 1rem 0;
- text-align: left; /* LTR */
- }
- [dir="rtl"] .footer {
- text-align: right;
- }
- .region-footer {
- display: flex;
- justify-content: space-between;
- }
- }
- .footer a {
- color: #fff;
- background-color: inherit;
- font-weight: 400;
- }
- .footer a:active,
- .footer a:focus,
- .footer a:hover {
- outline-color: #fff;
- background-color: #000;
- }
|