Skip to content
Snippets Groups Projects
Commit 21e35ece authored by AleksanderBodurri's avatar AleksanderBodurri Committed by Andrew Kushnir
Browse files

refactor(docs-infra): grab scss constants using scss use syntax instead of the...

refactor(docs-infra): grab scss constants using scss use syntax instead of the global imports (#41129)

move away from using global constants in scss files because @import will be deprecated soon

PR Close #41129
parent eff26e1b
Branches
Tags
No related merge requests found
Showing
with 39 additions and 0 deletions
@use '../constants' as *;
html {
font-size: 62.5%;
}
......
@use '../constants' as *;
html, body {
height: 100%;
}
......
@use '../constants' as *;
.nf-container {
align-items: center;
padding: 32px;
......
@use '../constants' as *;
// Disable sidenav animations for the initial render.
.starting.mat-drawer-transition .mat-drawer-content {
transition: none;
......
@use '../constants' as *;
// VARIABLES
$showTopMenuWidth: 1048px;
$hideTopMenuWidth: $showTopMenuWidth - 1;
......
@use '../constants' as *;
.alert {
padding: 16px;
margin: 24px 0px;
......
@use '../constants' as *;
/* API LIST STYLES */
aio-api-list {
......
@use '../constants' as *;
.api-body {
max-width: 1200px;
......
@use '../constants' as *;
/* API SYMBOLS */
/* SYMBOL CLASS */
......
@use '../constants' as *;
/* Button Styles */
button {
......
@use '../constants' as *;
.callout {
@extend .alert;
padding: 0px;
......
@use '../constants' as *;
.card-container {
display: flex;
flex-direction: row;
......
@use '../constants' as *;
code-example,
code-tabs {
clear: both;
......
@use '../constants' as *;
aio-contributor-list {
.contributor-group {
display: flex;
......
@use '../constants' as *;
aio-shell.mode-archive {
@include deploy-theme($blue-grey-900, $blue-grey-400);
}
......
@use '../constants' as *;
/*
* General styling to make detail/summary tags look a bit more material
* To get the best out of it you should structure your usage like this:
......
@use '../constants' as *;
.error-list {
display: grid;
......
@use '../constants' as *;
// FEATURES MARKETING PAGE SPECIFIC STYLES
.feature-section {
......
@use '../constants' as *;
.filetree {
background: $white;
border: 4px solid $lightgray;
......
@use '../constants' as *;
.reviewed {
color: lighten($darkgray, 10);
@include font-size(13);
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment