mirror of https://github.com/istio/istio.io.git
52 lines
1.0 KiB
SCSS
52 lines
1.0 KiB
SCSS
// Font sizes
|
|
$font-size--primary: 1rem;
|
|
$font-size--s: 1.15rem;
|
|
$font-size--m: 1.65rem;
|
|
$font-size--l: 1.75rem;
|
|
$font-size--xl: 2rem;
|
|
$font-size--xxl: 2.25rem;
|
|
$font-size--xxxl: 3rem;
|
|
|
|
// Responsive breakpoints, corresponds to the BootStrap V4 ones
|
|
$bp-xs: 0;
|
|
$bp-xs-max: 575px;
|
|
$bp-sm: 576px;
|
|
$bp-md: 768px;
|
|
$bp-lg: 992px;
|
|
$bp-xl: 1200px;
|
|
$bp-xxl: 1300px;
|
|
|
|
// Embellishments
|
|
$headerHeight: 6.875rem;
|
|
$headerHeightLg: 8.125rem;
|
|
$activeHeaderHeight: 5rem;
|
|
$footerHeight: 7rem;
|
|
|
|
// Z-index of different layers
|
|
$modal-z: 110;
|
|
$header-z: 100;
|
|
$overlay-z: 75;
|
|
$sidebar-z: 50;
|
|
$banner-z: 20;
|
|
$hero-text-z: 18;
|
|
$floating-button-z: 15;
|
|
$glossary-letter-z: 10;
|
|
$toolbar-button-z: 1;
|
|
$promotion-z: 1;
|
|
$footer-z: 0;
|
|
|
|
// various manifest constants
|
|
$border-radius: 4px;
|
|
$button-border-radius: 28px;
|
|
$header-link-spacing-xl: 1.875rem;
|
|
$header-link-spacing-lg: .875rem;
|
|
$header-link-spacing-xxl: 1.875rem;
|
|
$section-margin: 3.625rem;
|
|
$section-margin-md: 7rem;
|
|
$panel-margin-top: 2.5rem;
|
|
|
|
// Container widths
|
|
$container-s: 750px;
|
|
$container: 1040px;
|
|
$container-l: 1440px;
|