From 8beb9ae94f3350fee469185b9d57d4723c639e08 Mon Sep 17 00:00:00 2001 From: George Kalpakas Date: Fri, 5 Feb 2021 12:49:03 +0200 Subject: [PATCH] refactor(docs-infra): fix indentation in `_label.scss` (#40704) This commit makes the indentation in `_label.scss` consistent with that in most other `.scss` files in `aio/`. PR Close #40704 --- aio/src/styles/2-modules/_label.scss | 114 +++++++++++++-------------- 1 file changed, 57 insertions(+), 57 deletions(-) diff --git a/aio/src/styles/2-modules/_label.scss b/aio/src/styles/2-modules/_label.scss index 8efca2d6e5..7ad7971ff7 100644 --- a/aio/src/styles/2-modules/_label.scss +++ b/aio/src/styles/2-modules/_label.scss @@ -1,67 +1,67 @@ label.raised, .api-header label { - border-radius: 4px; - padding: 4px 16px; - display: inline; - @include font-size(14); + border-radius: 4px; + padding: 4px 16px; + display: inline; + @include font-size(14); + color: $white; + margin-right: 8px; + font-weight: 500; + text-transform: uppercase; + + @media screen and (max-width: 600px) { + display: block; + margin: 8px 0; + } + + &.page-label { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + background-color: $mist; + color: $mediumgray; + margin-bottom: 8px; + width: 140px; + + .material-icons { + margin-right: 8px; + } + } + + &.property-type-label { + @include font-size(12); + background-color: $darkgray; color: $white; - margin-right: 8px; - font-weight: 500; - text-transform: uppercase; - - @media screen and (max-width: 600px) { - display: block; - margin: 8px 0; - } - - &.page-label { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - background-color: $mist; - color: $mediumgray; - margin-bottom: 8px; - width: 140px; - - .material-icons { - margin-right: 8px; - } - } - - &.property-type-label { - @include font-size(12); - background-color: $darkgray; - color: $white; - text-transform: none; - } + text-transform: none; + } } .api-header label { - // The API badges should be a little smaller - padding: 2px 10px; - @include font-size(12); + // The API badges should be a little smaller + padding: 2px 10px; + @include font-size(12); - @media screen and (max-width: 600px) { - margin: 4px 0; + @media screen and (max-width: 600px) { + margin: 4px 0; + } + + &.api-status-label { + background-color: $mediumgray; + + &.deprecated, &.security, &.impure-pipe { + background-color: $brightred; + } + } + + &.api-type-label { + background-color: $accentblue; + + @each $name, $symbol in $api-symbols { + &.#{$name} { + background: map-get($symbol, background); + } } - &.api-status-label { - background-color: $mediumgray; - - &.deprecated, &.security, &.impure-pipe { - background-color: $brightred; - } - } - - &.api-type-label { - background-color: $accentblue; - - @each $name, $symbol in $api-symbols { - &.#{$name} { - background: map-get($symbol, background); - } - } - - } + } }