60f6e177b8
The `.symbol` CSS class (which is primarily used to denote the type of API symbols - classes, functions, interfaces, etc.) are used in several places: - In the API list page (with the corresponding styles defined in `_api-list.scss`). - In search results (with the corresponding styles defined in `_errors.scss`). - In error list page (with the corresponding styles defined in `search-results.scss`). - In the `<aio-select>` component (with the corresponding styles defined in `_select-menu.scss`). Previously, global styles for `.symbol` were defined in `_api-list.scss` (i.e. the styles from `_api-list.scss` were also applied to `.symbol` elements in other places/components). Also, some of the SCSS files mentioned above defined some duplicate styles for `.symbol`. This commit moves the `.symbol` styles to a new `_api-symbols.scss` file, which contains common symbol-related styles. PR Close #40704
29 lines
540 B
SCSS
29 lines
540 B
SCSS
/* API SYMBOLS */
|
|
|
|
/* SYMBOL CLASS */
|
|
|
|
.symbol {
|
|
border-radius: 2px;
|
|
box-shadow: 0 1px 2px rgba($black, .24);
|
|
color: $white;
|
|
display: inline-block;
|
|
@include font-size(10);
|
|
font-weight: 600;
|
|
@include line-height(16);
|
|
margin-right: 8px;
|
|
text-align: center;
|
|
width: 16px;
|
|
|
|
// SYMBOL TYPES
|
|
// Symbol mapping variables in *constants*
|
|
@each $name, $symbol in $api-symbols {
|
|
&.#{$name} {
|
|
background: map-get($symbol, background);
|
|
|
|
&:before {
|
|
content: map-get($symbol, content);
|
|
}
|
|
}
|
|
}
|
|
}
|