Theming: Make new theme exposed by ThemeContext and make new theme include v1 for compatability (to pass to useTheme) (#33207)

* WIP: Making new theme the default

* Progress

* Updates, lots of updates

* Things are working

* Fixed issues with storybook

* Fixed tests
This commit is contained in:
Torkel Ödegaard
2021-04-21 14:25:43 +02:00
committed by GitHub
parent 569fb3f112
commit 7e2bf4f6c3
111 changed files with 1505 additions and 1534 deletions

View File

@@ -65,7 +65,7 @@ $spacers: (
// adapting to different screen sizes, for use in media queries.
$grid-breakpoints: (
xs: 0,
xs: 0px,
sm: 544px,
md: 769px,
lg: 992px,
@@ -88,7 +88,7 @@ $container-max-widths: (
// Set the number of columns and specify the width of the gutters.
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
$grid-gutter-width: 32px !default;
// Component heights
// -------------------------
@@ -99,7 +99,7 @@ $height-lg: 48;
// Typography
// -------------------------
$font-family-sans-serif: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
$font-family-sans-serif: "Roboto", "Helvetica", "Arial", sans-serif;
$font-family-monospace: 'Roboto Mono', monospace;
$font-size-base: 14px !default;
@@ -114,14 +114,14 @@ $line-height-base: 1.5 !default;
$font-weight-regular: 400 !default;
$font-weight-semi-bold: 500 !default;
$font-size-h1: 28px !default;
$font-size-h2: 24px !default;
$font-size-h3: 21px !default;
$font-size-h4: 18px !default;
$font-size-h5: 16px !default;
$font-size-h6: 14px !default;
$font-size-h1: 2rem !default;
$font-size-h2: 1.7142857142857142rem !default;
$font-size-h3: 1.5rem !default;
$font-size-h4: 1.2857142857142858rem !default;
$font-size-h5: 1.1428571428571428rem !default;
$font-size-h6: 1rem !default;
$headings-line-height: 1.1 !default;
$headings-line-height: 1.5 !default;
// Components
//
@@ -129,8 +129,8 @@ $headings-line-height: 1.1 !default;
$border-width: 1px !default;
$border-radius: 3px !default;
$border-radius-lg: 5px !default;
$border-radius: 4px !default;
$border-radius-lg: 6px !default;
$border-radius-sm: 2px !default;
// Page
@@ -194,7 +194,7 @@ $navbar-padding: 20px;
// dashboard
$dashboard-padding: $space-md;
$panel-padding: 8px;
$panel-header-height: 28px;
$panel-header-height: 32px;
$panel-header-z-index: 10;
// tabs