From 568ecf352b09c3f2c93e44ddbe9fde25224b1bc2 Mon Sep 17 00:00:00 2001 From: George Kalpakas Date: Fri, 5 Feb 2021 12:48:53 +0200 Subject: [PATCH] refactor(docs-infra): merge style rules in `_footer.scss` (#40704) This commit cleans up the styles in `_footer.scss` by merging together blocks that target the same elements. PR Close #40704 --- aio/src/styles/1-layouts/_footer.scss | 38 +++++++++++++-------------- 1 file changed, 18 insertions(+), 20 deletions(-) diff --git a/aio/src/styles/1-layouts/_footer.scss b/aio/src/styles/1-layouts/_footer.scss index e31927d596..a2f735e77d 100644 --- a/aio/src/styles/1-layouts/_footer.scss +++ b/aio/src/styles/1-layouts/_footer.scss @@ -49,6 +49,10 @@ footer { font-weight: 400; margin: 8px 0 12px; color: $white; + + @media (max-width: 600px) { + @include font-size(14); + } } p { @@ -89,25 +93,19 @@ footer { } } - @media (max-width: 600px) { - h3 { - @include font-size(14); - } + &::after { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: url("/assets/images/logos/angular/angular_whiteTransparent_withMargin.png") + top 0 left 0 repeat, + url("/assets/images/logos/angular/angular_whiteTransparent_withMargin.png") + top 80px left 160px repeat; + opacity: 0.05; + background-size: 320px auto; } } - -footer::after { - content: ""; - position: absolute; - z-index: -1; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: url("/assets/images/logos/angular/angular_whiteTransparent_withMargin.png") - top 0 left 0 repeat, - url("/assets/images/logos/angular/angular_whiteTransparent_withMargin.png") - top 80px left 160px repeat; - opacity: 0.05; - background-size: 320px auto; -}