@progress/kendo-theme-material 6.5.0-dev.1 → 6.5.0-dev.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +288 -25
- package/dist/all.scss +2478 -1772
- package/dist/meta/sassdoc-data.json +552 -328
- package/dist/meta/sassdoc-raw-data.json +268 -164
- package/dist/meta/variables.json +94 -58
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +5 -5
- package/scss/_variables.scss +16 -1
- package/scss/action-sheet/_variables.scss +1 -0
- package/scss/common/_index.scss +0 -1
- package/scss/core/_index.scss +2 -12
- package/scss/core/color-system/_color-system-material.scss +14 -0
- package/scss/core/color-system/index.import.scss +0 -1
- package/scss/common/_selection.scss +0 -1
package/dist/all.scss
CHANGED
|
@@ -5,18 +5,10 @@
|
|
|
5
5
|
// #region @import "./core/_index.scss"; -> scss/core/_index.scss
|
|
6
6
|
$wcag-min-contrast-ratio: 4.5 !default;
|
|
7
7
|
|
|
8
|
-
//
|
|
9
|
-
// #region @import "./
|
|
8
|
+
// Color system
|
|
9
|
+
// #region @import "./color-system/index.import.scss"; -> scss/core/color-system/index.import.scss
|
|
10
|
+
// #region @import "./_color-system-material.scss"; -> scss/core/color-system/_color-system-material.scss
|
|
10
11
|
// #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
|
|
11
|
-
// #region @import "../_variables.scss"; -> node_modules/@progress/kendo-theme-core/scss/_variables.scss
|
|
12
|
-
// Equilateral triangle variables
|
|
13
|
-
// stylelint-disable number-max-precision
|
|
14
|
-
$equilateral-index: 1.7320508076 !default;
|
|
15
|
-
$equilateral-height: .8660254038 !default;
|
|
16
|
-
// stylelint-enable number-max-precision
|
|
17
|
-
|
|
18
|
-
// #endregion
|
|
19
|
-
|
|
20
12
|
// #region @import "./_color.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_color.import.scss
|
|
21
13
|
/// Returns the alpha channel of a color.
|
|
22
14
|
/// @param {Color} $color - The color to get the alpha channel for.
|
|
@@ -1242,6 +1234,36 @@ $_kendo-escape-class-name: (
|
|
|
1242
1234
|
@return $map;
|
|
1243
1235
|
}
|
|
1244
1236
|
|
|
1237
|
+
/// Returns a deep-map with the keys and values from `$map` and `$args`.
|
|
1238
|
+
/// @param {Map} $maps - The maps to deep-merge.
|
|
1239
|
+
/// @return {Map} - A map with the keys and values from `$map` and `$args`.
|
|
1240
|
+
///
|
|
1241
|
+
/// @example scss - Usage
|
|
1242
|
+
/// @debug k-map-deep-merge( ( "foo": ("bar": "baz", "baz": "qux" ) ), ( "foo": ("bar": "foo") ) ); // => ( "foo": ("bar": "foo", "baz": "qux" ))
|
|
1243
|
+
@function k-map-deep-merge($maps...) {
|
|
1244
|
+
$merged: ();
|
|
1245
|
+
|
|
1246
|
+
@each $map in $maps {
|
|
1247
|
+
@each $key, $val in $map {
|
|
1248
|
+
@if (k-meta-type-of($val) == 'map') {
|
|
1249
|
+
$current: k-map-get($merged, $key);
|
|
1250
|
+
@if (k-meta-type-of($current) == 'map') {
|
|
1251
|
+
$val: k-map-deep-merge($current, $val);
|
|
1252
|
+
$map: k-map-merge(
|
|
1253
|
+
$map,
|
|
1254
|
+
(
|
|
1255
|
+
$key: $val
|
|
1256
|
+
)
|
|
1257
|
+
);
|
|
1258
|
+
}
|
|
1259
|
+
}
|
|
1260
|
+
}
|
|
1261
|
+
$merged: k-map-merge($merged, $map);
|
|
1262
|
+
}
|
|
1263
|
+
|
|
1264
|
+
@return $merged;
|
|
1265
|
+
}
|
|
1266
|
+
|
|
1245
1267
|
/// Returns a map with the keys and values from `$map` except for `$keys`.
|
|
1246
1268
|
/// @param {Map} $map - The map to remove keys from.
|
|
1247
1269
|
/// @param {Any} $keys - The keys to remove from `$map`.
|
|
@@ -1547,6 +1569,15 @@ $_kendo-escape-class-name: (
|
|
|
1547
1569
|
|
|
1548
1570
|
// #endregion
|
|
1549
1571
|
// #region @import "./_string.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_string.import.scss
|
|
1572
|
+
$svg-escaped-characters: (
|
|
1573
|
+
("%", "%25"),
|
|
1574
|
+
("<", "%3c"),
|
|
1575
|
+
(">", "%3e"),
|
|
1576
|
+
("#", "%23"),
|
|
1577
|
+
("(", "%28"),
|
|
1578
|
+
(")", "%29")
|
|
1579
|
+
) !default;
|
|
1580
|
+
|
|
1550
1581
|
/// Returns the first index of `$substring` in `$string`, or `null` if `$string` doesn’t contain `$substring`.
|
|
1551
1582
|
/// @param {String} $string - The string to process.
|
|
1552
1583
|
/// @param {String} $substring - The substring to look for.
|
|
@@ -1666,113 +1697,37 @@ $_kendo-escape-class-name: (
|
|
|
1666
1697
|
@return unquote( $string );
|
|
1667
1698
|
}
|
|
1668
1699
|
|
|
1669
|
-
// #endregion
|
|
1670
|
-
|
|
1671
|
-
// #endregion
|
|
1672
|
-
|
|
1673
|
-
// #endregion
|
|
1674
|
-
|
|
1675
|
-
// Color system
|
|
1676
|
-
// #region @import "./color-system/index.import.scss"; -> scss/core/color-system/index.import.scss
|
|
1677
|
-
// #region @import "@progress/kendo-theme-core/scss/color-system/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/index.import.scss
|
|
1678
|
-
// #region @import "./_functions.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/_functions.import.scss
|
|
1679
|
-
@function k-generate-theme-variant( $variant, $matrix, $src-palette-name ) {
|
|
1680
|
-
$result: ();
|
|
1681
|
-
|
|
1682
|
-
@each $ui-state, $indices in $matrix {
|
|
1683
|
-
$prefix: if( $ui-state == DEFAULT, "", "#{$ui-state}-" );
|
|
1684
|
-
$indices-count: k-list-length( $indices );
|
|
1685
|
-
|
|
1686
|
-
$bg-prop: k-list-nth( $indices, 1 );
|
|
1687
|
-
$text-prop: k-list-nth( $indices, 2 );
|
|
1688
|
-
$border-prop: k-list-nth( $indices, 3 );
|
|
1689
|
-
$gradient-prop: if( $indices-count > 3, k-list-nth( $indices, 4 ), null );
|
|
1690
|
-
$shadow-prop: if( $indices-count > 4, k-list-nth( $indices, 5 ), null );
|
|
1691
|
-
$outline-prop: if( $indices-count > 5, k-list-nth( $indices, 6 ), null );
|
|
1692
1700
|
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
$border: if( k-meta-type-of( $border-prop ) == number, k-get-theme-color( $src-palette-name, $border-prop ), $border-prop );
|
|
1697
|
-
$gradient: $gradient-prop;
|
|
1698
|
-
$shadow: $shadow-prop;
|
|
1699
|
-
$outline: $outline-prop;
|
|
1701
|
+
// See https://www.sassmeister.com/gist/1b4f2da5527830088e4d
|
|
1702
|
+
@function str-replace($string, $search, $replace: "") {
|
|
1703
|
+
$index: k-string-index($string, $search);
|
|
1700
1704
|
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
#{$prefix}text: $text,
|
|
1704
|
-
#{$prefix}border: $border,
|
|
1705
|
-
#{$prefix}gradient: $gradient,
|
|
1706
|
-
#{$prefix}shadow: $shadow,
|
|
1707
|
-
#{$prefix}outline: $outline
|
|
1708
|
-
));
|
|
1705
|
+
@if $index {
|
|
1706
|
+
@return k-string-slice($string, 1, $index - 1) + $replace + str-replace(k-string-slice($string, $index + k-string-length($search)), $search, $replace);
|
|
1709
1707
|
}
|
|
1710
1708
|
|
|
1711
|
-
$
|
|
1712
|
-
|
|
1713
|
-
);
|
|
1714
|
-
|
|
1715
|
-
@return $result;
|
|
1716
|
-
|
|
1717
|
-
};
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
@function k-process-variant-matrices( $theme-matrix, $palette-matrix: () ) {
|
|
1721
|
-
$result: ();
|
|
1722
|
-
|
|
1723
|
-
// @debug $theme-matrix;
|
|
1724
|
-
// @debug $palette-matrix;
|
|
1725
|
-
|
|
1726
|
-
@each $variant, $definition in $theme-matrix {
|
|
1727
|
-
$tc-index: k-string-index( $variant, "THEME_COLOR" );
|
|
1728
|
-
$src-palette-name: k-map-get( $definition, PALETTE );
|
|
1729
|
-
$matrix: k-map-remove( $definition, PALETTE );
|
|
1730
|
-
|
|
1731
|
-
@if ($tc-index == null ) { // stylelint-disable-line
|
|
1732
|
-
$tmp-result: k-generate-theme-variant( $variant, $matrix, $src-palette-name );
|
|
1733
|
-
$result: k-map-merge( $result, $tmp-result);
|
|
1734
|
-
} @else {
|
|
1735
|
-
@each $color, $palette in $palette-matrix {
|
|
1736
|
-
$variant-name: k-string-replace( $variant, THEME_COLOR, $color);
|
|
1737
|
-
$palette-name: k-string-unquote($src-palette-name + "");
|
|
1738
|
-
|
|
1739
|
-
@if ($palette-name == THEME_COLOR) {
|
|
1740
|
-
$palette-name: k-string-replace( $palette-name, THEME_COLOR, $color );
|
|
1741
|
-
$palette-name: k-map-get( $palette-matrix, $palette-name );
|
|
1742
|
-
}
|
|
1709
|
+
@return $string;
|
|
1710
|
+
}
|
|
1743
1711
|
|
|
1744
|
-
|
|
1745
|
-
|
|
1712
|
+
// See https://codepen.io/kevinweber/pen/dXWoRw
|
|
1713
|
+
@function escape-svg($string) {
|
|
1714
|
+
@if k-string-index($string, "data:image/svg+xml") {
|
|
1715
|
+
@each $char, $encoded in $svg-escaped-characters {
|
|
1716
|
+
// Do not escape the url brackets
|
|
1717
|
+
@if k-string-index($string, "url(") == 1 {
|
|
1718
|
+
$string: url("#{str-replace(k-string-slice($string, 6, -3), $char, $encoded)}");
|
|
1719
|
+
} @else {
|
|
1720
|
+
$string: str-replace($string, $char, $encoded);
|
|
1746
1721
|
}
|
|
1747
1722
|
}
|
|
1748
1723
|
}
|
|
1749
1724
|
|
|
1750
|
-
@return $
|
|
1751
|
-
}
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
@function k-get-theme-palette( $name ) {
|
|
1755
|
-
@return k-map-get( $kendo-palettes, $name );
|
|
1756
|
-
}
|
|
1757
|
-
|
|
1758
|
-
@function k-get-theme-color( $palette, $hue ) {
|
|
1759
|
-
@if ( k-meta-type-of( $palette ) == "map" ) {
|
|
1760
|
-
@return k-map-get( $palette, $hue );
|
|
1761
|
-
}
|
|
1762
|
-
|
|
1763
|
-
@return k-map-get( k-get-theme-palette( $palette ), $hue );
|
|
1764
|
-
}
|
|
1765
|
-
|
|
1766
|
-
@function k-get-theme-color-var( $name, $fallback: "inherit", $prefix: "kendo-" ) {
|
|
1767
|
-
@return var( --#{$prefix}#{$name}, #{$fallback} );
|
|
1725
|
+
@return $string;
|
|
1768
1726
|
}
|
|
1769
1727
|
|
|
1770
1728
|
// #endregion
|
|
1771
|
-
// #region @import "./_mixins.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/_mixins.import.scss
|
|
1772
1729
|
|
|
1773
1730
|
// #endregion
|
|
1774
|
-
// #region @import "./_variables.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/_variables.scss
|
|
1775
|
-
// Color constants
|
|
1776
1731
|
|
|
1777
1732
|
/// The color white.
|
|
1778
1733
|
/// Note: you cannot change this value.
|
|
@@ -1786,349 +1741,22 @@ $kendo-color-white: #ffffff; // stylelint-disable-line scss/dollar-variable-defa
|
|
|
1786
1741
|
/// @group color-system
|
|
1787
1742
|
$kendo-color-black: #000000; // stylelint-disable-line scss/dollar-variable-default
|
|
1788
1743
|
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
/// @type Color
|
|
1792
|
-
/// @group color-system
|
|
1793
|
-
$kendo-color-rgba-transparent: rgba( 0, 0, 0, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
1794
|
-
|
|
1795
|
-
/// A gradient that goes from transparent to black.
|
|
1796
|
-
/// Note: you cannot change this value.
|
|
1797
|
-
/// @type Gradient
|
|
1798
|
-
/// @group color-system
|
|
1799
|
-
$kendo-gradient-transparent-to-black: rgba( black, 0 ), black; // stylelint-disable-line scss/dollar-variable-default
|
|
1800
|
-
|
|
1801
|
-
/// A gradient that goes from transparent to white.
|
|
1802
|
-
/// Note: you cannot change this value.
|
|
1803
|
-
/// @type Gradient
|
|
1804
|
-
/// @group color-system
|
|
1805
|
-
$kendo-gradient-transparent-to-white: rgba( white, 0 ), white; // stylelint-disable-line scss/dollar-variable-default
|
|
1806
|
-
|
|
1807
|
-
/// A gradient that goes from black to transparent.
|
|
1808
|
-
/// Note: you cannot change this value.
|
|
1809
|
-
/// @type Gradient
|
|
1810
|
-
/// @group color-system
|
|
1811
|
-
$kendo-gradient-black-to-transparent: black, rgba( black, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
1812
|
-
|
|
1813
|
-
/// A gradient that goes from white to transparent.
|
|
1814
|
-
/// Note: you cannot change this value.
|
|
1815
|
-
/// @type Gradient
|
|
1816
|
-
/// @group color-system
|
|
1817
|
-
$kendo-gradient-white-to-transparent: white, rgba( white, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
1818
|
-
|
|
1819
|
-
/// A gradient that cycles through the colors of the rainbow.
|
|
1820
|
-
/// Note: you cannot change this value.
|
|
1821
|
-
/// @type Gradient
|
|
1822
|
-
/// @group color-system
|
|
1823
|
-
$kendo-gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000; // stylelint-disable-line scss/dollar-variable-default
|
|
1824
|
-
|
|
1825
|
-
// #endregion
|
|
1826
|
-
// #region @import "./_palettes.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/_palettes.scss
|
|
1827
|
-
/// Color palettes to be used in the Kendo UI themes.
|
|
1828
|
-
/// @access private
|
|
1829
|
-
/// @type Record<String, ColorMap>
|
|
1830
|
-
/// @prop {ColorMap} neutral - The neutral palette
|
|
1831
|
-
/// @prop {ColorMap} marsala - The marsala palette
|
|
1832
|
-
/// @prop {ColorMap} bootstrapGray - The Bootstrap gray palette
|
|
1833
|
-
/// @prop {ColorMap} bootstrapBlue - The Bootstrap blue palette
|
|
1834
|
-
/// @prop {ColorMap} bootstrapIndigo - The Bootstrap indigo palette
|
|
1835
|
-
/// @prop {ColorMap} bootstrapPurple - The Bootstrap purple palette
|
|
1836
|
-
/// @prop {ColorMap} bootstrapPink - The Bootstrap pink palette
|
|
1837
|
-
/// @prop {ColorMap} bootstrapRed - The Bootstrap red palette
|
|
1838
|
-
/// @prop {ColorMap} bootstrapOrange - The Bootstrap orange palette
|
|
1839
|
-
/// @prop {ColorMap} bootstrapYellow - The Bootstrap yellow palette
|
|
1840
|
-
/// @prop {ColorMap} bootstrapGreen - The Bootstrap green palette
|
|
1841
|
-
/// @prop {ColorMap} bootstrapTeal - The Bootstrap teal palette
|
|
1842
|
-
/// @prop {ColorMap} bootstrapCyan - The Bootstrap cyan palette
|
|
1843
|
-
/// @prop {ColorMap} fluentNeutral - The Fluent neutral palette
|
|
1844
|
-
/// @prop {ColorMap} materialGray - The Material gray palette
|
|
1845
|
-
/// @prop {ColorMap} materialBlueGray - The Material blue gray palette
|
|
1846
|
-
/// @prop {ColorMap} materialRed - The Material red palette
|
|
1847
|
-
/// @prop {ColorMap} materialPink - The Material pink palette
|
|
1848
|
-
/// @prop {ColorMap} materialPurple - The Material purple palette
|
|
1849
|
-
/// @prop {ColorMap} materialDeepPurple - The Material deep purple palette
|
|
1850
|
-
/// @prop {ColorMap} materialIndigo - The Material indigo palette
|
|
1851
|
-
/// @prop {ColorMap} materialBlue - The Material blue palette
|
|
1852
|
-
/// @prop {ColorMap} materialLightBlue - The Material light blue palette
|
|
1853
|
-
/// @prop {ColorMap} materialCyan - The Material cyan palette
|
|
1854
|
-
/// @prop {ColorMap} materialTeal - The Material teal palette
|
|
1855
|
-
/// @prop {ColorMap} materialGreen - The Material green palette
|
|
1856
|
-
/// @prop {ColorMap} materialLightGreen - The Material light green palette
|
|
1857
|
-
/// @prop {ColorMap} materialLime - The Material lime palette
|
|
1858
|
-
/// @prop {ColorMap} materialYellow - The Material yellow palette
|
|
1859
|
-
/// @prop {ColorMap} materialAmber - The Material amber palette
|
|
1860
|
-
/// @prop {ColorMap} materialOrange - The Material orange palette
|
|
1861
|
-
/// @prop {ColorMap} materialDeepOrange - The Material deep orange palette
|
|
1862
|
-
/// @prop {ColorMap} materialBrown - The Material brown palette
|
|
1863
|
-
/// @prop {ColorMap} primerGray - The Primer gray palette
|
|
1864
|
-
/// @prop {ColorMap} primerBlue - The Primer blue palette
|
|
1865
|
-
/// @prop {ColorMap} primerGreen - The Primer green palette
|
|
1866
|
-
/// @prop {ColorMap} primerYellow - The Primer yellow palette
|
|
1867
|
-
/// @prop {ColorMap} primerOrange - The Primer orange palette
|
|
1868
|
-
/// @prop {ColorMap} primerRed - The Primer red palette
|
|
1869
|
-
/// @prop {ColorMap} primerPurple - The Primer purple palette
|
|
1870
|
-
/// @prop {ColorMap} primerPink - The Primer pink palette
|
|
1871
|
-
/// @prop {ColorMap} primerCoral - The Primer coral palette
|
|
1872
|
-
/// @prop {ColorMap} tailwindNeutral - The Tailwind neutral palette
|
|
1873
|
-
/// @prop {ColorMap} tailwindSlate - The Tailwind slate palette
|
|
1874
|
-
/// @prop {ColorMap} tailwindGray - The Tailwind gray palette
|
|
1875
|
-
/// @prop {ColorMap} tailwindZinc - The Tailwind zinc palette
|
|
1876
|
-
/// @prop {ColorMap} tailwindStone - The Tailwind stone palette
|
|
1877
|
-
/// @prop {ColorMap} tailwindRed - The Tailwind red palette
|
|
1878
|
-
/// @prop {ColorMap} tailwindOrange - The Tailwind orange palette
|
|
1879
|
-
/// @prop {ColorMap} tailwindAmber - The Tailwind amber palette
|
|
1880
|
-
/// @prop {ColorMap} tailwindYellow - The Tailwind yellow palette
|
|
1881
|
-
/// @prop {ColorMap} tailwindLime - The Tailwind lime palette
|
|
1882
|
-
/// @prop {ColorMap} tailwindGreen - The Tailwind green palette
|
|
1883
|
-
/// @prop {ColorMap} tailwindEmerald - The Tailwind emerald palette
|
|
1884
|
-
/// @prop {ColorMap} tailwindTeal - The Tailwind teal palette
|
|
1885
|
-
/// @prop {ColorMap} tailwindCyan - The Tailwind cyan palette
|
|
1886
|
-
/// @prop {ColorMap} tailwindSky - The Tailwind sky palette
|
|
1887
|
-
/// @prop {ColorMap} tailwindBlue - The Tailwind blue palette
|
|
1888
|
-
/// @prop {ColorMap} tailwindIndigo - The Tailwind indigo palette
|
|
1889
|
-
/// @prop {ColorMap} tailwindViolet - The Tailwind violet palette
|
|
1890
|
-
/// @prop {ColorMap} tailwindPurple - The Tailwind purple palette
|
|
1891
|
-
/// @prop {ColorMap} tailwindFuchsia - The Tailwind fuchsia palette
|
|
1892
|
-
/// @prop {ColorMap} tailwindPink - The Tailwind pink palette
|
|
1893
|
-
/// @prop {ColorMap} tailwindRose - The Tailwind rose palette
|
|
1894
|
-
///
|
|
1895
|
-
/// @group color-system
|
|
1896
|
-
$kendo-palettes: (
|
|
1897
|
-
|
|
1898
|
-
// Kendo
|
|
1899
|
-
neutral: (
|
|
1900
|
-
0: #ffffff,
|
|
1901
|
-
50: #f8f8f8,
|
|
1902
|
-
100: #ededed,
|
|
1903
|
-
200: #d6d6d6,
|
|
1904
|
-
300: #b7b7b7,
|
|
1905
|
-
400: #949494,
|
|
1906
|
-
500: #767676,
|
|
1907
|
-
600: #5f5f5f,
|
|
1908
|
-
700: #494949,
|
|
1909
|
-
800: #373737,
|
|
1910
|
-
900: #282828,
|
|
1911
|
-
1000: #000000
|
|
1912
|
-
),
|
|
1913
|
-
marsala: (
|
|
1914
|
-
0: #ffffff,
|
|
1915
|
-
50: #faf0f2,
|
|
1916
|
-
100: #f3dde0,
|
|
1917
|
-
200: #e197a3,
|
|
1918
|
-
300: #c54e69,
|
|
1919
|
-
400: #8b3548,
|
|
1920
|
-
500: #622331,
|
|
1921
|
-
600: #551d2a,
|
|
1922
|
-
700: #441620,
|
|
1923
|
-
800: #340f17,
|
|
1924
|
-
900: #23080e,
|
|
1925
|
-
1000: #000000
|
|
1926
|
-
),
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
// Bootstrap
|
|
1930
|
-
bootstrapGray: (
|
|
1931
|
-
0: #ffffff,
|
|
1932
|
-
100: #f8f9fa,
|
|
1933
|
-
200: #e9ecef,
|
|
1934
|
-
300: #dee2e6,
|
|
1935
|
-
400: #ced4da,
|
|
1936
|
-
500: #adb5bd,
|
|
1937
|
-
600: #6c757d,
|
|
1938
|
-
700: #495057,
|
|
1939
|
-
800: #343a40,
|
|
1940
|
-
900: #212529,
|
|
1941
|
-
1000: #000000
|
|
1942
|
-
),
|
|
1943
|
-
bootstrapBlue: (
|
|
1944
|
-
0: #ffffff,
|
|
1945
|
-
100: #cfe2ff,
|
|
1946
|
-
200: #9ec5fe,
|
|
1947
|
-
300: #6ea8fe,
|
|
1948
|
-
400: #3d8bfd,
|
|
1949
|
-
500: #0d6efd,
|
|
1950
|
-
600: #0a58ca,
|
|
1951
|
-
700: #084298,
|
|
1952
|
-
800: #052c65,
|
|
1953
|
-
900: #031633,
|
|
1954
|
-
1000: #000000
|
|
1955
|
-
),
|
|
1956
|
-
bootstrapIndigo: (
|
|
1957
|
-
0: #ffffff,
|
|
1958
|
-
100: #e0cffc,
|
|
1959
|
-
200: #c29ffa,
|
|
1960
|
-
300: #a370f7,
|
|
1961
|
-
400: #8540f5,
|
|
1962
|
-
500: #6610f2,
|
|
1963
|
-
600: #520dc2,
|
|
1964
|
-
700: #3d0a91,
|
|
1965
|
-
800: #290661,
|
|
1966
|
-
900: #140330,
|
|
1967
|
-
1000: #000000
|
|
1968
|
-
),
|
|
1969
|
-
bootstrapPurple: (
|
|
1970
|
-
0: #ffffff,
|
|
1971
|
-
100: #e2d9f3,
|
|
1972
|
-
200: #c5b3e6,
|
|
1973
|
-
300: #a98eda,
|
|
1974
|
-
400: #8c68cd,
|
|
1975
|
-
500: #6f42c1,
|
|
1976
|
-
600: #59359a,
|
|
1977
|
-
700: #432874,
|
|
1978
|
-
800: #2c1a4d,
|
|
1979
|
-
900: #160d27,
|
|
1980
|
-
1000: #000000
|
|
1981
|
-
),
|
|
1982
|
-
bootstrapPink: (
|
|
1983
|
-
0: #ffffff,
|
|
1984
|
-
100: #f7d6e6,
|
|
1985
|
-
200: #efadce,
|
|
1986
|
-
300: #e685b5,
|
|
1987
|
-
400: #de5c9d,
|
|
1988
|
-
500: #d63384,
|
|
1989
|
-
600: #ab296a,
|
|
1990
|
-
700: #801f4f,
|
|
1991
|
-
800: #561435,
|
|
1992
|
-
900: #2b0a1a,
|
|
1993
|
-
1000: #000000
|
|
1994
|
-
),
|
|
1995
|
-
bootstrapRed: (
|
|
1996
|
-
0: #ffffff,
|
|
1997
|
-
100: #f8d7da,
|
|
1998
|
-
200: #f1aeb5,
|
|
1999
|
-
300: #ea868f,
|
|
2000
|
-
400: #e35d6a,
|
|
2001
|
-
500: #dc3545,
|
|
2002
|
-
600: #b02a37,
|
|
2003
|
-
700: #842029,
|
|
2004
|
-
800: #58151c,
|
|
2005
|
-
900: #2c0b0e,
|
|
2006
|
-
1000: #000000
|
|
2007
|
-
),
|
|
2008
|
-
bootstrapOrange: (
|
|
2009
|
-
0: #ffffff,
|
|
2010
|
-
100: #ffe5d0,
|
|
2011
|
-
200: #fecba1,
|
|
2012
|
-
300: #feb272,
|
|
2013
|
-
400: #fd9843,
|
|
2014
|
-
500: #fd7e14,
|
|
2015
|
-
600: #ca6510,
|
|
2016
|
-
700: #984c0c,
|
|
2017
|
-
800: #653208,
|
|
2018
|
-
900: #331904,
|
|
2019
|
-
1000: #000000
|
|
2020
|
-
),
|
|
2021
|
-
bootstrapYellow: (
|
|
2022
|
-
0: #ffffff,
|
|
2023
|
-
100: #fff3cd,
|
|
2024
|
-
200: #ffe69c,
|
|
2025
|
-
300: #ffda6a,
|
|
2026
|
-
400: #ffcd39,
|
|
2027
|
-
500: #ffc107,
|
|
2028
|
-
600: #cc9a06,
|
|
2029
|
-
700: #997404,
|
|
2030
|
-
800: #664d03,
|
|
2031
|
-
900: #332701,
|
|
2032
|
-
1000: #000000
|
|
2033
|
-
),
|
|
2034
|
-
bootstrapGreen: (
|
|
2035
|
-
0: #ffffff,
|
|
2036
|
-
100: #d1e7dd,
|
|
2037
|
-
200: #a3cfbb,
|
|
2038
|
-
300: #75b798,
|
|
2039
|
-
400: #479f76,
|
|
2040
|
-
500: #198754,
|
|
2041
|
-
600: #146c43,
|
|
2042
|
-
700: #0f5132,
|
|
2043
|
-
800: #0a3622,
|
|
2044
|
-
900: #051b11,
|
|
2045
|
-
1000: #000000
|
|
2046
|
-
),
|
|
2047
|
-
bootstrapTeal: (
|
|
2048
|
-
0: #ffffff,
|
|
2049
|
-
100: #d2f4ea,
|
|
2050
|
-
200: #a6e9d5,
|
|
2051
|
-
300: #79dfc1,
|
|
2052
|
-
400: #4dd4ac,
|
|
2053
|
-
500: #20c997,
|
|
2054
|
-
600: #1aa179,
|
|
2055
|
-
700: #13795b,
|
|
2056
|
-
800: #0d503c,
|
|
2057
|
-
900: #06281e,
|
|
2058
|
-
1000: #000000
|
|
2059
|
-
),
|
|
2060
|
-
bootstrapCyan: (
|
|
2061
|
-
0: #ffffff,
|
|
2062
|
-
100: #cff4fc,
|
|
2063
|
-
200: #9eeaf9,
|
|
2064
|
-
300: #6edff6,
|
|
2065
|
-
400: #3dd5f3,
|
|
2066
|
-
500: #0dcaf0,
|
|
2067
|
-
600: #0aa2c0,
|
|
2068
|
-
700: #087990,
|
|
2069
|
-
800: #055160,
|
|
2070
|
-
900: #032830,
|
|
2071
|
-
1000: #000000
|
|
2072
|
-
),
|
|
2073
|
-
|
|
1744
|
+
// Adapted from https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
|
|
1745
|
+
// Adapted from https://github.com/angular/components/blob/master/src/material/core/theming/_theming.scss
|
|
2074
1746
|
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
300: #bdbbb8,
|
|
2084
|
-
350: #b3b0ad,
|
|
2085
|
-
400: #a19f9d,
|
|
2086
|
-
450: #8a8886,
|
|
2087
|
-
500: #797775,
|
|
2088
|
-
550: #605e5c,
|
|
2089
|
-
600: #484644,
|
|
2090
|
-
650: #3b3a39,
|
|
2091
|
-
700: #323130,
|
|
2092
|
-
750: #292827,
|
|
2093
|
-
800: #201f1e,
|
|
2094
|
-
850: #1b1a19,
|
|
2095
|
-
900: #161514,
|
|
2096
|
-
950: #11100f,
|
|
2097
|
-
1000: #000000
|
|
2098
|
-
),
|
|
1747
|
+
$dark-primary-text: rgba( black, .87 ) !default;
|
|
1748
|
+
$dark-secondary-text: rgba( black, .54 ) !default;
|
|
1749
|
+
$dark-disabled-text: rgba( black, .38 ) !default;
|
|
1750
|
+
$dark-dividers: rgba( black, .12 ) !default;
|
|
1751
|
+
$light-primary-text: $kendo-color-white !default;
|
|
1752
|
+
$light-secondary-text: rgba( white, .7 ) !default;
|
|
1753
|
+
$light-disabled-text: rgba( white, .5 ) !default;
|
|
1754
|
+
$light-dividers: rgba( white, .12 ) !default;
|
|
2099
1755
|
|
|
1756
|
+
$palettes: (
|
|
2100
1757
|
|
|
2101
|
-
//
|
|
2102
|
-
|
|
2103
|
-
0: #ffffff,
|
|
2104
|
-
50: #fafafa,
|
|
2105
|
-
100: #f5f5f5,
|
|
2106
|
-
200: #eeeeee,
|
|
2107
|
-
300: #e0e0e0,
|
|
2108
|
-
400: #bdbdbd,
|
|
2109
|
-
500: #9e9e9e,
|
|
2110
|
-
600: #757575,
|
|
2111
|
-
700: #616161,
|
|
2112
|
-
800: #424242,
|
|
2113
|
-
900: #212121,
|
|
2114
|
-
1000: #000000
|
|
2115
|
-
),
|
|
2116
|
-
materialBlueGray: (
|
|
2117
|
-
0: #ffffff,
|
|
2118
|
-
50: #eceff1,
|
|
2119
|
-
100: #cfd8dc,
|
|
2120
|
-
200: #b0bec5,
|
|
2121
|
-
300: #90a4ae,
|
|
2122
|
-
400: #78909c,
|
|
2123
|
-
500: #607d8b,
|
|
2124
|
-
600: #546e7a,
|
|
2125
|
-
700: #455a64,
|
|
2126
|
-
800: #37474f,
|
|
2127
|
-
900: #263238,
|
|
2128
|
-
1000: #000000
|
|
2129
|
-
),
|
|
2130
|
-
materialRed: (
|
|
2131
|
-
0: #ffffff,
|
|
1758
|
+
// Red
|
|
1759
|
+
red: (
|
|
2132
1760
|
50: #ffebee,
|
|
2133
1761
|
100: #ffcdd2,
|
|
2134
1762
|
200: #ef9a9a,
|
|
@@ -2139,26 +1767,65 @@ $kendo-palettes: (
|
|
|
2139
1767
|
700: #d32f2f,
|
|
2140
1768
|
800: #c62828,
|
|
2141
1769
|
900: #b71c1c,
|
|
2142
|
-
|
|
1770
|
+
A100: #ff8a80,
|
|
1771
|
+
A200: #ff5252,
|
|
1772
|
+
A400: #ff1744,
|
|
1773
|
+
A700: #d50000,
|
|
1774
|
+
contrast: (
|
|
1775
|
+
50: $dark-primary-text,
|
|
1776
|
+
100: $dark-primary-text,
|
|
1777
|
+
200: $dark-primary-text,
|
|
1778
|
+
300: $dark-primary-text,
|
|
1779
|
+
400: $dark-primary-text,
|
|
1780
|
+
500: $dark-primary-text,
|
|
1781
|
+
600: $dark-primary-text,
|
|
1782
|
+
700: $light-primary-text,
|
|
1783
|
+
800: $light-primary-text,
|
|
1784
|
+
900: $light-primary-text,
|
|
1785
|
+
A100: $dark-primary-text,
|
|
1786
|
+
A200: $dark-primary-text,
|
|
1787
|
+
A400: $dark-primary-text,
|
|
1788
|
+
A700: $light-primary-text
|
|
1789
|
+
)
|
|
2143
1790
|
),
|
|
2144
|
-
|
|
2145
|
-
|
|
1791
|
+
|
|
1792
|
+
// Pink
|
|
1793
|
+
pink: (
|
|
2146
1794
|
50: #fce4ec,
|
|
2147
1795
|
100: #f8bbd0,
|
|
2148
1796
|
200: #f48fb1,
|
|
2149
1797
|
300: #f06292,
|
|
2150
1798
|
400: #ec407a,
|
|
2151
|
-
//
|
|
2152
|
-
500: #e51a5f,
|
|
1799
|
+
500: #e51a5f, // originally it was #e91e63, but changed for better contrast against white
|
|
2153
1800
|
600: #d81b60,
|
|
2154
1801
|
700: #c2185b,
|
|
2155
1802
|
800: #ad1457,
|
|
2156
1803
|
900: #880e4f,
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
1804
|
+
A100: #ff80ab,
|
|
1805
|
+
A200: #ff4081,
|
|
1806
|
+
A400: #f50057,
|
|
1807
|
+
A700: #c51162,
|
|
1808
|
+
contrast: (
|
|
1809
|
+
50: $dark-primary-text,
|
|
1810
|
+
100: $dark-primary-text,
|
|
1811
|
+
200: $dark-primary-text,
|
|
1812
|
+
300: $dark-primary-text,
|
|
1813
|
+
400: $dark-primary-text,
|
|
1814
|
+
500: $light-primary-text,
|
|
1815
|
+
600: $light-primary-text,
|
|
1816
|
+
700: $light-primary-text,
|
|
1817
|
+
800: $light-primary-text,
|
|
1818
|
+
900: $light-primary-text,
|
|
1819
|
+
A100: $dark-primary-text,
|
|
1820
|
+
A200: $dark-primary-text,
|
|
1821
|
+
A400: $dark-primary-text,
|
|
1822
|
+
A700: $light-primary-text
|
|
1823
|
+
)
|
|
1824
|
+
),
|
|
1825
|
+
|
|
1826
|
+
// Purple
|
|
1827
|
+
purple: (
|
|
1828
|
+
50: #f3e5f5,
|
|
2162
1829
|
100: #e1bee7,
|
|
2163
1830
|
200: #ce93d8,
|
|
2164
1831
|
300: #ba68c8,
|
|
@@ -2168,10 +1835,30 @@ $kendo-palettes: (
|
|
|
2168
1835
|
700: #7b1fa2,
|
|
2169
1836
|
800: #6a1b9a,
|
|
2170
1837
|
900: #4a148c,
|
|
2171
|
-
|
|
1838
|
+
A100: #ea80fc,
|
|
1839
|
+
A200: #e040fb,
|
|
1840
|
+
A400: #d500f9,
|
|
1841
|
+
A700: #aa00ff,
|
|
1842
|
+
contrast: (
|
|
1843
|
+
50: $dark-primary-text,
|
|
1844
|
+
100: $dark-primary-text,
|
|
1845
|
+
200: $dark-primary-text,
|
|
1846
|
+
300: $dark-primary-text,
|
|
1847
|
+
400: $light-primary-text,
|
|
1848
|
+
500: $light-primary-text,
|
|
1849
|
+
600: $light-primary-text,
|
|
1850
|
+
700: $light-primary-text,
|
|
1851
|
+
800: $light-primary-text,
|
|
1852
|
+
900: $light-primary-text,
|
|
1853
|
+
A100: $dark-primary-text,
|
|
1854
|
+
A200: $dark-primary-text,
|
|
1855
|
+
A400: $dark-primary-text,
|
|
1856
|
+
A700: $light-primary-text
|
|
1857
|
+
)
|
|
2172
1858
|
),
|
|
2173
|
-
|
|
2174
|
-
|
|
1859
|
+
|
|
1860
|
+
// Deep Purple
|
|
1861
|
+
deepPurple: (
|
|
2175
1862
|
50: #ede7f6,
|
|
2176
1863
|
100: #d1c4e9,
|
|
2177
1864
|
200: #b39ddb,
|
|
@@ -2182,10 +1869,30 @@ $kendo-palettes: (
|
|
|
2182
1869
|
700: #512da8,
|
|
2183
1870
|
800: #4527a0,
|
|
2184
1871
|
900: #311b92,
|
|
2185
|
-
|
|
1872
|
+
A100: #b388ff,
|
|
1873
|
+
A200: #7c4dff,
|
|
1874
|
+
A400: #651fff,
|
|
1875
|
+
A700: #6200ea,
|
|
1876
|
+
contrast: (
|
|
1877
|
+
50: $dark-primary-text,
|
|
1878
|
+
100: $dark-primary-text,
|
|
1879
|
+
200: $dark-primary-text,
|
|
1880
|
+
300: $dark-primary-text,
|
|
1881
|
+
400: $light-primary-text,
|
|
1882
|
+
500: $light-primary-text,
|
|
1883
|
+
600: $light-primary-text,
|
|
1884
|
+
700: $light-primary-text,
|
|
1885
|
+
800: $light-primary-text,
|
|
1886
|
+
900: $light-primary-text,
|
|
1887
|
+
A100: $dark-primary-text,
|
|
1888
|
+
A200: $light-primary-text,
|
|
1889
|
+
A400: $light-primary-text,
|
|
1890
|
+
A700: $light-primary-text
|
|
1891
|
+
)
|
|
2186
1892
|
),
|
|
2187
|
-
|
|
2188
|
-
|
|
1893
|
+
|
|
1894
|
+
// Indigo
|
|
1895
|
+
indigo: (
|
|
2189
1896
|
50: #e8eaf6,
|
|
2190
1897
|
100: #c5cae9,
|
|
2191
1898
|
200: #9fa8da,
|
|
@@ -2196,10 +1903,30 @@ $kendo-palettes: (
|
|
|
2196
1903
|
700: #303f9f,
|
|
2197
1904
|
800: #283593,
|
|
2198
1905
|
900: #1a237e,
|
|
2199
|
-
|
|
1906
|
+
A100: #8c9eff,
|
|
1907
|
+
A200: #536dfe,
|
|
1908
|
+
A400: #3d5afe,
|
|
1909
|
+
A700: #304ffe,
|
|
1910
|
+
contrast: (
|
|
1911
|
+
50: $dark-primary-text,
|
|
1912
|
+
100: $dark-primary-text,
|
|
1913
|
+
200: $dark-primary-text,
|
|
1914
|
+
300: $dark-primary-text,
|
|
1915
|
+
400: $light-primary-text,
|
|
1916
|
+
500: $light-primary-text,
|
|
1917
|
+
600: $light-primary-text,
|
|
1918
|
+
700: $light-primary-text,
|
|
1919
|
+
800: $light-primary-text,
|
|
1920
|
+
900: $light-primary-text,
|
|
1921
|
+
A100: $dark-primary-text,
|
|
1922
|
+
A200: $dark-primary-text,
|
|
1923
|
+
A400: $light-primary-text,
|
|
1924
|
+
A700: $light-primary-text
|
|
1925
|
+
)
|
|
2200
1926
|
),
|
|
2201
|
-
|
|
2202
|
-
|
|
1927
|
+
|
|
1928
|
+
// Blue
|
|
1929
|
+
blue: (
|
|
2203
1930
|
50: #e3f2fd,
|
|
2204
1931
|
100: #bbdefb,
|
|
2205
1932
|
200: #90caf9,
|
|
@@ -2210,10 +1937,30 @@ $kendo-palettes: (
|
|
|
2210
1937
|
700: #1976d2,
|
|
2211
1938
|
800: #1565c0,
|
|
2212
1939
|
900: #0d47a1,
|
|
2213
|
-
|
|
1940
|
+
A100: #82b1ff,
|
|
1941
|
+
A200: #448aff,
|
|
1942
|
+
A400: #2979ff,
|
|
1943
|
+
A700: #2962ff,
|
|
1944
|
+
contrast: (
|
|
1945
|
+
50: $dark-primary-text,
|
|
1946
|
+
100: $dark-primary-text,
|
|
1947
|
+
200: $dark-primary-text,
|
|
1948
|
+
300: $dark-primary-text,
|
|
1949
|
+
400: $dark-primary-text,
|
|
1950
|
+
500: $dark-primary-text,
|
|
1951
|
+
600: $dark-primary-text,
|
|
1952
|
+
700: $light-primary-text,
|
|
1953
|
+
800: $light-primary-text,
|
|
1954
|
+
900: $light-primary-text,
|
|
1955
|
+
A100: $dark-primary-text,
|
|
1956
|
+
A200: $dark-primary-text,
|
|
1957
|
+
A400: $dark-primary-text,
|
|
1958
|
+
A700: $light-primary-text
|
|
1959
|
+
)
|
|
2214
1960
|
),
|
|
2215
|
-
|
|
2216
|
-
|
|
1961
|
+
|
|
1962
|
+
// Light Blue
|
|
1963
|
+
lightBlue: (
|
|
2217
1964
|
50: #e1f5fe,
|
|
2218
1965
|
100: #b3e5fc,
|
|
2219
1966
|
200: #81d4fa,
|
|
@@ -2224,10 +1971,30 @@ $kendo-palettes: (
|
|
|
2224
1971
|
700: #0288d1,
|
|
2225
1972
|
800: #0277bd,
|
|
2226
1973
|
900: #01579b,
|
|
2227
|
-
|
|
1974
|
+
A100: #80d8ff,
|
|
1975
|
+
A200: #40c4ff,
|
|
1976
|
+
A400: #00b0ff,
|
|
1977
|
+
A700: #0091ea,
|
|
1978
|
+
contrast: (
|
|
1979
|
+
50: $dark-primary-text,
|
|
1980
|
+
100: $dark-primary-text,
|
|
1981
|
+
200: $dark-primary-text,
|
|
1982
|
+
300: $dark-primary-text,
|
|
1983
|
+
400: $dark-primary-text,
|
|
1984
|
+
500: $dark-primary-text,
|
|
1985
|
+
600: $dark-primary-text,
|
|
1986
|
+
700: $dark-primary-text,
|
|
1987
|
+
800: $light-primary-text,
|
|
1988
|
+
900: $light-primary-text,
|
|
1989
|
+
A100: $dark-primary-text,
|
|
1990
|
+
A200: $dark-primary-text,
|
|
1991
|
+
A400: $dark-primary-text,
|
|
1992
|
+
A700: $dark-primary-text
|
|
1993
|
+
)
|
|
2228
1994
|
),
|
|
2229
|
-
|
|
2230
|
-
|
|
1995
|
+
|
|
1996
|
+
// Cyan
|
|
1997
|
+
cyan: (
|
|
2231
1998
|
50: #e0f7fa,
|
|
2232
1999
|
100: #b2ebf2,
|
|
2233
2000
|
200: #80deea,
|
|
@@ -2238,10 +2005,30 @@ $kendo-palettes: (
|
|
|
2238
2005
|
700: #0097a7,
|
|
2239
2006
|
800: #00838f,
|
|
2240
2007
|
900: #006064,
|
|
2241
|
-
|
|
2008
|
+
A100: #84ffff,
|
|
2009
|
+
A200: #18ffff,
|
|
2010
|
+
A400: #00e5ff,
|
|
2011
|
+
A700: #00b8d4,
|
|
2012
|
+
contrast: (
|
|
2013
|
+
50: $dark-primary-text,
|
|
2014
|
+
100: $dark-primary-text,
|
|
2015
|
+
200: $dark-primary-text,
|
|
2016
|
+
300: $dark-primary-text,
|
|
2017
|
+
400: $dark-primary-text,
|
|
2018
|
+
500: $dark-primary-text,
|
|
2019
|
+
600: $dark-primary-text,
|
|
2020
|
+
700: $dark-primary-text,
|
|
2021
|
+
800: $light-primary-text,
|
|
2022
|
+
900: $light-primary-text,
|
|
2023
|
+
A100: $dark-primary-text,
|
|
2024
|
+
A200: $dark-primary-text,
|
|
2025
|
+
A400: $dark-primary-text,
|
|
2026
|
+
A700: $dark-primary-text
|
|
2027
|
+
)
|
|
2242
2028
|
),
|
|
2243
|
-
|
|
2244
|
-
|
|
2029
|
+
|
|
2030
|
+
// Teal
|
|
2031
|
+
teal: (
|
|
2245
2032
|
50: #e0f2f1,
|
|
2246
2033
|
100: #b2dfdb,
|
|
2247
2034
|
200: #80cbc4,
|
|
@@ -2252,10 +2039,30 @@ $kendo-palettes: (
|
|
|
2252
2039
|
700: #00796b,
|
|
2253
2040
|
800: #00695c,
|
|
2254
2041
|
900: #004d40,
|
|
2255
|
-
|
|
2042
|
+
A100: #a7ffeb,
|
|
2043
|
+
A200: #64ffda,
|
|
2044
|
+
A400: #1de9b6,
|
|
2045
|
+
A700: #00bfa5,
|
|
2046
|
+
contrast: (
|
|
2047
|
+
50: $dark-primary-text,
|
|
2048
|
+
100: $dark-primary-text,
|
|
2049
|
+
200: $dark-primary-text,
|
|
2050
|
+
300: $dark-primary-text,
|
|
2051
|
+
400: $dark-primary-text,
|
|
2052
|
+
500: $dark-primary-text,
|
|
2053
|
+
600: $dark-primary-text,
|
|
2054
|
+
700: $light-primary-text,
|
|
2055
|
+
800: $light-primary-text,
|
|
2056
|
+
900: $light-primary-text,
|
|
2057
|
+
A100: $dark-primary-text,
|
|
2058
|
+
A200: $dark-primary-text,
|
|
2059
|
+
A400: $dark-primary-text,
|
|
2060
|
+
A700: $dark-primary-text
|
|
2061
|
+
)
|
|
2256
2062
|
),
|
|
2257
|
-
|
|
2258
|
-
|
|
2063
|
+
|
|
2064
|
+
// Green
|
|
2065
|
+
green: (
|
|
2259
2066
|
50: #e8f5e9,
|
|
2260
2067
|
100: #c8e6c9,
|
|
2261
2068
|
200: #a5d6a7,
|
|
@@ -2266,10 +2073,30 @@ $kendo-palettes: (
|
|
|
2266
2073
|
700: #388e3c,
|
|
2267
2074
|
800: #2e7d32,
|
|
2268
2075
|
900: #1b5e20,
|
|
2269
|
-
|
|
2076
|
+
A100: #b9f6ca,
|
|
2077
|
+
A200: #69f0ae,
|
|
2078
|
+
A400: #00e676,
|
|
2079
|
+
A700: #00c853,
|
|
2080
|
+
contrast: (
|
|
2081
|
+
50: $dark-primary-text,
|
|
2082
|
+
100: $dark-primary-text,
|
|
2083
|
+
200: $dark-primary-text,
|
|
2084
|
+
300: $dark-primary-text,
|
|
2085
|
+
400: $dark-primary-text,
|
|
2086
|
+
500: $dark-primary-text,
|
|
2087
|
+
600: $dark-primary-text,
|
|
2088
|
+
700: $dark-primary-text,
|
|
2089
|
+
800: $light-primary-text,
|
|
2090
|
+
900: $light-primary-text,
|
|
2091
|
+
A100: $dark-primary-text,
|
|
2092
|
+
A200: $dark-primary-text,
|
|
2093
|
+
A400: $dark-primary-text,
|
|
2094
|
+
A700: $dark-primary-text
|
|
2095
|
+
)
|
|
2270
2096
|
),
|
|
2271
|
-
|
|
2272
|
-
|
|
2097
|
+
|
|
2098
|
+
// Light Green
|
|
2099
|
+
lightGreen: (
|
|
2273
2100
|
50: #f1f8e9,
|
|
2274
2101
|
100: #dcedc8,
|
|
2275
2102
|
200: #c5e1a5,
|
|
@@ -2280,10 +2107,30 @@ $kendo-palettes: (
|
|
|
2280
2107
|
700: #689f38,
|
|
2281
2108
|
800: #558b2f,
|
|
2282
2109
|
900: #33691e,
|
|
2283
|
-
|
|
2110
|
+
A100: #ccff90,
|
|
2111
|
+
A200: #b2ff59,
|
|
2112
|
+
A400: #76ff03,
|
|
2113
|
+
A700: #64dd17,
|
|
2114
|
+
contrast: (
|
|
2115
|
+
50: $dark-primary-text,
|
|
2116
|
+
100: $dark-primary-text,
|
|
2117
|
+
200: $dark-primary-text,
|
|
2118
|
+
300: $dark-primary-text,
|
|
2119
|
+
400: $dark-primary-text,
|
|
2120
|
+
500: $dark-primary-text,
|
|
2121
|
+
600: $dark-primary-text,
|
|
2122
|
+
700: $dark-primary-text,
|
|
2123
|
+
800: $dark-primary-text,
|
|
2124
|
+
900: $light-primary-text,
|
|
2125
|
+
A100: $dark-primary-text,
|
|
2126
|
+
A200: $dark-primary-text,
|
|
2127
|
+
A400: $dark-primary-text,
|
|
2128
|
+
A700: $dark-primary-text
|
|
2129
|
+
)
|
|
2284
2130
|
),
|
|
2285
|
-
|
|
2286
|
-
|
|
2131
|
+
|
|
2132
|
+
// Lime
|
|
2133
|
+
lime: (
|
|
2287
2134
|
50: #f9fbe7,
|
|
2288
2135
|
100: #f0f4c3,
|
|
2289
2136
|
200: #e6ee9c,
|
|
@@ -2294,10 +2141,30 @@ $kendo-palettes: (
|
|
|
2294
2141
|
700: #afb42b,
|
|
2295
2142
|
800: #9e9d24,
|
|
2296
2143
|
900: #827717,
|
|
2297
|
-
|
|
2144
|
+
A100: #f4ff81,
|
|
2145
|
+
A200: #eeff41,
|
|
2146
|
+
A400: #c6ff00,
|
|
2147
|
+
A700: #aeea00,
|
|
2148
|
+
contrast: (
|
|
2149
|
+
50: $dark-primary-text,
|
|
2150
|
+
100: $dark-primary-text,
|
|
2151
|
+
200: $dark-primary-text,
|
|
2152
|
+
300: $dark-primary-text,
|
|
2153
|
+
400: $dark-primary-text,
|
|
2154
|
+
500: $dark-primary-text,
|
|
2155
|
+
600: $dark-primary-text,
|
|
2156
|
+
700: $dark-primary-text,
|
|
2157
|
+
800: $dark-primary-text,
|
|
2158
|
+
900: $light-primary-text,
|
|
2159
|
+
A100: $dark-primary-text,
|
|
2160
|
+
A200: $dark-primary-text,
|
|
2161
|
+
A400: $dark-primary-text,
|
|
2162
|
+
A700: $dark-primary-text
|
|
2163
|
+
)
|
|
2298
2164
|
),
|
|
2299
|
-
|
|
2300
|
-
|
|
2165
|
+
|
|
2166
|
+
// Yellow
|
|
2167
|
+
yellow: (
|
|
2301
2168
|
50: #fffde7,
|
|
2302
2169
|
100: #fff9c4,
|
|
2303
2170
|
200: #fff59d,
|
|
@@ -2308,10 +2175,30 @@ $kendo-palettes: (
|
|
|
2308
2175
|
700: #fbc02d,
|
|
2309
2176
|
800: #f9a825,
|
|
2310
2177
|
900: #f57f17,
|
|
2311
|
-
|
|
2178
|
+
A100: #ffff8d,
|
|
2179
|
+
A200: #ffff00,
|
|
2180
|
+
A400: #ffea00,
|
|
2181
|
+
A700: #ffd600,
|
|
2182
|
+
contrast: (
|
|
2183
|
+
50: $dark-primary-text,
|
|
2184
|
+
100: $dark-primary-text,
|
|
2185
|
+
200: $dark-primary-text,
|
|
2186
|
+
300: $dark-primary-text,
|
|
2187
|
+
400: $dark-primary-text,
|
|
2188
|
+
500: $dark-primary-text,
|
|
2189
|
+
600: $dark-primary-text,
|
|
2190
|
+
700: $dark-primary-text,
|
|
2191
|
+
800: $dark-primary-text,
|
|
2192
|
+
900: $dark-primary-text,
|
|
2193
|
+
A100: $dark-primary-text,
|
|
2194
|
+
A200: $dark-primary-text,
|
|
2195
|
+
A400: $dark-primary-text,
|
|
2196
|
+
A700: $dark-primary-text
|
|
2197
|
+
)
|
|
2312
2198
|
),
|
|
2313
|
-
|
|
2314
|
-
|
|
2199
|
+
|
|
2200
|
+
// Amber
|
|
2201
|
+
amber: (
|
|
2315
2202
|
50: #fff8e1,
|
|
2316
2203
|
100: #ffecb3,
|
|
2317
2204
|
200: #ffe082,
|
|
@@ -2322,10 +2209,30 @@ $kendo-palettes: (
|
|
|
2322
2209
|
700: #ffa000,
|
|
2323
2210
|
800: #ff8f00,
|
|
2324
2211
|
900: #ff6f00,
|
|
2325
|
-
|
|
2212
|
+
A100: #ffe57f,
|
|
2213
|
+
A200: #ffd740,
|
|
2214
|
+
A400: #ffc400,
|
|
2215
|
+
A700: #ffab00,
|
|
2216
|
+
contrast: (
|
|
2217
|
+
50: $dark-primary-text,
|
|
2218
|
+
100: $dark-primary-text,
|
|
2219
|
+
200: $dark-primary-text,
|
|
2220
|
+
300: $dark-primary-text,
|
|
2221
|
+
400: $dark-primary-text,
|
|
2222
|
+
500: $dark-primary-text,
|
|
2223
|
+
600: $dark-primary-text,
|
|
2224
|
+
700: $dark-primary-text,
|
|
2225
|
+
800: $dark-primary-text,
|
|
2226
|
+
900: $dark-primary-text,
|
|
2227
|
+
A100: $dark-primary-text,
|
|
2228
|
+
A200: $dark-primary-text,
|
|
2229
|
+
A400: $dark-primary-text,
|
|
2230
|
+
A700: $dark-primary-text
|
|
2231
|
+
)
|
|
2326
2232
|
),
|
|
2327
|
-
|
|
2328
|
-
|
|
2233
|
+
|
|
2234
|
+
// Orange
|
|
2235
|
+
orange: (
|
|
2329
2236
|
50: #fff3e0,
|
|
2330
2237
|
100: #ffe0b2,
|
|
2331
2238
|
200: #ffcc80,
|
|
@@ -2336,10 +2243,30 @@ $kendo-palettes: (
|
|
|
2336
2243
|
700: #f57c00,
|
|
2337
2244
|
800: #ef6c00,
|
|
2338
2245
|
900: #e65100,
|
|
2339
|
-
|
|
2246
|
+
A100: #ffd180,
|
|
2247
|
+
A200: #ffab40,
|
|
2248
|
+
A400: #ff9100,
|
|
2249
|
+
A700: #ff6d00,
|
|
2250
|
+
contrast: (
|
|
2251
|
+
50: $dark-primary-text,
|
|
2252
|
+
100: $dark-primary-text,
|
|
2253
|
+
200: $dark-primary-text,
|
|
2254
|
+
300: $dark-primary-text,
|
|
2255
|
+
400: $dark-primary-text,
|
|
2256
|
+
500: $dark-primary-text,
|
|
2257
|
+
600: $dark-primary-text,
|
|
2258
|
+
700: $dark-primary-text,
|
|
2259
|
+
800: $dark-primary-text,
|
|
2260
|
+
900: $dark-primary-text,
|
|
2261
|
+
A100: $dark-primary-text,
|
|
2262
|
+
A200: $dark-primary-text,
|
|
2263
|
+
A400: $dark-primary-text,
|
|
2264
|
+
A700: $dark-primary-text
|
|
2265
|
+
)
|
|
2340
2266
|
),
|
|
2341
|
-
|
|
2342
|
-
|
|
2267
|
+
|
|
2268
|
+
// Deep Orange
|
|
2269
|
+
deepOrange: (
|
|
2343
2270
|
50: #fbe9e7,
|
|
2344
2271
|
100: #ffccbc,
|
|
2345
2272
|
200: #ffab91,
|
|
@@ -2350,10 +2277,30 @@ $kendo-palettes: (
|
|
|
2350
2277
|
700: #e64a19,
|
|
2351
2278
|
800: #d84315,
|
|
2352
2279
|
900: #bf360c,
|
|
2353
|
-
|
|
2280
|
+
A100: #ff9e80,
|
|
2281
|
+
A200: #ff6e40,
|
|
2282
|
+
A400: #ff3d00,
|
|
2283
|
+
A700: #dd2c00,
|
|
2284
|
+
contrast: (
|
|
2285
|
+
50: $dark-primary-text,
|
|
2286
|
+
100: $dark-primary-text,
|
|
2287
|
+
200: $dark-primary-text,
|
|
2288
|
+
300: $dark-primary-text,
|
|
2289
|
+
400: $dark-primary-text,
|
|
2290
|
+
500: $dark-primary-text,
|
|
2291
|
+
600: $dark-primary-text,
|
|
2292
|
+
700: $dark-primary-text,
|
|
2293
|
+
800: $dark-primary-text,
|
|
2294
|
+
900: $light-primary-text,
|
|
2295
|
+
A100: $dark-primary-text,
|
|
2296
|
+
A200: $dark-primary-text,
|
|
2297
|
+
A400: $dark-primary-text,
|
|
2298
|
+
A700: $light-primary-text
|
|
2299
|
+
)
|
|
2354
2300
|
),
|
|
2355
|
-
|
|
2356
|
-
|
|
2301
|
+
|
|
2302
|
+
// Brown
|
|
2303
|
+
brown: (
|
|
2357
2304
|
50: #efebe9,
|
|
2358
2305
|
100: #d7ccc8,
|
|
2359
2306
|
200: #bcaaa4,
|
|
@@ -2364,80 +2311,1275 @@ $kendo-palettes: (
|
|
|
2364
2311
|
700: #5d4037,
|
|
2365
2312
|
800: #4e342e,
|
|
2366
2313
|
900: #3e2723,
|
|
2367
|
-
|
|
2314
|
+
A100: #d7ccc8,
|
|
2315
|
+
A200: #bcaaa4,
|
|
2316
|
+
A400: #8d6e63,
|
|
2317
|
+
A700: #5d4037,
|
|
2318
|
+
contrast: (
|
|
2319
|
+
50: $dark-primary-text,
|
|
2320
|
+
100: $dark-primary-text,
|
|
2321
|
+
200: $dark-primary-text,
|
|
2322
|
+
300: $dark-primary-text,
|
|
2323
|
+
400: $light-primary-text,
|
|
2324
|
+
500: $light-primary-text,
|
|
2325
|
+
600: $light-primary-text,
|
|
2326
|
+
700: $light-primary-text,
|
|
2327
|
+
800: $light-primary-text,
|
|
2328
|
+
900: $light-primary-text,
|
|
2329
|
+
A100: $dark-primary-text,
|
|
2330
|
+
A200: $dark-primary-text,
|
|
2331
|
+
A400: $light-primary-text,
|
|
2332
|
+
A700: $light-primary-text
|
|
2333
|
+
)
|
|
2368
2334
|
),
|
|
2369
2335
|
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
50: #dafbe1,
|
|
2403
|
-
100: #aceebb,
|
|
2404
|
-
200: #6fdd8b,
|
|
2405
|
-
300: #4ac26b,
|
|
2406
|
-
400: #2da44e,
|
|
2407
|
-
500: #1a7f37,
|
|
2408
|
-
600: #116329,
|
|
2409
|
-
700: #044f1e,
|
|
2410
|
-
800: #003d16,
|
|
2411
|
-
900: #002d11,
|
|
2412
|
-
1000: #000000
|
|
2413
|
-
),
|
|
2414
|
-
primerYellow: (
|
|
2415
|
-
0: #ffffff,
|
|
2416
|
-
50: #fff8c5,
|
|
2417
|
-
100: #fae17d,
|
|
2418
|
-
200: #eac54f,
|
|
2419
|
-
300: #d4a72c,
|
|
2420
|
-
400: #bf8700,
|
|
2421
|
-
500: #9a6700,
|
|
2422
|
-
600: #7d4e00,
|
|
2423
|
-
700: #633c01,
|
|
2424
|
-
800: #4d2d00,
|
|
2425
|
-
900: #3b2300,
|
|
2426
|
-
1000: #000000
|
|
2336
|
+
// Gray
|
|
2337
|
+
gray: (
|
|
2338
|
+
50: #fafafa,
|
|
2339
|
+
100: #f5f5f5,
|
|
2340
|
+
200: #eeeeee,
|
|
2341
|
+
300: #e0e0e0,
|
|
2342
|
+
400: #bdbdbd,
|
|
2343
|
+
500: #9e9e9e,
|
|
2344
|
+
600: #757575,
|
|
2345
|
+
700: #616161,
|
|
2346
|
+
800: #424242,
|
|
2347
|
+
900: #212121,
|
|
2348
|
+
A100: #ffffff,
|
|
2349
|
+
A200: #eeeeee,
|
|
2350
|
+
A400: #bdbdbd,
|
|
2351
|
+
A700: #616161,
|
|
2352
|
+
contrast: (
|
|
2353
|
+
50: $dark-primary-text,
|
|
2354
|
+
100: $dark-primary-text,
|
|
2355
|
+
200: $dark-primary-text,
|
|
2356
|
+
300: $dark-primary-text,
|
|
2357
|
+
400: $dark-primary-text,
|
|
2358
|
+
500: $dark-primary-text,
|
|
2359
|
+
600: $light-primary-text,
|
|
2360
|
+
700: $light-primary-text,
|
|
2361
|
+
800: $light-primary-text,
|
|
2362
|
+
900: $light-primary-text,
|
|
2363
|
+
A100: $dark-primary-text,
|
|
2364
|
+
A200: $dark-primary-text,
|
|
2365
|
+
A400: $dark-primary-text,
|
|
2366
|
+
A700: $light-primary-text
|
|
2367
|
+
)
|
|
2427
2368
|
),
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2369
|
+
|
|
2370
|
+
// Blue Gray
|
|
2371
|
+
blueGray: (
|
|
2372
|
+
50: #eceff1,
|
|
2373
|
+
100: #cfd8dc,
|
|
2374
|
+
200: #b0bec5,
|
|
2375
|
+
300: #90a4ae,
|
|
2376
|
+
400: #78909c,
|
|
2377
|
+
500: #607d8b,
|
|
2378
|
+
600: #546e7a,
|
|
2379
|
+
700: #455a64,
|
|
2380
|
+
800: #37474f,
|
|
2381
|
+
900: #263238,
|
|
2382
|
+
A100: #cfd8dc,
|
|
2383
|
+
A200: #b0bec5,
|
|
2384
|
+
A400: #78909c,
|
|
2385
|
+
A700: #455a64,
|
|
2386
|
+
contrast: (
|
|
2387
|
+
50: $dark-primary-text,
|
|
2388
|
+
100: $dark-primary-text,
|
|
2389
|
+
200: $dark-primary-text,
|
|
2390
|
+
300: $dark-primary-text,
|
|
2391
|
+
400: $dark-primary-text,
|
|
2392
|
+
500: $dark-primary-text,
|
|
2393
|
+
600: $light-primary-text,
|
|
2394
|
+
700: $light-primary-text,
|
|
2395
|
+
800: $light-primary-text,
|
|
2396
|
+
900: $light-primary-text,
|
|
2397
|
+
A100: $dark-primary-text,
|
|
2398
|
+
A200: $dark-primary-text,
|
|
2399
|
+
A400: $light-primary-text,
|
|
2400
|
+
A700: $light-primary-text
|
|
2401
|
+
)
|
|
2402
|
+
)
|
|
2403
|
+
|
|
2404
|
+
) !default;
|
|
2405
|
+
|
|
2406
|
+
@function get-base-palette($name) {
|
|
2407
|
+
@return k-map-get( $palettes, $name );
|
|
2408
|
+
}
|
|
2409
|
+
|
|
2410
|
+
@function get-base-hue($palette, $hue) {
|
|
2411
|
+
@return k-map-get( get-base-palette( $palette ), $hue );
|
|
2412
|
+
}
|
|
2413
|
+
|
|
2414
|
+
@function get-base-contrast($palette, $hue) {
|
|
2415
|
+
@return k-map-get( k-map-get( get-base-palette($palette), contrast), $hue );
|
|
2416
|
+
}
|
|
2417
|
+
|
|
2418
|
+
$material-dark-complimentary: (
|
|
2419
|
+
is-dark: true,
|
|
2420
|
+
body-bg: #121212,
|
|
2421
|
+
body-text: $light-primary-text,
|
|
2422
|
+
subtle-text: $light-secondary-text,
|
|
2423
|
+
disabled-text: $light-disabled-text,
|
|
2424
|
+
component-bg: #121212,
|
|
2425
|
+
component-text: $light-primary-text,
|
|
2426
|
+
component-border: $light-dividers,
|
|
2427
|
+
base-bg: get-base-hue( gray, 900 ),
|
|
2428
|
+
hover-bg: rgba( white, .08 ),
|
|
2429
|
+
focus-bg: rgba( white, .24 ),
|
|
2430
|
+
elevation: $kendo-color-black
|
|
2431
|
+
) !default;
|
|
2432
|
+
|
|
2433
|
+
|
|
2434
|
+
$material-light-complimentary: (
|
|
2435
|
+
is-dark: false,
|
|
2436
|
+
body-bg: $kendo-color-white,
|
|
2437
|
+
body-text: get-base-contrast( gray, 50 ),
|
|
2438
|
+
subtle-text: $dark-secondary-text,
|
|
2439
|
+
disabled-text: $dark-disabled-text,
|
|
2440
|
+
component-bg: $kendo-color-white,
|
|
2441
|
+
component-text: $dark-primary-text,
|
|
2442
|
+
component-border: $dark-dividers,
|
|
2443
|
+
base-bg: $kendo-color-white,
|
|
2444
|
+
hover-bg: rgba( black, .04 ),
|
|
2445
|
+
focus-bg: rgba( black, .12 ),
|
|
2446
|
+
elevation: $kendo-color-black
|
|
2447
|
+
) !default;
|
|
2448
|
+
|
|
2449
|
+
|
|
2450
|
+
// For a given hue in a palette, return the contrast color from the map of contrast palettes.
|
|
2451
|
+
@function material-contrast($palette, $hue) {
|
|
2452
|
+
@return k-map-get(k-map-get($palette, contrast), $hue);
|
|
2453
|
+
}
|
|
2454
|
+
|
|
2455
|
+
// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms
|
|
2456
|
+
// of the Material Design hues.
|
|
2457
|
+
@function material-palette($base-palette, $main: 500, $lighter: 300, $darker: 700, $adjust-contrast: true) {
|
|
2458
|
+
|
|
2459
|
+
@if not (k-meta-type-of($base-palette) == map) {
|
|
2460
|
+
$base-palette: get-base-palette($base-palette);
|
|
2461
|
+
}
|
|
2462
|
+
|
|
2463
|
+
$main-contrast: material-contrast($base-palette, $main);
|
|
2464
|
+
|
|
2465
|
+
@if ( $adjust-contrast == true ) {
|
|
2466
|
+
@if ($theme-type == dark) and ($main-contrast == $light-primary-text) {
|
|
2467
|
+
$main: 200;
|
|
2468
|
+
$lighter: 100;
|
|
2469
|
+
$darker: 300;
|
|
2470
|
+
}
|
|
2471
|
+
|
|
2472
|
+
@if ($theme-type == light) and ($main-contrast == $dark-primary-text) {
|
|
2473
|
+
$main: 800;
|
|
2474
|
+
$lighter: 700;
|
|
2475
|
+
$darker: 900;
|
|
2476
|
+
}
|
|
2477
|
+
}
|
|
2478
|
+
|
|
2479
|
+
// stylelint-disable-next-line function-comma-newline-after
|
|
2480
|
+
$result: k-map-merge($base-palette, (
|
|
2481
|
+
main: k-map-get($base-palette, $main),
|
|
2482
|
+
lighter: k-map-get($base-palette, $lighter),
|
|
2483
|
+
darker: k-map-get($base-palette, $darker),
|
|
2484
|
+
main-contrast: material-contrast($base-palette, $main),
|
|
2485
|
+
lighter-contrast: material-contrast($base-palette, $lighter),
|
|
2486
|
+
darker-contrast: material-contrast($base-palette, $darker)
|
|
2487
|
+
));
|
|
2488
|
+
|
|
2489
|
+
// For each hue in the palette, add a "-contrast" color to the map.
|
|
2490
|
+
@each $hue, $color in $base-palette {
|
|
2491
|
+
// stylelint-disable-next-line function-comma-newline-after
|
|
2492
|
+
$result: k-map-merge($result, (
|
|
2493
|
+
"#{$hue}-contrast": material-contrast($base-palette, $hue)
|
|
2494
|
+
));
|
|
2495
|
+
}
|
|
2496
|
+
|
|
2497
|
+
@return $result;
|
|
2498
|
+
}
|
|
2499
|
+
|
|
2500
|
+
|
|
2501
|
+
// Gets a color from a theme palette (the output of material-palette).
|
|
2502
|
+
// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured
|
|
2503
|
+
// hues (main, lighter, darker), or any of the aforementioned prefixed with "-contrast".
|
|
2504
|
+
@function material-color($palette, $hue: main, $opacity: null) {
|
|
2505
|
+
|
|
2506
|
+
@if not (k-meta-type-of($palette) == map) {
|
|
2507
|
+
$palette: get-base-palette($palette);
|
|
2508
|
+
}
|
|
2509
|
+
|
|
2510
|
+
// If hueKey is a number between zero and one, then it actually contains an
|
|
2511
|
+
// opacity value, so recall this function with the default hue and that given opacity.
|
|
2512
|
+
@if k-meta-type-of($hue) == number and $hue >= 0 and $hue <= 1 {
|
|
2513
|
+
@return material-color($palette, main, $hue);
|
|
2514
|
+
}
|
|
2515
|
+
|
|
2516
|
+
$color: k-map-get($palette, $hue);
|
|
2517
|
+
$opacity: if($opacity == null, k-color-alpha($color), $opacity);
|
|
2518
|
+
|
|
2519
|
+
@return rgba( $color, $opacity );
|
|
2520
|
+
}
|
|
2521
|
+
|
|
2522
|
+
// Creates a container object for a light theme to be given to individual component theme mixins.
|
|
2523
|
+
@function material-theme($kendo-color-primary, $kendo-color-secondary, $theme-type, $warn: material-palette(red)) {
|
|
2524
|
+
$complimentary: if($theme-type == dark, $material-dark-complimentary, $material-light-complimentary);
|
|
2525
|
+
@return k-map-merge((
|
|
2526
|
+
primary: $kendo-color-primary,
|
|
2527
|
+
secondary: $kendo-color-secondary,
|
|
2528
|
+
warn: $warn
|
|
2529
|
+
), $complimentary );
|
|
2530
|
+
}
|
|
2531
|
+
|
|
2532
|
+
// #endregion
|
|
2533
|
+
|
|
2534
|
+
// #endregion
|
|
2535
|
+
|
|
2536
|
+
// Variables
|
|
2537
|
+
// #region @import "../_variables.scss"; -> scss/_variables.scss
|
|
2538
|
+
// #region @import "./core/functions/index.import.scss"; -> scss/core/functions/index.import.scss
|
|
2539
|
+
// #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
|
|
2540
|
+
// File already imported_once. Skipping output.
|
|
2541
|
+
// #endregion
|
|
2542
|
+
|
|
2543
|
+
// #endregion
|
|
2544
|
+
|
|
2545
|
+
/// The color white.
|
|
2546
|
+
/// Note: you cannot change this value.
|
|
2547
|
+
/// @type Color
|
|
2548
|
+
/// @group color-system
|
|
2549
|
+
$kendo-color-white: #ffffff; // stylelint-disable-line scss/dollar-variable-default
|
|
2550
|
+
|
|
2551
|
+
/// The color black.
|
|
2552
|
+
/// Note: you cannot change this value.
|
|
2553
|
+
/// @type Color
|
|
2554
|
+
/// @group color-system
|
|
2555
|
+
$kendo-color-black: #000000; // stylelint-disable-line scss/dollar-variable-default
|
|
2556
|
+
|
|
2557
|
+
// Options
|
|
2558
|
+
$kendo-enable-rounded: true !default;
|
|
2559
|
+
$kendo-enable-shadows: true !default;
|
|
2560
|
+
$kendo-enable-gradients: false !default;
|
|
2561
|
+
$kendo-enable-transitions: true !default;
|
|
2562
|
+
$kendo-enable-focus-contrast: false !default;
|
|
2563
|
+
$kendo-enable-typography: false !default;
|
|
2564
|
+
|
|
2565
|
+
$kendo-use-input-button-width: false !default;
|
|
2566
|
+
$kendo-use-input-spinner-width: false !default;
|
|
2567
|
+
$kendo-use-input-spinner-icon-offset: false !default;
|
|
2568
|
+
|
|
2569
|
+
$kendo-auto-bootstrap: true !default;
|
|
2570
|
+
|
|
2571
|
+
|
|
2572
|
+
// Spacing
|
|
2573
|
+
$kendo-spacing: (
|
|
2574
|
+
0: 0,
|
|
2575
|
+
1px: 1px,
|
|
2576
|
+
0.5: 2px,
|
|
2577
|
+
1: 4px,
|
|
2578
|
+
1.5: 6px,
|
|
2579
|
+
2: 8px,
|
|
2580
|
+
2.5: 10px,
|
|
2581
|
+
3: 12px,
|
|
2582
|
+
3.5: 14px,
|
|
2583
|
+
4: 16px,
|
|
2584
|
+
4.5: 18px,
|
|
2585
|
+
5: 20px,
|
|
2586
|
+
5.5: 22px,
|
|
2587
|
+
6: 24px,
|
|
2588
|
+
6.5: 26px,
|
|
2589
|
+
7: 28px,
|
|
2590
|
+
7.5: 30px,
|
|
2591
|
+
8: 32px,
|
|
2592
|
+
9: 36px,
|
|
2593
|
+
10: 40px,
|
|
2594
|
+
11: 44px,
|
|
2595
|
+
12: 48px,
|
|
2596
|
+
13: 52px,
|
|
2597
|
+
14: 56px,
|
|
2598
|
+
15: 60px,
|
|
2599
|
+
16: 64px,
|
|
2600
|
+
17: 68px,
|
|
2601
|
+
18: 72px,
|
|
2602
|
+
19: 76px,
|
|
2603
|
+
20: 80px,
|
|
2604
|
+
21: 84px,
|
|
2605
|
+
22: 88px,
|
|
2606
|
+
23: 92px,
|
|
2607
|
+
24: 96px
|
|
2608
|
+
) !default;
|
|
2609
|
+
|
|
2610
|
+
|
|
2611
|
+
// Apply material theme, as early as possible
|
|
2612
|
+
$primary-palette-name: indigo !default;
|
|
2613
|
+
$secondary-palette-name: pink !default;
|
|
2614
|
+
$tertiary-palette-name: teal !default;
|
|
2615
|
+
$adjust-contrast: true !default;
|
|
2616
|
+
$theme-type: light !default; // light or dark
|
|
2617
|
+
|
|
2618
|
+
$primary-palette: material-palette( $primary-palette-name, 500, 300, 700, $adjust-contrast ) !default;
|
|
2619
|
+
$secondary-palette: material-palette( $secondary-palette-name, 500, 300, 700, $adjust-contrast ) !default;
|
|
2620
|
+
$tertiary-palette: material-palette( $tertiary-palette-name, 500, 300, 700, $adjust-contrast ) !default;
|
|
2621
|
+
|
|
2622
|
+
$theme: material-theme(
|
|
2623
|
+
$primary-palette,
|
|
2624
|
+
$secondary-palette,
|
|
2625
|
+
$theme-type
|
|
2626
|
+
) !default;
|
|
2627
|
+
|
|
2628
|
+
|
|
2629
|
+
// Shadows
|
|
2630
|
+
|
|
2631
|
+
/// Color of shadows
|
|
2632
|
+
/// @group shadows
|
|
2633
|
+
$elevation: k-map-get( $theme, elevation ) !default;
|
|
2634
|
+
|
|
2635
|
+
/// Shadow for switch.
|
|
2636
|
+
/// Equivalent to material elevation 1.
|
|
2637
|
+
/// @group shadows
|
|
2638
|
+
$box-shadow-depth-1: 0 2px 1px -1px rgba( $elevation, .2 ), 0 1px 1px 0 rgba( $elevation, .14 ), 0 1px 3px 0 rgba( $elevation, .12 ) !default;
|
|
2639
|
+
/// Shadow for resting state of button, card and other widgets.
|
|
2640
|
+
/// Equivalent to material elevation 2.
|
|
2641
|
+
/// @group shadows
|
|
2642
|
+
$box-shadow-depth-2: 0 3px 1px -2px rgba( $elevation, .2 ), 0 2px 2px 0 rgba( $elevation, .14 ), 0 1px 5px 0 rgba( $elevation, .12 ) !default;
|
|
2643
|
+
/// Shadow for menu, popups and raised state of button and card.
|
|
2644
|
+
/// Equivalent to material elevation 8.
|
|
2645
|
+
/// @group shadows
|
|
2646
|
+
$box-shadow-depth-3: 0 5px 5px -3px rgba( $elevation, .2 ), 0 8px 10px 1px rgba( $elevation, .14 ), 0 3px 14px 2px rgba( $elevation, .12 ) !default;
|
|
2647
|
+
/// Shadow for drawers and other overlaying elements.
|
|
2648
|
+
/// Equivalent to material elevation 16.
|
|
2649
|
+
/// @group shadows
|
|
2650
|
+
$box-shadow-depth-4: 0 8px 10px -5px rgba( $elevation, .2 ), 0 16px 24px 2px rgba( $elevation, .14 ), 0 6px 30px 5px rgba( $elevation, .12 ) !default;
|
|
2651
|
+
/// Shadow for window and dialog.
|
|
2652
|
+
/// Equivalent to material elevation 24.
|
|
2653
|
+
/// @group shadows
|
|
2654
|
+
$box-shadow-depth-5: 0 11px 15px -7px rgba( $elevation, .2 ), 0 24px 38px 3px rgba( $elevation, .14 ), 0 9px 46px 8px rgba( $elevation, .12 ) !default;
|
|
2655
|
+
|
|
2656
|
+
|
|
2657
|
+
// Icons
|
|
2658
|
+
$kendo-icon-size: 16px !default;
|
|
2659
|
+
|
|
2660
|
+
$kendo-icon-size-xs: calc( #{$kendo-icon-size} * .75 ) !default;
|
|
2661
|
+
$kendo-icon-size-sm: calc( #{$kendo-icon-size} * .875 ) !default;
|
|
2662
|
+
$kendo-icon-size-md: $kendo-icon-size !default;
|
|
2663
|
+
$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
|
|
2664
|
+
$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
|
|
2665
|
+
$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
|
|
2666
|
+
$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
|
|
2667
|
+
|
|
2668
|
+
$kendo-icon-spacing: k-map-get( $kendo-spacing, 2 ) !default;
|
|
2669
|
+
$kendo-icon-padding: k-map-get( $kendo-spacing, 1 ) !default;
|
|
2670
|
+
|
|
2671
|
+
// Metrics
|
|
2672
|
+
$kendo-padding-x: 16px !default;
|
|
2673
|
+
$kendo-padding-y: 4px !default;
|
|
2674
|
+
$kendo-padding-sm-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
2675
|
+
$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
2676
|
+
$kendo-padding-md-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
2677
|
+
$kendo-padding-md-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
2678
|
+
$kendo-padding-lg-x: k-map-get( $kendo-spacing, 6 ) !default;
|
|
2679
|
+
$kendo-padding-lg-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
2680
|
+
|
|
2681
|
+
/// Border radius for all components.
|
|
2682
|
+
$kendo-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
|
|
2683
|
+
$kendo-border-radius-sm: k-math-div( $kendo-border-radius, 2 ) !default;
|
|
2684
|
+
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
2685
|
+
$kendo-border-radius-lg: $kendo-border-radius * 1.5 !default;
|
|
2686
|
+
|
|
2687
|
+
$kendo-border-radii: (
|
|
2688
|
+
DEFAULT: $kendo-border-radius-md,
|
|
2689
|
+
0: 0,
|
|
2690
|
+
sm: $kendo-border-radius-sm,
|
|
2691
|
+
md: $kendo-border-radius-md,
|
|
2692
|
+
lg: $kendo-border-radius-lg,
|
|
2693
|
+
full: 9999px
|
|
2694
|
+
) !default;
|
|
2695
|
+
|
|
2696
|
+
|
|
2697
|
+
$kendo-zindex-popup: 1 !default;
|
|
2698
|
+
$kendo-zindex-window: 2 !default;
|
|
2699
|
+
$kendo-zindex-loading: 100 !default;
|
|
2700
|
+
|
|
2701
|
+
|
|
2702
|
+
// Color settings
|
|
2703
|
+
$kendo-is-dark-theme: k-map-get( $theme, is-dark ) !default;
|
|
2704
|
+
|
|
2705
|
+
|
|
2706
|
+
// Theme colors
|
|
2707
|
+
/// The color that focuses the user attention.
|
|
2708
|
+
/// Used for primary buttons and for elements of primary importance across the theme.
|
|
2709
|
+
/// @group color-system
|
|
2710
|
+
/// @type Color
|
|
2711
|
+
$kendo-color-primary: material-color( $primary-palette, main ) !default;
|
|
2712
|
+
$kendo-color-primary-lighter: material-color( $primary-palette, lighter ) !default;
|
|
2713
|
+
$kendo-color-primary-darker: material-color( $primary-palette, darker ) !default;
|
|
2714
|
+
|
|
2715
|
+
/// The color used along with the primary color denoted by $kendo-color-primary.
|
|
2716
|
+
/// Used to provide contrast between the background and foreground colors.
|
|
2717
|
+
/// @group color-system
|
|
2718
|
+
/// @type Color
|
|
2719
|
+
$kendo-color-primary-contrast: material-color( $primary-palette, main-contrast ) !default;
|
|
2720
|
+
|
|
2721
|
+
/// The secondary color of the theme.
|
|
2722
|
+
/// @group color-system
|
|
2723
|
+
/// @type Color
|
|
2724
|
+
$kendo-color-secondary: material-color( $secondary-palette, main ) !default;
|
|
2725
|
+
$kendo-color-secondary-lighter: material-color( $secondary-palette, lighter ) !default;
|
|
2726
|
+
$kendo-color-secondary-darker: material-color( $secondary-palette, darker ) !default;
|
|
2727
|
+
|
|
2728
|
+
/// The color used along with the secondary color denoted by $kendo-color-secondary.
|
|
2729
|
+
/// Used to provide contrast between the background and foreground colors.
|
|
2730
|
+
/// @group color-system
|
|
2731
|
+
/// @type Color
|
|
2732
|
+
$kendo-color-secondary-contrast: material-color( $secondary-palette, main-contrast ) !default;
|
|
2733
|
+
|
|
2734
|
+
/// The tertiary color of the theme.
|
|
2735
|
+
/// @group color-system
|
|
2736
|
+
/// @type Color
|
|
2737
|
+
$kendo-color-tertiary: material-color($tertiary-palette, main) !default;
|
|
2738
|
+
$kendo-color-tertiary-lighter: material-color($tertiary-palette, lighter) !default;
|
|
2739
|
+
$kendo-color-tertiary-darker: material-color($tertiary-palette, darker) !default;
|
|
2740
|
+
|
|
2741
|
+
/// The color used along with the tertiary color denoted by $kendo-color-tertiary.
|
|
2742
|
+
/// Used to provide contrast between the background and foreground colors.
|
|
2743
|
+
/// @group color-system
|
|
2744
|
+
/// @type Color
|
|
2745
|
+
$kendo-color-tertiary-contrast: material-color($tertiary-palette, main-contrast) !default;
|
|
2746
|
+
|
|
2747
|
+
/// The color for informational messages and states.
|
|
2748
|
+
/// @group color-system
|
|
2749
|
+
/// @type Color
|
|
2750
|
+
$kendo-color-info: #0058e9 !default;
|
|
2751
|
+
$kendo-color-info-lighter: k-color-tint( $kendo-color-info, 2 ) !default;
|
|
2752
|
+
$kendo-color-info-darker: k-color-shade( $kendo-color-info, 2 ) !default;
|
|
2753
|
+
|
|
2754
|
+
/// The color for success messages and states.
|
|
2755
|
+
/// @group color-system
|
|
2756
|
+
/// @type Color
|
|
2757
|
+
$kendo-color-success: #37b400 !default;
|
|
2758
|
+
$kendo-color-success-lighter: k-color-tint( $kendo-color-success, 2 ) !default;
|
|
2759
|
+
$kendo-color-success-darker: k-color-shade( $kendo-color-success, 2 ) !default;
|
|
2760
|
+
|
|
2761
|
+
/// The color for warning messages and states.
|
|
2762
|
+
/// @group color-system
|
|
2763
|
+
/// @type Color
|
|
2764
|
+
$kendo-color-warning: #ffc000 !default;
|
|
2765
|
+
$kendo-color-warning-lighter: k-color-tint( $kendo-color-warning, 2 ) !default;
|
|
2766
|
+
$kendo-color-warning-darker: k-color-shade( $kendo-color-warning, 2 ) !default;
|
|
2767
|
+
|
|
2768
|
+
/// The color for error messages and states.
|
|
2769
|
+
/// @group color-system
|
|
2770
|
+
/// @type Color
|
|
2771
|
+
$kendo-color-error: #f31700 !default;
|
|
2772
|
+
$kendo-color-error-lighter: k-color-tint( $kendo-color-error, 2 ) !default;
|
|
2773
|
+
$kendo-color-error-darker: k-color-shade( $kendo-color-error, 2 ) !default;
|
|
2774
|
+
|
|
2775
|
+
/// The dark color of the theme.
|
|
2776
|
+
/// @group color-system
|
|
2777
|
+
/// @type Color
|
|
2778
|
+
$kendo-color-dark: get-base-hue( gray, 800 ) !default;
|
|
2779
|
+
|
|
2780
|
+
/// The light color of the theme.
|
|
2781
|
+
/// @group color-system
|
|
2782
|
+
/// @type Color
|
|
2783
|
+
$kendo-color-light: get-base-hue( gray, 100 ) !default;
|
|
2784
|
+
|
|
2785
|
+
/// Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark
|
|
2786
|
+
/// @group color-system
|
|
2787
|
+
$kendo-color-inverse: if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark ) !default;
|
|
2788
|
+
|
|
2789
|
+
|
|
2790
|
+
$kendo-theme-colors: (
|
|
2791
|
+
"primary": $kendo-color-primary,
|
|
2792
|
+
"secondary": $kendo-color-secondary,
|
|
2793
|
+
"tertiary": $kendo-color-tertiary,
|
|
2794
|
+
"info": $kendo-color-info,
|
|
2795
|
+
"success": $kendo-color-success,
|
|
2796
|
+
"warning": $kendo-color-warning,
|
|
2797
|
+
"error": $kendo-color-error,
|
|
2798
|
+
"dark": $kendo-color-dark,
|
|
2799
|
+
"light": $kendo-color-light,
|
|
2800
|
+
"inverse": $kendo-color-inverse
|
|
2801
|
+
) !default;
|
|
2802
|
+
|
|
2803
|
+
|
|
2804
|
+
// Typography
|
|
2805
|
+
|
|
2806
|
+
/// Base font size across all components.
|
|
2807
|
+
/// @group typography
|
|
2808
|
+
$kendo-font-size: 14px !default;
|
|
2809
|
+
$kendo-font-size-xs: 10px !default;
|
|
2810
|
+
$kendo-font-size-sm: 12px !default;
|
|
2811
|
+
$kendo-font-size-md: 14px !default;
|
|
2812
|
+
$kendo-font-size-lg: 16px !default;
|
|
2813
|
+
$kendo-font-size-xl: 20px !default;
|
|
2814
|
+
|
|
2815
|
+
$kendo-font-sizes: (
|
|
2816
|
+
xs: $kendo-font-size-xs,
|
|
2817
|
+
sm: $kendo-font-size-sm,
|
|
2818
|
+
md: $kendo-font-size-md,
|
|
2819
|
+
lg: $kendo-font-size-lg,
|
|
2820
|
+
xl: $kendo-font-size-xl
|
|
2821
|
+
) !default;
|
|
2822
|
+
|
|
2823
|
+
/// Font family for text.
|
|
2824
|
+
/// @group typography
|
|
2825
|
+
$kendo-font-family-sans-serif: Roboto, "Helvetica Neue", sans-serif !default;
|
|
2826
|
+
|
|
2827
|
+
/// Font family across all components.
|
|
2828
|
+
/// @group typography
|
|
2829
|
+
$kendo-font-family: Roboto, "Helvetica Neue", sans-serif !default;
|
|
2830
|
+
|
|
2831
|
+
/// Font family for monospaced text. Used for styling the code.
|
|
2832
|
+
/// @group typography
|
|
2833
|
+
$kendo-font-family-monospace: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace !default;
|
|
2834
|
+
|
|
2835
|
+
/// Font family across all components.
|
|
2836
|
+
/// @group typography
|
|
2837
|
+
$kendo-font-family: Roboto, "Helvetica Neue", sans-serif !default;
|
|
2838
|
+
|
|
2839
|
+
/// Line height used along with $kendo-font-size.
|
|
2840
|
+
/// @group typography
|
|
2841
|
+
$kendo-line-height: k-math-div( 28, 14 ) !default;
|
|
2842
|
+
$kendo-line-height-xs: 1 !default;
|
|
2843
|
+
$kendo-line-height-sm: 1.2 !default;
|
|
2844
|
+
$kendo-line-height-md: $kendo-line-height !default;
|
|
2845
|
+
$kendo-line-height-lg: 1.5 !default;
|
|
2846
|
+
$kendo-line-height-em: calc( #{$kendo-line-height} * 1em ) !default;
|
|
2847
|
+
|
|
2848
|
+
// Font weight
|
|
2849
|
+
$kendo-font-weight-light: 300 !default;
|
|
2850
|
+
$kendo-font-weight-normal: 400 !default;
|
|
2851
|
+
$kendo-font-weight-medium: 500 !default;
|
|
2852
|
+
$kendo-font-weight-semibold: 600 !default;
|
|
2853
|
+
$kendo-font-weight-bold: 700 !default;
|
|
2854
|
+
|
|
2855
|
+
// Letter Spacing
|
|
2856
|
+
$kendo-letter-spacing: null !default;
|
|
2857
|
+
|
|
2858
|
+
|
|
2859
|
+
// Generic styles
|
|
2860
|
+
|
|
2861
|
+
// Root styles
|
|
2862
|
+
$kendo-body-bg: k-map-get( $theme, body-bg ) !default;
|
|
2863
|
+
$kendo-body-text: k-map-get( $theme, body-text ) !default;
|
|
2864
|
+
|
|
2865
|
+
$kendo-subtle-text: k-map-get( $theme, subtle-text ) !default;
|
|
2866
|
+
|
|
2867
|
+
$kendo-app-bg: $kendo-body-bg !default;
|
|
2868
|
+
$kendo-app-text: $kendo-body-text !default;
|
|
2869
|
+
$kendo-app-border: k-map-get( $theme, component-border ) !default;
|
|
2870
|
+
|
|
2871
|
+
// Link
|
|
2872
|
+
$kendo-link-text: $kendo-color-secondary !default;
|
|
2873
|
+
$kendo-link-hover-text: $kendo-color-secondary-darker !default;
|
|
2874
|
+
|
|
2875
|
+
|
|
2876
|
+
// Components
|
|
2877
|
+
|
|
2878
|
+
// Component
|
|
2879
|
+
/// Background color of a component.
|
|
2880
|
+
/// Note: do not use this variable directly. Instead derive it as `$component-name-bg` e.g. `$kendo-grid-bg: $kendo-component-bg !default;`.
|
|
2881
|
+
/// @group component
|
|
2882
|
+
$kendo-component-bg: k-map-get( $theme, component-bg ) !default;
|
|
2883
|
+
/// Text color of a component.
|
|
2884
|
+
/// Note: do not use this variable directly. Instead derive it as `$component-name-text` e.g. `$kendo-grid-text: $kendo-component-text !default;`.
|
|
2885
|
+
/// @group component
|
|
2886
|
+
$kendo-component-text: k-map-get( $theme, component-text ) !default;
|
|
2887
|
+
/// Border color of a component.
|
|
2888
|
+
/// Note: do not use this variable directly. Instead derive it as `$component-name-border` e.g. `$kendo-grid-border: $kendo-component-border !default;`.
|
|
2889
|
+
/// @group component
|
|
2890
|
+
$kendo-component-border: k-map-get( $theme, component-border ) !default;
|
|
2891
|
+
|
|
2892
|
+
|
|
2893
|
+
/// The background of the components' chrome area.
|
|
2894
|
+
$kendo-base-bg: k-map-get( $theme, base-bg ) !default;
|
|
2895
|
+
/// The text color of the components' chrome area.
|
|
2896
|
+
$kendo-base-text: k-map-get( $theme, component-text ) !default;
|
|
2897
|
+
/// The border of the components' chrome area.
|
|
2898
|
+
$kendo-base-border: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ) !default;
|
|
2899
|
+
/// The gradient background of the components' chrome area.
|
|
2900
|
+
$kendo-base-gradient: null !default;
|
|
2901
|
+
|
|
2902
|
+
/// The background of hovered items.
|
|
2903
|
+
$kendo-hover-bg: k-map-get( $theme, hover-bg ) !default;
|
|
2904
|
+
/// The text color of hovered items.
|
|
2905
|
+
$kendo-hover-text: $kendo-base-text !default;
|
|
2906
|
+
/// The border color of hovered items.
|
|
2907
|
+
$kendo-hover-border: rgba( $kendo-base-border, .15 ) !default;
|
|
2908
|
+
/// The gradient background of hovered items.
|
|
2909
|
+
$kendo-hover-gradient: null !default;
|
|
2910
|
+
|
|
2911
|
+
/// The background of selected items.
|
|
2912
|
+
$kendo-selected-bg: $kendo-color-secondary !default;
|
|
2913
|
+
/// The text color of selected items.
|
|
2914
|
+
$kendo-selected-text: $kendo-color-secondary-contrast !default;
|
|
2915
|
+
/// The border color of selected items.
|
|
2916
|
+
$kendo-selected-border: rgba( $kendo-base-border, .1 ) !default;
|
|
2917
|
+
/// The gradient background of selected items.
|
|
2918
|
+
$kendo-selected-gradient: null !default;
|
|
2919
|
+
|
|
2920
|
+
$kendo-selected-hover-bg: k-try-shade( $kendo-selected-bg, .5 ) !default;
|
|
2921
|
+
$kendo-selected-hover-text: $kendo-selected-text !default;
|
|
2922
|
+
$kendo-selected-hover-border: rgba( $kendo-base-border, .1 ) !default;
|
|
2923
|
+
$kendo-selected-hover-gradient: null !default;
|
|
2924
|
+
|
|
2925
|
+
$kendo-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out !default;
|
|
2926
|
+
|
|
2927
|
+
|
|
2928
|
+
// Disabled mixin variables
|
|
2929
|
+
$kendo-disabled-text: k-map-get( $theme, disabled-text ) !default;
|
|
2930
|
+
$kendo-disabled-filter: grayscale(.1) !default;
|
|
2931
|
+
$kendo-disabled-opacity: .6 !default;
|
|
2932
|
+
|
|
2933
|
+
$kendo-disabled-styling: (
|
|
2934
|
+
opacity: $kendo-disabled-opacity,
|
|
2935
|
+
filter: $kendo-disabled-filter
|
|
2936
|
+
) !default;
|
|
2937
|
+
|
|
2938
|
+
|
|
2939
|
+
// Generic styles
|
|
2940
|
+
|
|
2941
|
+
// TODO: refactor once we extract drag drop as separate module
|
|
2942
|
+
|
|
2943
|
+
|
|
2944
|
+
// Header
|
|
2945
|
+
$kendo-component-header-bg: $kendo-base-bg !default;
|
|
2946
|
+
$kendo-component-header-text: $kendo-base-text !default;
|
|
2947
|
+
$kendo-component-header-border: $kendo-base-border !default;
|
|
2948
|
+
$kendo-component-header-gradient: null !default;
|
|
2949
|
+
|
|
2950
|
+
|
|
2951
|
+
// Validator
|
|
2952
|
+
$kendo-invalid-bg: null !default;
|
|
2953
|
+
$kendo-invalid-text: $kendo-color-error !default;
|
|
2954
|
+
$kendo-invalid-border: $kendo-color-error !default;
|
|
2955
|
+
$kendo-invalid-shadow: null !default;
|
|
2956
|
+
|
|
2957
|
+
// Loading
|
|
2958
|
+
$kendo-loading-opacity: .3 !default;
|
|
2959
|
+
$kendo-zindex-loading: 100 !default;
|
|
2960
|
+
// #endregion
|
|
2961
|
+
|
|
2962
|
+
// #region @import "@progress/kendo-theme-core/scss/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/index.import.scss
|
|
2963
|
+
// #region @import "./functions/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
|
|
2964
|
+
// File already imported_once. Skipping output.
|
|
2965
|
+
// #endregion
|
|
2966
|
+
// #region @import "./color-system/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/index.import.scss
|
|
2967
|
+
// #region @import "./_functions.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/_functions.import.scss
|
|
2968
|
+
// #region @import "./_palettes.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/_palettes.scss
|
|
2969
|
+
/// Color palettes to be used in the Kendo UI themes.
|
|
2970
|
+
/// @access private
|
|
2971
|
+
/// @type Record<String, ColorMap>
|
|
2972
|
+
/// @prop {ColorMap} neutral - The neutral palette
|
|
2973
|
+
/// @prop {ColorMap} marsala - The marsala palette
|
|
2974
|
+
/// @prop {ColorMap} bootstrapGray - The Bootstrap gray palette
|
|
2975
|
+
/// @prop {ColorMap} bootstrapBlue - The Bootstrap blue palette
|
|
2976
|
+
/// @prop {ColorMap} bootstrapIndigo - The Bootstrap indigo palette
|
|
2977
|
+
/// @prop {ColorMap} bootstrapPurple - The Bootstrap purple palette
|
|
2978
|
+
/// @prop {ColorMap} bootstrapPink - The Bootstrap pink palette
|
|
2979
|
+
/// @prop {ColorMap} bootstrapRed - The Bootstrap red palette
|
|
2980
|
+
/// @prop {ColorMap} bootstrapOrange - The Bootstrap orange palette
|
|
2981
|
+
/// @prop {ColorMap} bootstrapYellow - The Bootstrap yellow palette
|
|
2982
|
+
/// @prop {ColorMap} bootstrapGreen - The Bootstrap green palette
|
|
2983
|
+
/// @prop {ColorMap} bootstrapTeal - The Bootstrap teal palette
|
|
2984
|
+
/// @prop {ColorMap} bootstrapCyan - The Bootstrap cyan palette
|
|
2985
|
+
/// @prop {ColorMap} fluentNeutral - The Fluent neutral palette
|
|
2986
|
+
/// @prop {ColorMap} materialGray - The Material gray palette
|
|
2987
|
+
/// @prop {ColorMap} materialBlueGray - The Material blue gray palette
|
|
2988
|
+
/// @prop {ColorMap} materialRed - The Material red palette
|
|
2989
|
+
/// @prop {ColorMap} materialPink - The Material pink palette
|
|
2990
|
+
/// @prop {ColorMap} materialPurple - The Material purple palette
|
|
2991
|
+
/// @prop {ColorMap} materialDeepPurple - The Material deep purple palette
|
|
2992
|
+
/// @prop {ColorMap} materialIndigo - The Material indigo palette
|
|
2993
|
+
/// @prop {ColorMap} materialBlue - The Material blue palette
|
|
2994
|
+
/// @prop {ColorMap} materialLightBlue - The Material light blue palette
|
|
2995
|
+
/// @prop {ColorMap} materialCyan - The Material cyan palette
|
|
2996
|
+
/// @prop {ColorMap} materialTeal - The Material teal palette
|
|
2997
|
+
/// @prop {ColorMap} materialGreen - The Material green palette
|
|
2998
|
+
/// @prop {ColorMap} materialLightGreen - The Material light green palette
|
|
2999
|
+
/// @prop {ColorMap} materialLime - The Material lime palette
|
|
3000
|
+
/// @prop {ColorMap} materialYellow - The Material yellow palette
|
|
3001
|
+
/// @prop {ColorMap} materialAmber - The Material amber palette
|
|
3002
|
+
/// @prop {ColorMap} materialOrange - The Material orange palette
|
|
3003
|
+
/// @prop {ColorMap} materialDeepOrange - The Material deep orange palette
|
|
3004
|
+
/// @prop {ColorMap} materialBrown - The Material brown palette
|
|
3005
|
+
/// @prop {ColorMap} primerGray - The Primer gray palette
|
|
3006
|
+
/// @prop {ColorMap} primerBlue - The Primer blue palette
|
|
3007
|
+
/// @prop {ColorMap} primerGreen - The Primer green palette
|
|
3008
|
+
/// @prop {ColorMap} primerYellow - The Primer yellow palette
|
|
3009
|
+
/// @prop {ColorMap} primerOrange - The Primer orange palette
|
|
3010
|
+
/// @prop {ColorMap} primerRed - The Primer red palette
|
|
3011
|
+
/// @prop {ColorMap} primerPurple - The Primer purple palette
|
|
3012
|
+
/// @prop {ColorMap} primerPink - The Primer pink palette
|
|
3013
|
+
/// @prop {ColorMap} primerCoral - The Primer coral palette
|
|
3014
|
+
/// @prop {ColorMap} tailwindNeutral - The Tailwind neutral palette
|
|
3015
|
+
/// @prop {ColorMap} tailwindSlate - The Tailwind slate palette
|
|
3016
|
+
/// @prop {ColorMap} tailwindGray - The Tailwind gray palette
|
|
3017
|
+
/// @prop {ColorMap} tailwindZinc - The Tailwind zinc palette
|
|
3018
|
+
/// @prop {ColorMap} tailwindStone - The Tailwind stone palette
|
|
3019
|
+
/// @prop {ColorMap} tailwindRed - The Tailwind red palette
|
|
3020
|
+
/// @prop {ColorMap} tailwindOrange - The Tailwind orange palette
|
|
3021
|
+
/// @prop {ColorMap} tailwindAmber - The Tailwind amber palette
|
|
3022
|
+
/// @prop {ColorMap} tailwindYellow - The Tailwind yellow palette
|
|
3023
|
+
/// @prop {ColorMap} tailwindLime - The Tailwind lime palette
|
|
3024
|
+
/// @prop {ColorMap} tailwindGreen - The Tailwind green palette
|
|
3025
|
+
/// @prop {ColorMap} tailwindEmerald - The Tailwind emerald palette
|
|
3026
|
+
/// @prop {ColorMap} tailwindTeal - The Tailwind teal palette
|
|
3027
|
+
/// @prop {ColorMap} tailwindCyan - The Tailwind cyan palette
|
|
3028
|
+
/// @prop {ColorMap} tailwindSky - The Tailwind sky palette
|
|
3029
|
+
/// @prop {ColorMap} tailwindBlue - The Tailwind blue palette
|
|
3030
|
+
/// @prop {ColorMap} tailwindIndigo - The Tailwind indigo palette
|
|
3031
|
+
/// @prop {ColorMap} tailwindViolet - The Tailwind violet palette
|
|
3032
|
+
/// @prop {ColorMap} tailwindPurple - The Tailwind purple palette
|
|
3033
|
+
/// @prop {ColorMap} tailwindFuchsia - The Tailwind fuchsia palette
|
|
3034
|
+
/// @prop {ColorMap} tailwindPink - The Tailwind pink palette
|
|
3035
|
+
/// @prop {ColorMap} tailwindRose - The Tailwind rose palette
|
|
3036
|
+
///
|
|
3037
|
+
/// @group color-system
|
|
3038
|
+
$kendo-palettes: (
|
|
3039
|
+
|
|
3040
|
+
// Kendo
|
|
3041
|
+
neutral: (
|
|
3042
|
+
0: #ffffff,
|
|
3043
|
+
50: #f8f8f8,
|
|
3044
|
+
100: #ededed,
|
|
3045
|
+
200: #d6d6d6,
|
|
3046
|
+
300: #b7b7b7,
|
|
3047
|
+
400: #949494,
|
|
3048
|
+
500: #767676,
|
|
3049
|
+
600: #5f5f5f,
|
|
3050
|
+
700: #494949,
|
|
3051
|
+
800: #373737,
|
|
3052
|
+
900: #282828,
|
|
3053
|
+
1000: #000000
|
|
3054
|
+
),
|
|
3055
|
+
marsala: (
|
|
3056
|
+
0: #ffffff,
|
|
3057
|
+
50: #faf0f2,
|
|
3058
|
+
100: #f3dde0,
|
|
3059
|
+
200: #e197a3,
|
|
3060
|
+
300: #c54e69,
|
|
3061
|
+
400: #8b3548,
|
|
3062
|
+
500: #622331,
|
|
3063
|
+
600: #551d2a,
|
|
3064
|
+
700: #441620,
|
|
3065
|
+
800: #340f17,
|
|
3066
|
+
900: #23080e,
|
|
3067
|
+
1000: #000000
|
|
3068
|
+
),
|
|
3069
|
+
|
|
3070
|
+
|
|
3071
|
+
// Bootstrap
|
|
3072
|
+
bootstrapGray: (
|
|
3073
|
+
0: #ffffff,
|
|
3074
|
+
100: #f8f9fa,
|
|
3075
|
+
200: #e9ecef,
|
|
3076
|
+
300: #dee2e6,
|
|
3077
|
+
400: #ced4da,
|
|
3078
|
+
500: #adb5bd,
|
|
3079
|
+
600: #6c757d,
|
|
3080
|
+
700: #495057,
|
|
3081
|
+
800: #343a40,
|
|
3082
|
+
900: #212529,
|
|
3083
|
+
1000: #000000
|
|
3084
|
+
),
|
|
3085
|
+
bootstrapBlue: (
|
|
3086
|
+
0: #ffffff,
|
|
3087
|
+
100: #cfe2ff,
|
|
3088
|
+
200: #9ec5fe,
|
|
3089
|
+
300: #6ea8fe,
|
|
3090
|
+
400: #3d8bfd,
|
|
3091
|
+
500: #0d6efd,
|
|
3092
|
+
600: #0a58ca,
|
|
3093
|
+
700: #084298,
|
|
3094
|
+
800: #052c65,
|
|
3095
|
+
900: #031633,
|
|
3096
|
+
1000: #000000
|
|
3097
|
+
),
|
|
3098
|
+
bootstrapIndigo: (
|
|
3099
|
+
0: #ffffff,
|
|
3100
|
+
100: #e0cffc,
|
|
3101
|
+
200: #c29ffa,
|
|
3102
|
+
300: #a370f7,
|
|
3103
|
+
400: #8540f5,
|
|
3104
|
+
500: #6610f2,
|
|
3105
|
+
600: #520dc2,
|
|
3106
|
+
700: #3d0a91,
|
|
3107
|
+
800: #290661,
|
|
3108
|
+
900: #140330,
|
|
3109
|
+
1000: #000000
|
|
3110
|
+
),
|
|
3111
|
+
bootstrapPurple: (
|
|
3112
|
+
0: #ffffff,
|
|
3113
|
+
100: #e2d9f3,
|
|
3114
|
+
200: #c5b3e6,
|
|
3115
|
+
300: #a98eda,
|
|
3116
|
+
400: #8c68cd,
|
|
3117
|
+
500: #6f42c1,
|
|
3118
|
+
600: #59359a,
|
|
3119
|
+
700: #432874,
|
|
3120
|
+
800: #2c1a4d,
|
|
3121
|
+
900: #160d27,
|
|
3122
|
+
1000: #000000
|
|
3123
|
+
),
|
|
3124
|
+
bootstrapPink: (
|
|
3125
|
+
0: #ffffff,
|
|
3126
|
+
100: #f7d6e6,
|
|
3127
|
+
200: #efadce,
|
|
3128
|
+
300: #e685b5,
|
|
3129
|
+
400: #de5c9d,
|
|
3130
|
+
500: #d63384,
|
|
3131
|
+
600: #ab296a,
|
|
3132
|
+
700: #801f4f,
|
|
3133
|
+
800: #561435,
|
|
3134
|
+
900: #2b0a1a,
|
|
3135
|
+
1000: #000000
|
|
3136
|
+
),
|
|
3137
|
+
bootstrapRed: (
|
|
3138
|
+
0: #ffffff,
|
|
3139
|
+
100: #f8d7da,
|
|
3140
|
+
200: #f1aeb5,
|
|
3141
|
+
300: #ea868f,
|
|
3142
|
+
400: #e35d6a,
|
|
3143
|
+
500: #dc3545,
|
|
3144
|
+
600: #b02a37,
|
|
3145
|
+
700: #842029,
|
|
3146
|
+
800: #58151c,
|
|
3147
|
+
900: #2c0b0e,
|
|
3148
|
+
1000: #000000
|
|
3149
|
+
),
|
|
3150
|
+
bootstrapOrange: (
|
|
3151
|
+
0: #ffffff,
|
|
3152
|
+
100: #ffe5d0,
|
|
3153
|
+
200: #fecba1,
|
|
3154
|
+
300: #feb272,
|
|
3155
|
+
400: #fd9843,
|
|
3156
|
+
500: #fd7e14,
|
|
3157
|
+
600: #ca6510,
|
|
3158
|
+
700: #984c0c,
|
|
3159
|
+
800: #653208,
|
|
3160
|
+
900: #331904,
|
|
3161
|
+
1000: #000000
|
|
3162
|
+
),
|
|
3163
|
+
bootstrapYellow: (
|
|
3164
|
+
0: #ffffff,
|
|
3165
|
+
100: #fff3cd,
|
|
3166
|
+
200: #ffe69c,
|
|
3167
|
+
300: #ffda6a,
|
|
3168
|
+
400: #ffcd39,
|
|
3169
|
+
500: #ffc107,
|
|
3170
|
+
600: #cc9a06,
|
|
3171
|
+
700: #997404,
|
|
3172
|
+
800: #664d03,
|
|
3173
|
+
900: #332701,
|
|
3174
|
+
1000: #000000
|
|
3175
|
+
),
|
|
3176
|
+
bootstrapGreen: (
|
|
3177
|
+
0: #ffffff,
|
|
3178
|
+
100: #d1e7dd,
|
|
3179
|
+
200: #a3cfbb,
|
|
3180
|
+
300: #75b798,
|
|
3181
|
+
400: #479f76,
|
|
3182
|
+
500: #198754,
|
|
3183
|
+
600: #146c43,
|
|
3184
|
+
700: #0f5132,
|
|
3185
|
+
800: #0a3622,
|
|
3186
|
+
900: #051b11,
|
|
3187
|
+
1000: #000000
|
|
3188
|
+
),
|
|
3189
|
+
bootstrapTeal: (
|
|
3190
|
+
0: #ffffff,
|
|
3191
|
+
100: #d2f4ea,
|
|
3192
|
+
200: #a6e9d5,
|
|
3193
|
+
300: #79dfc1,
|
|
3194
|
+
400: #4dd4ac,
|
|
3195
|
+
500: #20c997,
|
|
3196
|
+
600: #1aa179,
|
|
3197
|
+
700: #13795b,
|
|
3198
|
+
800: #0d503c,
|
|
3199
|
+
900: #06281e,
|
|
3200
|
+
1000: #000000
|
|
3201
|
+
),
|
|
3202
|
+
bootstrapCyan: (
|
|
3203
|
+
0: #ffffff,
|
|
3204
|
+
100: #cff4fc,
|
|
3205
|
+
200: #9eeaf9,
|
|
3206
|
+
300: #6edff6,
|
|
3207
|
+
400: #3dd5f3,
|
|
3208
|
+
500: #0dcaf0,
|
|
3209
|
+
600: #0aa2c0,
|
|
3210
|
+
700: #087990,
|
|
3211
|
+
800: #055160,
|
|
3212
|
+
900: #032830,
|
|
3213
|
+
1000: #000000
|
|
3214
|
+
),
|
|
3215
|
+
|
|
3216
|
+
|
|
3217
|
+
// Fluent
|
|
3218
|
+
fluentNeutral: (
|
|
3219
|
+
0: #ffffff,
|
|
3220
|
+
50: #faf9f8,
|
|
3221
|
+
100: #edebe9,
|
|
3222
|
+
150: #e1dfdd,
|
|
3223
|
+
200: #d2d0ce,
|
|
3224
|
+
250: #c8c6c4,
|
|
3225
|
+
300: #bdbbb8,
|
|
3226
|
+
350: #b3b0ad,
|
|
3227
|
+
400: #a19f9d,
|
|
3228
|
+
450: #8a8886,
|
|
3229
|
+
500: #797775,
|
|
3230
|
+
550: #605e5c,
|
|
3231
|
+
600: #484644,
|
|
3232
|
+
650: #3b3a39,
|
|
3233
|
+
700: #323130,
|
|
3234
|
+
750: #292827,
|
|
3235
|
+
800: #201f1e,
|
|
3236
|
+
850: #1b1a19,
|
|
3237
|
+
900: #161514,
|
|
3238
|
+
950: #11100f,
|
|
3239
|
+
1000: #000000
|
|
3240
|
+
),
|
|
3241
|
+
|
|
3242
|
+
|
|
3243
|
+
// Material
|
|
3244
|
+
materialGray: (
|
|
3245
|
+
0: #ffffff,
|
|
3246
|
+
50: #fafafa,
|
|
3247
|
+
100: #f5f5f5,
|
|
3248
|
+
200: #eeeeee,
|
|
3249
|
+
300: #e0e0e0,
|
|
3250
|
+
400: #bdbdbd,
|
|
3251
|
+
500: #9e9e9e,
|
|
3252
|
+
600: #757575,
|
|
3253
|
+
700: #616161,
|
|
3254
|
+
800: #424242,
|
|
3255
|
+
900: #212121,
|
|
3256
|
+
1000: #000000
|
|
3257
|
+
),
|
|
3258
|
+
materialBlueGray: (
|
|
3259
|
+
0: #ffffff,
|
|
3260
|
+
50: #eceff1,
|
|
3261
|
+
100: #cfd8dc,
|
|
3262
|
+
200: #b0bec5,
|
|
3263
|
+
300: #90a4ae,
|
|
3264
|
+
400: #78909c,
|
|
3265
|
+
500: #607d8b,
|
|
3266
|
+
600: #546e7a,
|
|
3267
|
+
700: #455a64,
|
|
3268
|
+
800: #37474f,
|
|
3269
|
+
900: #263238,
|
|
3270
|
+
1000: #000000
|
|
3271
|
+
),
|
|
3272
|
+
materialRed: (
|
|
3273
|
+
0: #ffffff,
|
|
3274
|
+
50: #ffebee,
|
|
3275
|
+
100: #ffcdd2,
|
|
3276
|
+
200: #ef9a9a,
|
|
3277
|
+
300: #e57373,
|
|
3278
|
+
400: #ef5350,
|
|
3279
|
+
500: #f44336,
|
|
3280
|
+
600: #e53935,
|
|
3281
|
+
700: #d32f2f,
|
|
3282
|
+
800: #c62828,
|
|
3283
|
+
900: #b71c1c,
|
|
3284
|
+
1000: #000000
|
|
3285
|
+
),
|
|
3286
|
+
materialPink: (
|
|
3287
|
+
0: #ffffff,
|
|
3288
|
+
50: #fce4ec,
|
|
3289
|
+
100: #f8bbd0,
|
|
3290
|
+
200: #f48fb1,
|
|
3291
|
+
300: #f06292,
|
|
3292
|
+
400: #ec407a,
|
|
3293
|
+
// 500 was #e91e63, but changed for better contrast against white
|
|
3294
|
+
500: #e51a5f,
|
|
3295
|
+
600: #d81b60,
|
|
3296
|
+
700: #c2185b,
|
|
3297
|
+
800: #ad1457,
|
|
3298
|
+
900: #880e4f,
|
|
3299
|
+
1000: #000000
|
|
3300
|
+
),
|
|
3301
|
+
materialPurple: (
|
|
3302
|
+
0: #ffffff,
|
|
3303
|
+
50: #f3e5f5,
|
|
3304
|
+
100: #e1bee7,
|
|
3305
|
+
200: #ce93d8,
|
|
3306
|
+
300: #ba68c8,
|
|
3307
|
+
400: #ab47bc,
|
|
3308
|
+
500: #9c27b0,
|
|
3309
|
+
600: #8e24aa,
|
|
3310
|
+
700: #7b1fa2,
|
|
3311
|
+
800: #6a1b9a,
|
|
3312
|
+
900: #4a148c,
|
|
3313
|
+
1000: #000000
|
|
3314
|
+
),
|
|
3315
|
+
materialDeepPurple: (
|
|
3316
|
+
0: #ffffff,
|
|
3317
|
+
50: #ede7f6,
|
|
3318
|
+
100: #d1c4e9,
|
|
3319
|
+
200: #b39ddb,
|
|
3320
|
+
300: #9575cd,
|
|
3321
|
+
400: #7e57c2,
|
|
3322
|
+
500: #673ab7,
|
|
3323
|
+
600: #5e35b1,
|
|
3324
|
+
700: #512da8,
|
|
3325
|
+
800: #4527a0,
|
|
3326
|
+
900: #311b92,
|
|
3327
|
+
1000: #000000
|
|
3328
|
+
),
|
|
3329
|
+
materialIndigo: (
|
|
3330
|
+
0: #ffffff,
|
|
3331
|
+
50: #e8eaf6,
|
|
3332
|
+
100: #c5cae9,
|
|
3333
|
+
200: #9fa8da,
|
|
3334
|
+
300: #7986cb,
|
|
3335
|
+
400: #5c6bc0,
|
|
3336
|
+
500: #3f51b5,
|
|
3337
|
+
600: #3949ab,
|
|
3338
|
+
700: #303f9f,
|
|
3339
|
+
800: #283593,
|
|
3340
|
+
900: #1a237e,
|
|
3341
|
+
1000: #000000
|
|
3342
|
+
),
|
|
3343
|
+
materialBlue: (
|
|
3344
|
+
0: #ffffff,
|
|
3345
|
+
50: #e3f2fd,
|
|
3346
|
+
100: #bbdefb,
|
|
3347
|
+
200: #90caf9,
|
|
3348
|
+
300: #64b5f6,
|
|
3349
|
+
400: #42a5f5,
|
|
3350
|
+
500: #2196f3,
|
|
3351
|
+
600: #1e88e5,
|
|
3352
|
+
700: #1976d2,
|
|
3353
|
+
800: #1565c0,
|
|
3354
|
+
900: #0d47a1,
|
|
3355
|
+
1000: #000000
|
|
3356
|
+
),
|
|
3357
|
+
materialLightBlue: (
|
|
3358
|
+
0: #ffffff,
|
|
3359
|
+
50: #e1f5fe,
|
|
3360
|
+
100: #b3e5fc,
|
|
3361
|
+
200: #81d4fa,
|
|
3362
|
+
300: #4fc3f7,
|
|
3363
|
+
400: #29b6f6,
|
|
3364
|
+
500: #03a9f4,
|
|
3365
|
+
600: #039be5,
|
|
3366
|
+
700: #0288d1,
|
|
3367
|
+
800: #0277bd,
|
|
3368
|
+
900: #01579b,
|
|
3369
|
+
1000: #000000
|
|
3370
|
+
),
|
|
3371
|
+
materialCyan: (
|
|
3372
|
+
0: #ffffff,
|
|
3373
|
+
50: #e0f7fa,
|
|
3374
|
+
100: #b2ebf2,
|
|
3375
|
+
200: #80deea,
|
|
3376
|
+
300: #4dd0e1,
|
|
3377
|
+
400: #26c6da,
|
|
3378
|
+
500: #00bcd4,
|
|
3379
|
+
600: #00acc1,
|
|
3380
|
+
700: #0097a7,
|
|
3381
|
+
800: #00838f,
|
|
3382
|
+
900: #006064,
|
|
3383
|
+
1000: #000000
|
|
3384
|
+
),
|
|
3385
|
+
materialTeal: (
|
|
3386
|
+
0: #ffffff,
|
|
3387
|
+
50: #e0f2f1,
|
|
3388
|
+
100: #b2dfdb,
|
|
3389
|
+
200: #80cbc4,
|
|
3390
|
+
300: #4db6ac,
|
|
3391
|
+
400: #26a69a,
|
|
3392
|
+
500: #009688,
|
|
3393
|
+
600: #00897b,
|
|
3394
|
+
700: #00796b,
|
|
3395
|
+
800: #00695c,
|
|
3396
|
+
900: #004d40,
|
|
3397
|
+
1000: #000000
|
|
3398
|
+
),
|
|
3399
|
+
materialGreen: (
|
|
3400
|
+
0: #ffffff,
|
|
3401
|
+
50: #e8f5e9,
|
|
3402
|
+
100: #c8e6c9,
|
|
3403
|
+
200: #a5d6a7,
|
|
3404
|
+
300: #81c784,
|
|
3405
|
+
400: #66bb6a,
|
|
3406
|
+
500: #4caf50,
|
|
3407
|
+
600: #43a047,
|
|
3408
|
+
700: #388e3c,
|
|
3409
|
+
800: #2e7d32,
|
|
3410
|
+
900: #1b5e20,
|
|
3411
|
+
1000: #000000
|
|
3412
|
+
),
|
|
3413
|
+
materialLightGreen: (
|
|
3414
|
+
0: #ffffff,
|
|
3415
|
+
50: #f1f8e9,
|
|
3416
|
+
100: #dcedc8,
|
|
3417
|
+
200: #c5e1a5,
|
|
3418
|
+
300: #aed581,
|
|
3419
|
+
400: #9ccc65,
|
|
3420
|
+
500: #8bc34a,
|
|
3421
|
+
600: #7cb342,
|
|
3422
|
+
700: #689f38,
|
|
3423
|
+
800: #558b2f,
|
|
3424
|
+
900: #33691e,
|
|
3425
|
+
1000: #000000
|
|
3426
|
+
),
|
|
3427
|
+
materialLime: (
|
|
3428
|
+
0: #ffffff,
|
|
3429
|
+
50: #f9fbe7,
|
|
3430
|
+
100: #f0f4c3,
|
|
3431
|
+
200: #e6ee9c,
|
|
3432
|
+
300: #dce775,
|
|
3433
|
+
400: #d4e157,
|
|
3434
|
+
500: #cddc39,
|
|
3435
|
+
600: #c0ca33,
|
|
3436
|
+
700: #afb42b,
|
|
3437
|
+
800: #9e9d24,
|
|
3438
|
+
900: #827717,
|
|
3439
|
+
1000: #000000
|
|
3440
|
+
),
|
|
3441
|
+
materialYellow: (
|
|
3442
|
+
0: #ffffff,
|
|
3443
|
+
50: #fffde7,
|
|
3444
|
+
100: #fff9c4,
|
|
3445
|
+
200: #fff59d,
|
|
3446
|
+
300: #fff176,
|
|
3447
|
+
400: #ffee58,
|
|
3448
|
+
500: #ffeb3b,
|
|
3449
|
+
600: #fdd835,
|
|
3450
|
+
700: #fbc02d,
|
|
3451
|
+
800: #f9a825,
|
|
3452
|
+
900: #f57f17,
|
|
3453
|
+
1000: #000000
|
|
3454
|
+
),
|
|
3455
|
+
materialAmber: (
|
|
3456
|
+
0: #ffffff,
|
|
3457
|
+
50: #fff8e1,
|
|
3458
|
+
100: #ffecb3,
|
|
3459
|
+
200: #ffe082,
|
|
3460
|
+
300: #ffd54f,
|
|
3461
|
+
400: #ffca28,
|
|
3462
|
+
500: #ffc107,
|
|
3463
|
+
600: #ffb300,
|
|
3464
|
+
700: #ffa000,
|
|
3465
|
+
800: #ff8f00,
|
|
3466
|
+
900: #ff6f00,
|
|
3467
|
+
1000: #000000
|
|
3468
|
+
),
|
|
3469
|
+
materialOrange: (
|
|
3470
|
+
0: #ffffff,
|
|
3471
|
+
50: #fff3e0,
|
|
3472
|
+
100: #ffe0b2,
|
|
3473
|
+
200: #ffcc80,
|
|
3474
|
+
300: #ffb74d,
|
|
3475
|
+
400: #ffa726,
|
|
3476
|
+
500: #ff9800,
|
|
3477
|
+
600: #fb8c00,
|
|
3478
|
+
700: #f57c00,
|
|
3479
|
+
800: #ef6c00,
|
|
3480
|
+
900: #e65100,
|
|
3481
|
+
1000: #000000
|
|
3482
|
+
),
|
|
3483
|
+
materialDeepOrange: (
|
|
3484
|
+
0: #ffffff,
|
|
3485
|
+
50: #fbe9e7,
|
|
3486
|
+
100: #ffccbc,
|
|
3487
|
+
200: #ffab91,
|
|
3488
|
+
300: #ff8a65,
|
|
3489
|
+
400: #ff7043,
|
|
3490
|
+
500: #ff5722,
|
|
3491
|
+
600: #f4511e,
|
|
3492
|
+
700: #e64a19,
|
|
3493
|
+
800: #d84315,
|
|
3494
|
+
900: #bf360c,
|
|
3495
|
+
1000: #000000
|
|
3496
|
+
),
|
|
3497
|
+
materialBrown: (
|
|
3498
|
+
0: #ffffff,
|
|
3499
|
+
50: #efebe9,
|
|
3500
|
+
100: #d7ccc8,
|
|
3501
|
+
200: #bcaaa4,
|
|
3502
|
+
300: #a1887f,
|
|
3503
|
+
400: #8d6e63,
|
|
3504
|
+
500: #795548,
|
|
3505
|
+
600: #6d4c41,
|
|
3506
|
+
700: #5d4037,
|
|
3507
|
+
800: #4e342e,
|
|
3508
|
+
900: #3e2723,
|
|
3509
|
+
1000: #000000
|
|
3510
|
+
),
|
|
3511
|
+
|
|
3512
|
+
|
|
3513
|
+
// Primer
|
|
3514
|
+
primerGray: (
|
|
3515
|
+
0: #ffffff,
|
|
3516
|
+
50: #f6f8fa,
|
|
3517
|
+
100: #eaeef2,
|
|
3518
|
+
200: #d0d7de,
|
|
3519
|
+
300: #afb8c1,
|
|
3520
|
+
400: #8c959f,
|
|
3521
|
+
500: #6e7781,
|
|
3522
|
+
600: #57606a,
|
|
3523
|
+
700: #424a53,
|
|
3524
|
+
800: #32383f,
|
|
3525
|
+
900: #24292f,
|
|
3526
|
+
1000: #000000
|
|
3527
|
+
),
|
|
3528
|
+
primerBlue: (
|
|
3529
|
+
0: #ffffff,
|
|
3530
|
+
50: #ddf4ff,
|
|
3531
|
+
100: #b6e3ff,
|
|
3532
|
+
200: #80ccff,
|
|
3533
|
+
300: #54aeff,
|
|
3534
|
+
400: #218bff,
|
|
3535
|
+
500: #0969da,
|
|
3536
|
+
600: #0550ae,
|
|
3537
|
+
700: #033d8b,
|
|
3538
|
+
800: #0a3069,
|
|
3539
|
+
900: #002155,
|
|
3540
|
+
1000: #000000
|
|
3541
|
+
),
|
|
3542
|
+
primerGreen: (
|
|
3543
|
+
0: #ffffff,
|
|
3544
|
+
50: #dafbe1,
|
|
3545
|
+
100: #aceebb,
|
|
3546
|
+
200: #6fdd8b,
|
|
3547
|
+
300: #4ac26b,
|
|
3548
|
+
400: #2da44e,
|
|
3549
|
+
500: #1a7f37,
|
|
3550
|
+
600: #116329,
|
|
3551
|
+
700: #044f1e,
|
|
3552
|
+
800: #003d16,
|
|
3553
|
+
900: #002d11,
|
|
3554
|
+
1000: #000000
|
|
3555
|
+
),
|
|
3556
|
+
primerYellow: (
|
|
3557
|
+
0: #ffffff,
|
|
3558
|
+
50: #fff8c5,
|
|
3559
|
+
100: #fae17d,
|
|
3560
|
+
200: #eac54f,
|
|
3561
|
+
300: #d4a72c,
|
|
3562
|
+
400: #bf8700,
|
|
3563
|
+
500: #9a6700,
|
|
3564
|
+
600: #7d4e00,
|
|
3565
|
+
700: #633c01,
|
|
3566
|
+
800: #4d2d00,
|
|
3567
|
+
900: #3b2300,
|
|
3568
|
+
1000: #000000
|
|
3569
|
+
),
|
|
3570
|
+
primerOrange: (
|
|
3571
|
+
0: #ffffff,
|
|
3572
|
+
50: #fff1e5,
|
|
3573
|
+
100: #ffd8b5,
|
|
3574
|
+
200: #ffb77c,
|
|
3575
|
+
300: #fb8f44,
|
|
3576
|
+
400: #e16f24,
|
|
3577
|
+
500: #bc4c00,
|
|
3578
|
+
600: #953800,
|
|
3579
|
+
700: #762c00,
|
|
3580
|
+
800: #5c2200,
|
|
3581
|
+
900: #471700,
|
|
3582
|
+
1000: #000000
|
|
2441
3583
|
),
|
|
2442
3584
|
primerRed: (
|
|
2443
3585
|
0: #ffffff,
|
|
@@ -2811,803 +3953,380 @@ $kendo-palettes: (
|
|
|
2811
3953
|
|
|
2812
3954
|
// #endregion
|
|
2813
3955
|
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
// Adapted from https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
|
|
2817
|
-
// Adapted from https://github.com/angular/components/blob/master/src/material/core/theming/_theming.scss
|
|
2818
|
-
|
|
2819
|
-
$dark-primary-text: rgba( black, .87 ) !default;
|
|
2820
|
-
$dark-secondary-text: rgba( black, .54 ) !default;
|
|
2821
|
-
$dark-disabled-text: rgba( black, .38 ) !default;
|
|
2822
|
-
$dark-dividers: rgba( black, .12 ) !default;
|
|
2823
|
-
$light-primary-text: $kendo-color-white !default;
|
|
2824
|
-
$light-secondary-text: rgba( white, .7 ) !default;
|
|
2825
|
-
$light-disabled-text: rgba( white, .5 ) !default;
|
|
2826
|
-
$light-dividers: rgba( white, .12 ) !default;
|
|
2827
|
-
|
|
2828
|
-
$palettes: (
|
|
2829
|
-
|
|
2830
|
-
// Red
|
|
2831
|
-
red: (
|
|
2832
|
-
50: #ffebee,
|
|
2833
|
-
100: #ffcdd2,
|
|
2834
|
-
200: #ef9a9a,
|
|
2835
|
-
300: #e57373,
|
|
2836
|
-
400: #ef5350,
|
|
2837
|
-
500: #f44336,
|
|
2838
|
-
600: #e53935,
|
|
2839
|
-
700: #d32f2f,
|
|
2840
|
-
800: #c62828,
|
|
2841
|
-
900: #b71c1c,
|
|
2842
|
-
A100: #ff8a80,
|
|
2843
|
-
A200: #ff5252,
|
|
2844
|
-
A400: #ff1744,
|
|
2845
|
-
A700: #d50000,
|
|
2846
|
-
contrast: (
|
|
2847
|
-
50: $dark-primary-text,
|
|
2848
|
-
100: $dark-primary-text,
|
|
2849
|
-
200: $dark-primary-text,
|
|
2850
|
-
300: $dark-primary-text,
|
|
2851
|
-
400: $dark-primary-text,
|
|
2852
|
-
500: $dark-primary-text,
|
|
2853
|
-
600: $dark-primary-text,
|
|
2854
|
-
700: $light-primary-text,
|
|
2855
|
-
800: $light-primary-text,
|
|
2856
|
-
900: $light-primary-text,
|
|
2857
|
-
A100: $dark-primary-text,
|
|
2858
|
-
A200: $dark-primary-text,
|
|
2859
|
-
A400: $dark-primary-text,
|
|
2860
|
-
A700: $light-primary-text
|
|
2861
|
-
)
|
|
2862
|
-
),
|
|
2863
|
-
|
|
2864
|
-
// Pink
|
|
2865
|
-
pink: (
|
|
2866
|
-
50: #fce4ec,
|
|
2867
|
-
100: #f8bbd0,
|
|
2868
|
-
200: #f48fb1,
|
|
2869
|
-
300: #f06292,
|
|
2870
|
-
400: #ec407a,
|
|
2871
|
-
500: #e51a5f, // originally it was #e91e63, but changed for better contrast against white
|
|
2872
|
-
600: #d81b60,
|
|
2873
|
-
700: #c2185b,
|
|
2874
|
-
800: #ad1457,
|
|
2875
|
-
900: #880e4f,
|
|
2876
|
-
A100: #ff80ab,
|
|
2877
|
-
A200: #ff4081,
|
|
2878
|
-
A400: #f50057,
|
|
2879
|
-
A700: #c51162,
|
|
2880
|
-
contrast: (
|
|
2881
|
-
50: $dark-primary-text,
|
|
2882
|
-
100: $dark-primary-text,
|
|
2883
|
-
200: $dark-primary-text,
|
|
2884
|
-
300: $dark-primary-text,
|
|
2885
|
-
400: $dark-primary-text,
|
|
2886
|
-
500: $light-primary-text,
|
|
2887
|
-
600: $light-primary-text,
|
|
2888
|
-
700: $light-primary-text,
|
|
2889
|
-
800: $light-primary-text,
|
|
2890
|
-
900: $light-primary-text,
|
|
2891
|
-
A100: $dark-primary-text,
|
|
2892
|
-
A200: $dark-primary-text,
|
|
2893
|
-
A400: $dark-primary-text,
|
|
2894
|
-
A700: $light-primary-text
|
|
2895
|
-
)
|
|
2896
|
-
),
|
|
2897
|
-
|
|
2898
|
-
// Purple
|
|
2899
|
-
purple: (
|
|
2900
|
-
50: #f3e5f5,
|
|
2901
|
-
100: #e1bee7,
|
|
2902
|
-
200: #ce93d8,
|
|
2903
|
-
300: #ba68c8,
|
|
2904
|
-
400: #ab47bc,
|
|
2905
|
-
500: #9c27b0,
|
|
2906
|
-
600: #8e24aa,
|
|
2907
|
-
700: #7b1fa2,
|
|
2908
|
-
800: #6a1b9a,
|
|
2909
|
-
900: #4a148c,
|
|
2910
|
-
A100: #ea80fc,
|
|
2911
|
-
A200: #e040fb,
|
|
2912
|
-
A400: #d500f9,
|
|
2913
|
-
A700: #aa00ff,
|
|
2914
|
-
contrast: (
|
|
2915
|
-
50: $dark-primary-text,
|
|
2916
|
-
100: $dark-primary-text,
|
|
2917
|
-
200: $dark-primary-text,
|
|
2918
|
-
300: $dark-primary-text,
|
|
2919
|
-
400: $light-primary-text,
|
|
2920
|
-
500: $light-primary-text,
|
|
2921
|
-
600: $light-primary-text,
|
|
2922
|
-
700: $light-primary-text,
|
|
2923
|
-
800: $light-primary-text,
|
|
2924
|
-
900: $light-primary-text,
|
|
2925
|
-
A100: $dark-primary-text,
|
|
2926
|
-
A200: $dark-primary-text,
|
|
2927
|
-
A400: $dark-primary-text,
|
|
2928
|
-
A700: $light-primary-text
|
|
2929
|
-
)
|
|
2930
|
-
),
|
|
2931
|
-
|
|
2932
|
-
// Deep Purple
|
|
2933
|
-
deepPurple: (
|
|
2934
|
-
50: #ede7f6,
|
|
2935
|
-
100: #d1c4e9,
|
|
2936
|
-
200: #b39ddb,
|
|
2937
|
-
300: #9575cd,
|
|
2938
|
-
400: #7e57c2,
|
|
2939
|
-
500: #673ab7,
|
|
2940
|
-
600: #5e35b1,
|
|
2941
|
-
700: #512da8,
|
|
2942
|
-
800: #4527a0,
|
|
2943
|
-
900: #311b92,
|
|
2944
|
-
A100: #b388ff,
|
|
2945
|
-
A200: #7c4dff,
|
|
2946
|
-
A400: #651fff,
|
|
2947
|
-
A700: #6200ea,
|
|
2948
|
-
contrast: (
|
|
2949
|
-
50: $dark-primary-text,
|
|
2950
|
-
100: $dark-primary-text,
|
|
2951
|
-
200: $dark-primary-text,
|
|
2952
|
-
300: $dark-primary-text,
|
|
2953
|
-
400: $light-primary-text,
|
|
2954
|
-
500: $light-primary-text,
|
|
2955
|
-
600: $light-primary-text,
|
|
2956
|
-
700: $light-primary-text,
|
|
2957
|
-
800: $light-primary-text,
|
|
2958
|
-
900: $light-primary-text,
|
|
2959
|
-
A100: $dark-primary-text,
|
|
2960
|
-
A200: $light-primary-text,
|
|
2961
|
-
A400: $light-primary-text,
|
|
2962
|
-
A700: $light-primary-text
|
|
2963
|
-
)
|
|
2964
|
-
),
|
|
2965
|
-
|
|
2966
|
-
// Indigo
|
|
2967
|
-
indigo: (
|
|
2968
|
-
50: #e8eaf6,
|
|
2969
|
-
100: #c5cae9,
|
|
2970
|
-
200: #9fa8da,
|
|
2971
|
-
300: #7986cb,
|
|
2972
|
-
400: #5c6bc0,
|
|
2973
|
-
500: #3f51b5,
|
|
2974
|
-
600: #3949ab,
|
|
2975
|
-
700: #303f9f,
|
|
2976
|
-
800: #283593,
|
|
2977
|
-
900: #1a237e,
|
|
2978
|
-
A100: #8c9eff,
|
|
2979
|
-
A200: #536dfe,
|
|
2980
|
-
A400: #3d5afe,
|
|
2981
|
-
A700: #304ffe,
|
|
2982
|
-
contrast: (
|
|
2983
|
-
50: $dark-primary-text,
|
|
2984
|
-
100: $dark-primary-text,
|
|
2985
|
-
200: $dark-primary-text,
|
|
2986
|
-
300: $dark-primary-text,
|
|
2987
|
-
400: $light-primary-text,
|
|
2988
|
-
500: $light-primary-text,
|
|
2989
|
-
600: $light-primary-text,
|
|
2990
|
-
700: $light-primary-text,
|
|
2991
|
-
800: $light-primary-text,
|
|
2992
|
-
900: $light-primary-text,
|
|
2993
|
-
A100: $dark-primary-text,
|
|
2994
|
-
A200: $dark-primary-text,
|
|
2995
|
-
A400: $light-primary-text,
|
|
2996
|
-
A700: $light-primary-text
|
|
2997
|
-
)
|
|
2998
|
-
),
|
|
2999
|
-
|
|
3000
|
-
// Blue
|
|
3001
|
-
blue: (
|
|
3002
|
-
50: #e3f2fd,
|
|
3003
|
-
100: #bbdefb,
|
|
3004
|
-
200: #90caf9,
|
|
3005
|
-
300: #64b5f6,
|
|
3006
|
-
400: #42a5f5,
|
|
3007
|
-
500: #2196f3,
|
|
3008
|
-
600: #1e88e5,
|
|
3009
|
-
700: #1976d2,
|
|
3010
|
-
800: #1565c0,
|
|
3011
|
-
900: #0d47a1,
|
|
3012
|
-
A100: #82b1ff,
|
|
3013
|
-
A200: #448aff,
|
|
3014
|
-
A400: #2979ff,
|
|
3015
|
-
A700: #2962ff,
|
|
3016
|
-
contrast: (
|
|
3017
|
-
50: $dark-primary-text,
|
|
3018
|
-
100: $dark-primary-text,
|
|
3019
|
-
200: $dark-primary-text,
|
|
3020
|
-
300: $dark-primary-text,
|
|
3021
|
-
400: $dark-primary-text,
|
|
3022
|
-
500: $dark-primary-text,
|
|
3023
|
-
600: $dark-primary-text,
|
|
3024
|
-
700: $light-primary-text,
|
|
3025
|
-
800: $light-primary-text,
|
|
3026
|
-
900: $light-primary-text,
|
|
3027
|
-
A100: $dark-primary-text,
|
|
3028
|
-
A200: $dark-primary-text,
|
|
3029
|
-
A400: $dark-primary-text,
|
|
3030
|
-
A700: $light-primary-text
|
|
3031
|
-
)
|
|
3032
|
-
),
|
|
3033
|
-
|
|
3034
|
-
// Light Blue
|
|
3035
|
-
lightBlue: (
|
|
3036
|
-
50: #e1f5fe,
|
|
3037
|
-
100: #b3e5fc,
|
|
3038
|
-
200: #81d4fa,
|
|
3039
|
-
300: #4fc3f7,
|
|
3040
|
-
400: #29b6f6,
|
|
3041
|
-
500: #03a9f4,
|
|
3042
|
-
600: #039be5,
|
|
3043
|
-
700: #0288d1,
|
|
3044
|
-
800: #0277bd,
|
|
3045
|
-
900: #01579b,
|
|
3046
|
-
A100: #80d8ff,
|
|
3047
|
-
A200: #40c4ff,
|
|
3048
|
-
A400: #00b0ff,
|
|
3049
|
-
A700: #0091ea,
|
|
3050
|
-
contrast: (
|
|
3051
|
-
50: $dark-primary-text,
|
|
3052
|
-
100: $dark-primary-text,
|
|
3053
|
-
200: $dark-primary-text,
|
|
3054
|
-
300: $dark-primary-text,
|
|
3055
|
-
400: $dark-primary-text,
|
|
3056
|
-
500: $dark-primary-text,
|
|
3057
|
-
600: $dark-primary-text,
|
|
3058
|
-
700: $dark-primary-text,
|
|
3059
|
-
800: $light-primary-text,
|
|
3060
|
-
900: $light-primary-text,
|
|
3061
|
-
A100: $dark-primary-text,
|
|
3062
|
-
A200: $dark-primary-text,
|
|
3063
|
-
A400: $dark-primary-text,
|
|
3064
|
-
A700: $dark-primary-text
|
|
3065
|
-
)
|
|
3066
|
-
),
|
|
3956
|
+
@function k-generate-theme-variant( $variant, $matrix, $src-palette-name ) {
|
|
3957
|
+
$result: ();
|
|
3067
3958
|
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
100: #b2ebf2,
|
|
3072
|
-
200: #80deea,
|
|
3073
|
-
300: #4dd0e1,
|
|
3074
|
-
400: #26c6da,
|
|
3075
|
-
500: #00bcd4,
|
|
3076
|
-
600: #00acc1,
|
|
3077
|
-
700: #0097a7,
|
|
3078
|
-
800: #00838f,
|
|
3079
|
-
900: #006064,
|
|
3080
|
-
A100: #84ffff,
|
|
3081
|
-
A200: #18ffff,
|
|
3082
|
-
A400: #00e5ff,
|
|
3083
|
-
A700: #00b8d4,
|
|
3084
|
-
contrast: (
|
|
3085
|
-
50: $dark-primary-text,
|
|
3086
|
-
100: $dark-primary-text,
|
|
3087
|
-
200: $dark-primary-text,
|
|
3088
|
-
300: $dark-primary-text,
|
|
3089
|
-
400: $dark-primary-text,
|
|
3090
|
-
500: $dark-primary-text,
|
|
3091
|
-
600: $dark-primary-text,
|
|
3092
|
-
700: $dark-primary-text,
|
|
3093
|
-
800: $light-primary-text,
|
|
3094
|
-
900: $light-primary-text,
|
|
3095
|
-
A100: $dark-primary-text,
|
|
3096
|
-
A200: $dark-primary-text,
|
|
3097
|
-
A400: $dark-primary-text,
|
|
3098
|
-
A700: $dark-primary-text
|
|
3099
|
-
)
|
|
3100
|
-
),
|
|
3959
|
+
@each $ui-state, $indices in $matrix {
|
|
3960
|
+
$prefix: if( $ui-state == DEFAULT, "", "#{$ui-state}-" );
|
|
3961
|
+
$indices-count: k-list-length( $indices );
|
|
3101
3962
|
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
|
|
3106
|
-
|
|
3107
|
-
|
|
3108
|
-
400: #26a69a,
|
|
3109
|
-
500: #009688,
|
|
3110
|
-
600: #00897b,
|
|
3111
|
-
700: #00796b,
|
|
3112
|
-
800: #00695c,
|
|
3113
|
-
900: #004d40,
|
|
3114
|
-
A100: #a7ffeb,
|
|
3115
|
-
A200: #64ffda,
|
|
3116
|
-
A400: #1de9b6,
|
|
3117
|
-
A700: #00bfa5,
|
|
3118
|
-
contrast: (
|
|
3119
|
-
50: $dark-primary-text,
|
|
3120
|
-
100: $dark-primary-text,
|
|
3121
|
-
200: $dark-primary-text,
|
|
3122
|
-
300: $dark-primary-text,
|
|
3123
|
-
400: $dark-primary-text,
|
|
3124
|
-
500: $dark-primary-text,
|
|
3125
|
-
600: $dark-primary-text,
|
|
3126
|
-
700: $light-primary-text,
|
|
3127
|
-
800: $light-primary-text,
|
|
3128
|
-
900: $light-primary-text,
|
|
3129
|
-
A100: $dark-primary-text,
|
|
3130
|
-
A200: $dark-primary-text,
|
|
3131
|
-
A400: $dark-primary-text,
|
|
3132
|
-
A700: $dark-primary-text
|
|
3133
|
-
)
|
|
3134
|
-
),
|
|
3963
|
+
$bg-prop: k-list-nth( $indices, 1 );
|
|
3964
|
+
$text-prop: k-list-nth( $indices, 2 );
|
|
3965
|
+
$border-prop: k-list-nth( $indices, 3 );
|
|
3966
|
+
$gradient-prop: if( $indices-count > 3, k-list-nth( $indices, 4 ), null );
|
|
3967
|
+
$shadow-prop: if( $indices-count > 4, k-list-nth( $indices, 5 ), null );
|
|
3968
|
+
$outline-prop: if( $indices-count > 5, k-list-nth( $indices, 6 ), null );
|
|
3135
3969
|
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
|
|
3139
|
-
|
|
3140
|
-
|
|
3141
|
-
|
|
3142
|
-
|
|
3143
|
-
500: #4caf50,
|
|
3144
|
-
600: #43a047,
|
|
3145
|
-
700: #388e3c,
|
|
3146
|
-
800: #2e7d32,
|
|
3147
|
-
900: #1b5e20,
|
|
3148
|
-
A100: #b9f6ca,
|
|
3149
|
-
A200: #69f0ae,
|
|
3150
|
-
A400: #00e676,
|
|
3151
|
-
A700: #00c853,
|
|
3152
|
-
contrast: (
|
|
3153
|
-
50: $dark-primary-text,
|
|
3154
|
-
100: $dark-primary-text,
|
|
3155
|
-
200: $dark-primary-text,
|
|
3156
|
-
300: $dark-primary-text,
|
|
3157
|
-
400: $dark-primary-text,
|
|
3158
|
-
500: $dark-primary-text,
|
|
3159
|
-
600: $dark-primary-text,
|
|
3160
|
-
700: $dark-primary-text,
|
|
3161
|
-
800: $light-primary-text,
|
|
3162
|
-
900: $light-primary-text,
|
|
3163
|
-
A100: $dark-primary-text,
|
|
3164
|
-
A200: $dark-primary-text,
|
|
3165
|
-
A400: $dark-primary-text,
|
|
3166
|
-
A700: $dark-primary-text
|
|
3167
|
-
)
|
|
3168
|
-
),
|
|
3970
|
+
// Take value from the palette only if it is a number
|
|
3971
|
+
$bg: if( k-meta-type-of( $bg-prop ) == number, k-get-theme-color( $src-palette-name, $bg-prop ), $bg-prop );
|
|
3972
|
+
$text: if( k-meta-type-of( $text-prop ) == number, k-get-theme-color( $src-palette-name, $text-prop ), $text-prop );
|
|
3973
|
+
$border: if( k-meta-type-of( $border-prop ) == number, k-get-theme-color( $src-palette-name, $border-prop ), $border-prop );
|
|
3974
|
+
$gradient: $gradient-prop;
|
|
3975
|
+
$shadow: $shadow-prop;
|
|
3976
|
+
$outline: $outline-prop;
|
|
3169
3977
|
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
-
|
|
3178
|
-
|
|
3179
|
-
700: #689f38,
|
|
3180
|
-
800: #558b2f,
|
|
3181
|
-
900: #33691e,
|
|
3182
|
-
A100: #ccff90,
|
|
3183
|
-
A200: #b2ff59,
|
|
3184
|
-
A400: #76ff03,
|
|
3185
|
-
A700: #64dd17,
|
|
3186
|
-
contrast: (
|
|
3187
|
-
50: $dark-primary-text,
|
|
3188
|
-
100: $dark-primary-text,
|
|
3189
|
-
200: $dark-primary-text,
|
|
3190
|
-
300: $dark-primary-text,
|
|
3191
|
-
400: $dark-primary-text,
|
|
3192
|
-
500: $dark-primary-text,
|
|
3193
|
-
600: $dark-primary-text,
|
|
3194
|
-
700: $dark-primary-text,
|
|
3195
|
-
800: $dark-primary-text,
|
|
3196
|
-
900: $light-primary-text,
|
|
3197
|
-
A100: $dark-primary-text,
|
|
3198
|
-
A200: $dark-primary-text,
|
|
3199
|
-
A400: $dark-primary-text,
|
|
3200
|
-
A700: $dark-primary-text
|
|
3201
|
-
)
|
|
3202
|
-
),
|
|
3978
|
+
$result: k-map-merge($result, (
|
|
3979
|
+
#{$prefix}bg: $bg,
|
|
3980
|
+
#{$prefix}text: $text,
|
|
3981
|
+
#{$prefix}border: $border,
|
|
3982
|
+
#{$prefix}gradient: $gradient,
|
|
3983
|
+
#{$prefix}shadow: $shadow,
|
|
3984
|
+
#{$prefix}outline: $outline
|
|
3985
|
+
));
|
|
3986
|
+
}
|
|
3203
3987
|
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
100: #f0f4c3,
|
|
3208
|
-
200: #e6ee9c,
|
|
3209
|
-
300: #dce775,
|
|
3210
|
-
400: #d4e157,
|
|
3211
|
-
500: #cddc39,
|
|
3212
|
-
600: #c0ca33,
|
|
3213
|
-
700: #afb42b,
|
|
3214
|
-
800: #9e9d24,
|
|
3215
|
-
900: #827717,
|
|
3216
|
-
A100: #f4ff81,
|
|
3217
|
-
A200: #eeff41,
|
|
3218
|
-
A400: #c6ff00,
|
|
3219
|
-
A700: #aeea00,
|
|
3220
|
-
contrast: (
|
|
3221
|
-
50: $dark-primary-text,
|
|
3222
|
-
100: $dark-primary-text,
|
|
3223
|
-
200: $dark-primary-text,
|
|
3224
|
-
300: $dark-primary-text,
|
|
3225
|
-
400: $dark-primary-text,
|
|
3226
|
-
500: $dark-primary-text,
|
|
3227
|
-
600: $dark-primary-text,
|
|
3228
|
-
700: $dark-primary-text,
|
|
3229
|
-
800: $dark-primary-text,
|
|
3230
|
-
900: $light-primary-text,
|
|
3231
|
-
A100: $dark-primary-text,
|
|
3232
|
-
A200: $dark-primary-text,
|
|
3233
|
-
A400: $dark-primary-text,
|
|
3234
|
-
A700: $dark-primary-text
|
|
3235
|
-
)
|
|
3236
|
-
),
|
|
3988
|
+
$result: (
|
|
3989
|
+
#{$variant}: $result
|
|
3990
|
+
);
|
|
3237
3991
|
|
|
3238
|
-
|
|
3239
|
-
yellow: (
|
|
3240
|
-
50: #fffde7,
|
|
3241
|
-
100: #fff9c4,
|
|
3242
|
-
200: #fff59d,
|
|
3243
|
-
300: #fff176,
|
|
3244
|
-
400: #ffee58,
|
|
3245
|
-
500: #ffeb3b,
|
|
3246
|
-
600: #fdd835,
|
|
3247
|
-
700: #fbc02d,
|
|
3248
|
-
800: #f9a825,
|
|
3249
|
-
900: #f57f17,
|
|
3250
|
-
A100: #ffff8d,
|
|
3251
|
-
A200: #ffff00,
|
|
3252
|
-
A400: #ffea00,
|
|
3253
|
-
A700: #ffd600,
|
|
3254
|
-
contrast: (
|
|
3255
|
-
50: $dark-primary-text,
|
|
3256
|
-
100: $dark-primary-text,
|
|
3257
|
-
200: $dark-primary-text,
|
|
3258
|
-
300: $dark-primary-text,
|
|
3259
|
-
400: $dark-primary-text,
|
|
3260
|
-
500: $dark-primary-text,
|
|
3261
|
-
600: $dark-primary-text,
|
|
3262
|
-
700: $dark-primary-text,
|
|
3263
|
-
800: $dark-primary-text,
|
|
3264
|
-
900: $dark-primary-text,
|
|
3265
|
-
A100: $dark-primary-text,
|
|
3266
|
-
A200: $dark-primary-text,
|
|
3267
|
-
A400: $dark-primary-text,
|
|
3268
|
-
A700: $dark-primary-text
|
|
3269
|
-
)
|
|
3270
|
-
),
|
|
3992
|
+
@return $result;
|
|
3271
3993
|
|
|
3272
|
-
|
|
3273
|
-
amber: (
|
|
3274
|
-
50: #fff8e1,
|
|
3275
|
-
100: #ffecb3,
|
|
3276
|
-
200: #ffe082,
|
|
3277
|
-
300: #ffd54f,
|
|
3278
|
-
400: #ffca28,
|
|
3279
|
-
500: #ffc107,
|
|
3280
|
-
600: #ffb300,
|
|
3281
|
-
700: #ffa000,
|
|
3282
|
-
800: #ff8f00,
|
|
3283
|
-
900: #ff6f00,
|
|
3284
|
-
A100: #ffe57f,
|
|
3285
|
-
A200: #ffd740,
|
|
3286
|
-
A400: #ffc400,
|
|
3287
|
-
A700: #ffab00,
|
|
3288
|
-
contrast: (
|
|
3289
|
-
50: $dark-primary-text,
|
|
3290
|
-
100: $dark-primary-text,
|
|
3291
|
-
200: $dark-primary-text,
|
|
3292
|
-
300: $dark-primary-text,
|
|
3293
|
-
400: $dark-primary-text,
|
|
3294
|
-
500: $dark-primary-text,
|
|
3295
|
-
600: $dark-primary-text,
|
|
3296
|
-
700: $dark-primary-text,
|
|
3297
|
-
800: $dark-primary-text,
|
|
3298
|
-
900: $dark-primary-text,
|
|
3299
|
-
A100: $dark-primary-text,
|
|
3300
|
-
A200: $dark-primary-text,
|
|
3301
|
-
A400: $dark-primary-text,
|
|
3302
|
-
A700: $dark-primary-text
|
|
3303
|
-
)
|
|
3304
|
-
),
|
|
3994
|
+
};
|
|
3305
3995
|
|
|
3306
|
-
// Orange
|
|
3307
|
-
orange: (
|
|
3308
|
-
50: #fff3e0,
|
|
3309
|
-
100: #ffe0b2,
|
|
3310
|
-
200: #ffcc80,
|
|
3311
|
-
300: #ffb74d,
|
|
3312
|
-
400: #ffa726,
|
|
3313
|
-
500: #ff9800,
|
|
3314
|
-
600: #fb8c00,
|
|
3315
|
-
700: #f57c00,
|
|
3316
|
-
800: #ef6c00,
|
|
3317
|
-
900: #e65100,
|
|
3318
|
-
A100: #ffd180,
|
|
3319
|
-
A200: #ffab40,
|
|
3320
|
-
A400: #ff9100,
|
|
3321
|
-
A700: #ff6d00,
|
|
3322
|
-
contrast: (
|
|
3323
|
-
50: $dark-primary-text,
|
|
3324
|
-
100: $dark-primary-text,
|
|
3325
|
-
200: $dark-primary-text,
|
|
3326
|
-
300: $dark-primary-text,
|
|
3327
|
-
400: $dark-primary-text,
|
|
3328
|
-
500: $dark-primary-text,
|
|
3329
|
-
600: $dark-primary-text,
|
|
3330
|
-
700: $dark-primary-text,
|
|
3331
|
-
800: $dark-primary-text,
|
|
3332
|
-
900: $dark-primary-text,
|
|
3333
|
-
A100: $dark-primary-text,
|
|
3334
|
-
A200: $dark-primary-text,
|
|
3335
|
-
A400: $dark-primary-text,
|
|
3336
|
-
A700: $dark-primary-text
|
|
3337
|
-
)
|
|
3338
|
-
),
|
|
3339
3996
|
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
50: #fbe9e7,
|
|
3343
|
-
100: #ffccbc,
|
|
3344
|
-
200: #ffab91,
|
|
3345
|
-
300: #ff8a65,
|
|
3346
|
-
400: #ff7043,
|
|
3347
|
-
500: #ff5722,
|
|
3348
|
-
600: #f4511e,
|
|
3349
|
-
700: #e64a19,
|
|
3350
|
-
800: #d84315,
|
|
3351
|
-
900: #bf360c,
|
|
3352
|
-
A100: #ff9e80,
|
|
3353
|
-
A200: #ff6e40,
|
|
3354
|
-
A400: #ff3d00,
|
|
3355
|
-
A700: #dd2c00,
|
|
3356
|
-
contrast: (
|
|
3357
|
-
50: $dark-primary-text,
|
|
3358
|
-
100: $dark-primary-text,
|
|
3359
|
-
200: $dark-primary-text,
|
|
3360
|
-
300: $dark-primary-text,
|
|
3361
|
-
400: $dark-primary-text,
|
|
3362
|
-
500: $dark-primary-text,
|
|
3363
|
-
600: $dark-primary-text,
|
|
3364
|
-
700: $dark-primary-text,
|
|
3365
|
-
800: $dark-primary-text,
|
|
3366
|
-
900: $light-primary-text,
|
|
3367
|
-
A100: $dark-primary-text,
|
|
3368
|
-
A200: $dark-primary-text,
|
|
3369
|
-
A400: $dark-primary-text,
|
|
3370
|
-
A700: $light-primary-text
|
|
3371
|
-
)
|
|
3372
|
-
),
|
|
3997
|
+
@function k-process-variant-matrices( $theme-matrix, $palette-matrix: () ) {
|
|
3998
|
+
$result: ();
|
|
3373
3999
|
|
|
3374
|
-
//
|
|
3375
|
-
|
|
3376
|
-
50: #efebe9,
|
|
3377
|
-
100: #d7ccc8,
|
|
3378
|
-
200: #bcaaa4,
|
|
3379
|
-
300: #a1887f,
|
|
3380
|
-
400: #8d6e63,
|
|
3381
|
-
500: #795548,
|
|
3382
|
-
600: #6d4c41,
|
|
3383
|
-
700: #5d4037,
|
|
3384
|
-
800: #4e342e,
|
|
3385
|
-
900: #3e2723,
|
|
3386
|
-
A100: #d7ccc8,
|
|
3387
|
-
A200: #bcaaa4,
|
|
3388
|
-
A400: #8d6e63,
|
|
3389
|
-
A700: #5d4037,
|
|
3390
|
-
contrast: (
|
|
3391
|
-
50: $dark-primary-text,
|
|
3392
|
-
100: $dark-primary-text,
|
|
3393
|
-
200: $dark-primary-text,
|
|
3394
|
-
300: $dark-primary-text,
|
|
3395
|
-
400: $light-primary-text,
|
|
3396
|
-
500: $light-primary-text,
|
|
3397
|
-
600: $light-primary-text,
|
|
3398
|
-
700: $light-primary-text,
|
|
3399
|
-
800: $light-primary-text,
|
|
3400
|
-
900: $light-primary-text,
|
|
3401
|
-
A100: $dark-primary-text,
|
|
3402
|
-
A200: $dark-primary-text,
|
|
3403
|
-
A400: $light-primary-text,
|
|
3404
|
-
A700: $light-primary-text
|
|
3405
|
-
)
|
|
3406
|
-
),
|
|
4000
|
+
// @debug $theme-matrix;
|
|
4001
|
+
// @debug $palette-matrix;
|
|
3407
4002
|
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
200: #eeeeee,
|
|
3413
|
-
300: #e0e0e0,
|
|
3414
|
-
400: #bdbdbd,
|
|
3415
|
-
500: #9e9e9e,
|
|
3416
|
-
600: #757575,
|
|
3417
|
-
700: #616161,
|
|
3418
|
-
800: #424242,
|
|
3419
|
-
900: #212121,
|
|
3420
|
-
A100: #ffffff,
|
|
3421
|
-
A200: #eeeeee,
|
|
3422
|
-
A400: #bdbdbd,
|
|
3423
|
-
A700: #616161,
|
|
3424
|
-
contrast: (
|
|
3425
|
-
50: $dark-primary-text,
|
|
3426
|
-
100: $dark-primary-text,
|
|
3427
|
-
200: $dark-primary-text,
|
|
3428
|
-
300: $dark-primary-text,
|
|
3429
|
-
400: $dark-primary-text,
|
|
3430
|
-
500: $dark-primary-text,
|
|
3431
|
-
600: $light-primary-text,
|
|
3432
|
-
700: $light-primary-text,
|
|
3433
|
-
800: $light-primary-text,
|
|
3434
|
-
900: $light-primary-text,
|
|
3435
|
-
A100: $dark-primary-text,
|
|
3436
|
-
A200: $dark-primary-text,
|
|
3437
|
-
A400: $dark-primary-text,
|
|
3438
|
-
A700: $light-primary-text
|
|
3439
|
-
)
|
|
3440
|
-
),
|
|
4003
|
+
@each $variant, $definition in $theme-matrix {
|
|
4004
|
+
$tc-index: k-string-index( $variant, "THEME_COLOR" );
|
|
4005
|
+
$src-palette-name: k-map-get( $definition, PALETTE );
|
|
4006
|
+
$matrix: k-map-remove( $definition, PALETTE );
|
|
3441
4007
|
|
|
3442
|
-
|
|
3443
|
-
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3447
|
-
|
|
3448
|
-
|
|
3449
|
-
500: #607d8b,
|
|
3450
|
-
600: #546e7a,
|
|
3451
|
-
700: #455a64,
|
|
3452
|
-
800: #37474f,
|
|
3453
|
-
900: #263238,
|
|
3454
|
-
A100: #cfd8dc,
|
|
3455
|
-
A200: #b0bec5,
|
|
3456
|
-
A400: #78909c,
|
|
3457
|
-
A700: #455a64,
|
|
3458
|
-
contrast: (
|
|
3459
|
-
50: $dark-primary-text,
|
|
3460
|
-
100: $dark-primary-text,
|
|
3461
|
-
200: $dark-primary-text,
|
|
3462
|
-
300: $dark-primary-text,
|
|
3463
|
-
400: $dark-primary-text,
|
|
3464
|
-
500: $dark-primary-text,
|
|
3465
|
-
600: $light-primary-text,
|
|
3466
|
-
700: $light-primary-text,
|
|
3467
|
-
800: $light-primary-text,
|
|
3468
|
-
900: $light-primary-text,
|
|
3469
|
-
A100: $dark-primary-text,
|
|
3470
|
-
A200: $dark-primary-text,
|
|
3471
|
-
A400: $light-primary-text,
|
|
3472
|
-
A700: $light-primary-text
|
|
3473
|
-
)
|
|
3474
|
-
)
|
|
4008
|
+
@if ($tc-index == null ) { // stylelint-disable-line
|
|
4009
|
+
$tmp-result: k-generate-theme-variant( $variant, $matrix, $src-palette-name );
|
|
4010
|
+
$result: k-map-merge( $result, $tmp-result);
|
|
4011
|
+
} @else {
|
|
4012
|
+
@each $color, $palette in $palette-matrix {
|
|
4013
|
+
$variant-name: k-string-replace( $variant, THEME_COLOR, $color);
|
|
4014
|
+
$palette-name: k-string-unquote($src-palette-name + "");
|
|
3475
4015
|
|
|
3476
|
-
)
|
|
4016
|
+
@if ($palette-name == THEME_COLOR) {
|
|
4017
|
+
$palette-name: k-string-replace( $palette-name, THEME_COLOR, $color );
|
|
4018
|
+
$palette-name: k-map-get( $palette-matrix, $palette-name );
|
|
4019
|
+
}
|
|
3477
4020
|
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
}
|
|
4021
|
+
$tmp-result: k-generate-theme-variant( $variant-name, $matrix, $palette-name );
|
|
4022
|
+
$result: k-map-merge( $result, $tmp-result );
|
|
4023
|
+
}
|
|
4024
|
+
}
|
|
4025
|
+
}
|
|
3481
4026
|
|
|
3482
|
-
@
|
|
3483
|
-
@return k-map-get( get-base-palette( $palette ), $hue );
|
|
4027
|
+
@return $result;
|
|
3484
4028
|
}
|
|
3485
4029
|
|
|
3486
|
-
|
|
3487
|
-
|
|
4030
|
+
|
|
4031
|
+
@function k-get-theme-palette( $name ) {
|
|
4032
|
+
@return k-map-get( $kendo-palettes, $name );
|
|
3488
4033
|
}
|
|
3489
4034
|
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
subtle-text: $light-secondary-text,
|
|
3495
|
-
disabled-text: $light-disabled-text,
|
|
3496
|
-
component-bg: #121212,
|
|
3497
|
-
component-text: $light-primary-text,
|
|
3498
|
-
component-border: $light-dividers,
|
|
3499
|
-
base-bg: get-base-hue( gray, 900 ),
|
|
3500
|
-
hover-bg: rgba( white, .08 ),
|
|
3501
|
-
focus-bg: rgba( white, .24 ),
|
|
3502
|
-
elevation: $kendo-color-black
|
|
3503
|
-
) !default;
|
|
4035
|
+
@function k-get-theme-color( $palette, $hue ) {
|
|
4036
|
+
@if ( k-meta-type-of( $palette ) == "map" ) {
|
|
4037
|
+
@return k-map-get( $palette, $hue );
|
|
4038
|
+
}
|
|
3504
4039
|
|
|
4040
|
+
@return k-map-get( k-get-theme-palette( $palette ), $hue );
|
|
4041
|
+
}
|
|
3505
4042
|
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
body-text: get-base-contrast( gray, 50 ),
|
|
3510
|
-
subtle-text: $dark-secondary-text,
|
|
3511
|
-
disabled-text: $dark-disabled-text,
|
|
3512
|
-
component-bg: $kendo-color-white,
|
|
3513
|
-
component-text: $dark-primary-text,
|
|
3514
|
-
component-border: $dark-dividers,
|
|
3515
|
-
base-bg: $kendo-color-white,
|
|
3516
|
-
hover-bg: rgba( black, .04 ),
|
|
3517
|
-
focus-bg: rgba( black, .12 ),
|
|
3518
|
-
elevation: $kendo-color-black
|
|
3519
|
-
) !default;
|
|
4043
|
+
@function k-get-theme-color-var( $name, $fallback: "inherit", $prefix: "kendo-" ) {
|
|
4044
|
+
@return var( --#{$prefix}#{$name}, #{$fallback} );
|
|
4045
|
+
}
|
|
3520
4046
|
|
|
4047
|
+
@function k-generate-theme-variation( $theme-color, $source-palette-name, $mapping ) {
|
|
4048
|
+
$temp: ( );
|
|
3521
4049
|
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
@return k-map-get(k-map-get($palette, contrast), $hue);
|
|
3525
|
-
}
|
|
4050
|
+
@each $ui-state, $indices in $mapping {
|
|
4051
|
+
$prefix: if( $ui-state == normal, '', '#{$ui-state}-' );
|
|
3526
4052
|
|
|
3527
|
-
|
|
3528
|
-
|
|
3529
|
-
|
|
4053
|
+
$bg-prop: k-list-nth($indices, 1);
|
|
4054
|
+
$text-prop: k-list-nth($indices, 2);
|
|
4055
|
+
$border-prop: k-list-nth($indices, 3);
|
|
3530
4056
|
|
|
3531
|
-
|
|
3532
|
-
$
|
|
3533
|
-
|
|
4057
|
+
// Take value from the palette only if it is a number
|
|
4058
|
+
$bg: if( k-meta-type-of($bg-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$bg-prop} ), $bg-prop );
|
|
4059
|
+
$text: if( k-meta-type-of($text-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$text-prop} ), $text-prop );
|
|
4060
|
+
$border: if( k-meta-type-of($border-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$border-prop} ), $border-prop );
|
|
3534
4061
|
|
|
3535
|
-
$main-contrast: material-contrast($base-palette, $main);
|
|
3536
4062
|
|
|
3537
|
-
|
|
3538
|
-
|
|
3539
|
-
$
|
|
3540
|
-
$
|
|
3541
|
-
|
|
3542
|
-
}
|
|
4063
|
+
$temp: k-map-deep-merge( $temp, (
|
|
4064
|
+
#{$prefix}bg: $bg,
|
|
4065
|
+
#{$prefix}text: $text,
|
|
4066
|
+
#{$prefix}border: $border
|
|
4067
|
+
));
|
|
3543
4068
|
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
$
|
|
3547
|
-
$
|
|
4069
|
+
// Add outline if provided in the map
|
|
4070
|
+
@if ( k-list-length($indices) > 3 ) {
|
|
4071
|
+
$outline-prop: k-list-nth($indices, 4);
|
|
4072
|
+
$outline: if( k-meta-type-of($outline-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$outline-prop} ), $outline-prop );
|
|
4073
|
+
|
|
4074
|
+
$temp: k-map-deep-merge( $temp, (
|
|
4075
|
+
#{$prefix}outline: $outline
|
|
4076
|
+
));
|
|
3548
4077
|
}
|
|
3549
4078
|
}
|
|
3550
4079
|
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
lighter: k-map-get($base-palette, $lighter),
|
|
3555
|
-
darker: k-map-get($base-palette, $darker),
|
|
3556
|
-
main-contrast: material-contrast($base-palette, $main),
|
|
3557
|
-
lighter-contrast: material-contrast($base-palette, $lighter),
|
|
3558
|
-
darker-contrast: material-contrast($base-palette, $darker)
|
|
3559
|
-
));
|
|
4080
|
+
$map: (
|
|
4081
|
+
#{$theme-color}: $temp
|
|
4082
|
+
);
|
|
3560
4083
|
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
4084
|
+
@return $map;
|
|
4085
|
+
|
|
4086
|
+
};
|
|
4087
|
+
|
|
4088
|
+
@function k-generate-fill-mode-theme-variation( $fill-mode, $theme-color, $source-palette-name, $mapping ) {
|
|
4089
|
+
|
|
4090
|
+
$map: k-generate-theme-variation( $theme-color, $source-palette-name, $mapping );
|
|
4091
|
+
|
|
4092
|
+
$result: (
|
|
4093
|
+
#{$fill-mode}: $map
|
|
4094
|
+
);
|
|
3568
4095
|
|
|
3569
4096
|
@return $result;
|
|
3570
4097
|
}
|
|
3571
4098
|
|
|
4099
|
+
// #endregion
|
|
4100
|
+
// #region @import "./_mixins.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/_mixins.import.scss
|
|
4101
|
+
@mixin k-css-vars($map) {
|
|
4102
|
+
@each $group, $values in $map {
|
|
4103
|
+
@each $key, $value in $values {
|
|
4104
|
+
--kendo-#{k-meta-inspect($group)}-#{$key}: #{$value};
|
|
4105
|
+
}
|
|
4106
|
+
}
|
|
4107
|
+
}
|
|
3572
4108
|
|
|
3573
|
-
//
|
|
3574
|
-
//
|
|
3575
|
-
//
|
|
3576
|
-
@function material-color($palette, $hue: main, $opacity: null) {
|
|
4109
|
+
// #endregion
|
|
4110
|
+
// #region @import "./_variables.scss"; -> node_modules/@progress/kendo-theme-core/scss/color-system/_variables.scss
|
|
4111
|
+
// Color constants
|
|
3577
4112
|
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
4113
|
+
/// The color white.
|
|
4114
|
+
/// Note: you cannot change this value.
|
|
4115
|
+
/// @type Color
|
|
4116
|
+
/// @group color-system
|
|
4117
|
+
$kendo-color-white: #ffffff; // stylelint-disable-line scss/dollar-variable-default
|
|
3581
4118
|
|
|
3582
|
-
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
4119
|
+
/// The color black.
|
|
4120
|
+
/// Note: you cannot change this value.
|
|
4121
|
+
/// @type Color
|
|
4122
|
+
/// @group color-system
|
|
4123
|
+
$kendo-color-black: #000000; // stylelint-disable-line scss/dollar-variable-default
|
|
4124
|
+
|
|
4125
|
+
/// The color transparent.
|
|
4126
|
+
/// Note: you cannot change this value.
|
|
4127
|
+
/// @type Color
|
|
4128
|
+
/// @group color-system
|
|
4129
|
+
$kendo-color-rgba-transparent: rgba( 0, 0, 0, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
4130
|
+
|
|
4131
|
+
/// A gradient that goes from transparent to black.
|
|
4132
|
+
/// Note: you cannot change this value.
|
|
4133
|
+
/// @type Gradient
|
|
4134
|
+
/// @group color-system
|
|
4135
|
+
$kendo-gradient-transparent-to-black: rgba( black, 0 ), black; // stylelint-disable-line scss/dollar-variable-default
|
|
4136
|
+
|
|
4137
|
+
/// A gradient that goes from transparent to white.
|
|
4138
|
+
/// Note: you cannot change this value.
|
|
4139
|
+
/// @type Gradient
|
|
4140
|
+
/// @group color-system
|
|
4141
|
+
$kendo-gradient-transparent-to-white: rgba( white, 0 ), white; // stylelint-disable-line scss/dollar-variable-default
|
|
4142
|
+
|
|
4143
|
+
/// A gradient that goes from black to transparent.
|
|
4144
|
+
/// Note: you cannot change this value.
|
|
4145
|
+
/// @type Gradient
|
|
4146
|
+
/// @group color-system
|
|
4147
|
+
$kendo-gradient-black-to-transparent: black, rgba( black, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
4148
|
+
|
|
4149
|
+
/// A gradient that goes from white to transparent.
|
|
4150
|
+
/// Note: you cannot change this value.
|
|
4151
|
+
/// @type Gradient
|
|
4152
|
+
/// @group color-system
|
|
4153
|
+
$kendo-gradient-white-to-transparent: white, rgba( white, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
4154
|
+
|
|
4155
|
+
/// A gradient that cycles through the colors of the rainbow.
|
|
4156
|
+
/// Note: you cannot change this value.
|
|
4157
|
+
/// @type Gradient
|
|
4158
|
+
/// @group color-system
|
|
4159
|
+
$kendo-gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000; // stylelint-disable-line scss/dollar-variable-default
|
|
4160
|
+
|
|
4161
|
+
|
|
4162
|
+
// Root styles
|
|
4163
|
+
$kendo-body-bg: $kendo-color-white !default;
|
|
4164
|
+
$kendo-body-text: k-get-theme-color-var( neutral-160 ) !default;
|
|
4165
|
+
|
|
4166
|
+
// Component styles
|
|
4167
|
+
$kendo-component-bg: $kendo-body-bg !default;
|
|
4168
|
+
$kendo-component-text: $kendo-body-text !default;
|
|
4169
|
+
$kendo-component-border: k-get-theme-color-var( neutral-30 ) !default;
|
|
4170
|
+
|
|
4171
|
+
// States styles
|
|
4172
|
+
$kendo-hover-bg: k-get-theme-color-var( neutral-20 ) !default;
|
|
4173
|
+
$kendo-hover-text: k-get-theme-color-var( neutral-190 ) !default;
|
|
4174
|
+
$kendo-hover-border: k-get-theme-color-var( neutral-20 ) !default;
|
|
4175
|
+
|
|
4176
|
+
$kendo-selected-bg: k-get-theme-color-var( neutral-30 ) !default;
|
|
4177
|
+
$kendo-selected-text: k-get-theme-color-var( neutral-160 ) !default;
|
|
4178
|
+
$kendo-selected-border: k-get-theme-color-var( neutral-130 ) !default;
|
|
4179
|
+
|
|
4180
|
+
$kendo-selected-hover-bg: k-get-theme-color-var( neutral-40 ) !default;
|
|
4181
|
+
$kendo-selected-hover-text: k-get-theme-color-var( neutral-190 ) !default;
|
|
4182
|
+
$kendo-selected-hover-border: k-get-theme-color-var( neutral-130 ) !default;
|
|
4183
|
+
|
|
4184
|
+
$kendo-focus-outline: k-get-theme-color-var( neutral-130 ) !default;
|
|
4185
|
+
|
|
4186
|
+
$kendo-subtle-text: k-get-theme-color-var( neutral-130 ) !default;
|
|
4187
|
+
|
|
4188
|
+
// Shadows
|
|
4189
|
+
|
|
4190
|
+
/// Shadow for cards and grid item thumbnails.
|
|
4191
|
+
/// Equivalent to fluent depth 4.
|
|
4192
|
+
$kendo-box-shadow-depth-1: 0 1.6px 3.6px rgba( $kendo-color-black, 0.132 ), 0 0.3px 0.9px rgba( $kendo-color-black, 0.108 ) !default;
|
|
4193
|
+
/// Shadow for command bars and dropdowns.
|
|
4194
|
+
/// Equivalent to fluent depth 8.
|
|
4195
|
+
$kendo-box-shadow-depth-2: 0 3.2px 7.2px rgba( $kendo-color-black, 0.132 ), 0 0.6px 1.8px rgba( $kendo-color-black, 0.108 ) !default;
|
|
4196
|
+
/// Shadow for teaching callouts and hover cards / tooltips.
|
|
4197
|
+
/// Equivalent to fluent depth 16.
|
|
4198
|
+
$kendo-box-shadow-depth-3: 0 6.4px 14.4px rgba( $kendo-color-black, 0.132 ), 0 1.2px 3.6px rgba( $kendo-color-black, 0.108 ) !default;
|
|
4199
|
+
/// Shadow for panels and pop up dialogs.
|
|
4200
|
+
/// Equivalent to fluent depth 64.
|
|
4201
|
+
$kendo-box-shadow-depth-4: 0 25.6px 57.6px rgba( $kendo-color-black, 0.22 ), 0 4.8px 14.4px rgba( $kendo-color-black, 0.18 ) !default;
|
|
4202
|
+
|
|
4203
|
+
// Link
|
|
4204
|
+
$kendo-link-text: k-get-theme-color-var( primary-100 ) !default;
|
|
4205
|
+
$kendo-link-hover-text: k-get-theme-color-var( primary-120 ) !default;
|
|
4206
|
+
|
|
4207
|
+
// Validator
|
|
4208
|
+
$kendo-invalid-bg: initial !default;
|
|
4209
|
+
$kendo-invalid-text: k-get-theme-color-var( error-190 ) !default;
|
|
4210
|
+
$kendo-invalid-border: k-get-theme-color-var( error-190 ) !default;
|
|
4211
|
+
$kendo-invalid-shadow: null !default;
|
|
4212
|
+
|
|
4213
|
+
// Disabled Styling
|
|
4214
|
+
$kendo-disabled-bg: k-get-theme-color-var( neutral-20 ) !default;
|
|
4215
|
+
$kendo-disabled-text: k-get-theme-color-var( neutral-90 ) !default;
|
|
4216
|
+
$kendo-disabled-border: transparent !default;
|
|
4217
|
+
|
|
4218
|
+
// Loading
|
|
4219
|
+
$kendo-loading-bg: $kendo-component-bg !default;
|
|
4220
|
+
$kendo-loading-text: currentColor !default;
|
|
4221
|
+
|
|
4222
|
+
|
|
4223
|
+
// Theme colors
|
|
4224
|
+
$kendo-theme-colors: (
|
|
4225
|
+
primary: (
|
|
4226
|
+
text: k-get-theme-color-var( primary-130 ),
|
|
4227
|
+
bg: k-get-theme-color-var( primary-20 ),
|
|
4228
|
+
border: k-get-theme-color-var( primary-20 )
|
|
4229
|
+
),
|
|
4230
|
+
info: (
|
|
4231
|
+
text: k-get-theme-color-var( info-190 ),
|
|
4232
|
+
bg: k-get-theme-color-var( info-20 ),
|
|
4233
|
+
border: k-get-theme-color-var( info-20 )
|
|
4234
|
+
),
|
|
4235
|
+
success: (
|
|
4236
|
+
text: k-get-theme-color-var( success-190 ),
|
|
4237
|
+
bg: k-get-theme-color-var( success-20 ),
|
|
4238
|
+
border: k-get-theme-color-var( success-20 )
|
|
4239
|
+
),
|
|
4240
|
+
warning: (
|
|
4241
|
+
text: k-get-theme-color-var( neutral-160 ),
|
|
4242
|
+
bg: k-get-theme-color-var( warning-20 ),
|
|
4243
|
+
border: k-get-theme-color-var( warning-20 )
|
|
4244
|
+
),
|
|
4245
|
+
error: (
|
|
4246
|
+
text: k-get-theme-color-var( error-190 ),
|
|
4247
|
+
bg: k-get-theme-color-var( error-20 ),
|
|
4248
|
+
border: k-get-theme-color-var( error-20 )
|
|
4249
|
+
)
|
|
4250
|
+
) !default;
|
|
4251
|
+
|
|
4252
|
+
|
|
4253
|
+
@mixin color-system-styles() {
|
|
4254
|
+
:root {
|
|
4255
|
+
@include k-css-vars( $kendo-palettes );
|
|
4256
|
+
@include k-css-vars( $kendo-theme-colors );
|
|
4257
|
+
|
|
4258
|
+
--kendo-body-bg: #{$kendo-body-bg};
|
|
4259
|
+
--kendo-body-text: #{$kendo-body-text};
|
|
4260
|
+
|
|
4261
|
+
--kendo-component-bg: #{$kendo-component-bg};
|
|
4262
|
+
--kendo-component-text: #{$kendo-component-text};
|
|
4263
|
+
--kendo-component-border: #{$kendo-component-border};
|
|
4264
|
+
|
|
4265
|
+
--kendo-box-shadow-depth-1: #{$kendo-box-shadow-depth-1};
|
|
4266
|
+
--kendo-box-shadow-depth-2: #{$kendo-box-shadow-depth-2};
|
|
4267
|
+
--kendo-box-shadow-depth-3: #{$kendo-box-shadow-depth-3};
|
|
4268
|
+
--kendo-box-shadow-depth-4: #{$kendo-box-shadow-depth-4};
|
|
4269
|
+
|
|
4270
|
+
--kendo-link-text: #{$kendo-link-text};
|
|
4271
|
+
--kendo-link-hover-text: #{$kendo-link-hover-text};
|
|
4272
|
+
|
|
4273
|
+
--kendo-disabled-bg: #{$kendo-disabled-bg};
|
|
4274
|
+
--kendo-disabled-text: #{$kendo-disabled-text};
|
|
4275
|
+
--kendo-disabled-border: #{$kendo-disabled-border};
|
|
4276
|
+
|
|
4277
|
+
--kendo-hover-bg: #{$kendo-hover-bg};
|
|
4278
|
+
--kendo-hover-text: #{$kendo-hover-text};
|
|
4279
|
+
--kendo-hover-border: #{$kendo-hover-border};
|
|
4280
|
+
|
|
4281
|
+
--kendo-selected-bg: #{$kendo-selected-bg};
|
|
4282
|
+
--kendo-selected-text: #{$kendo-selected-text};
|
|
4283
|
+
--kendo-selected-border: #{$kendo-selected-border};
|
|
4284
|
+
|
|
4285
|
+
--kendo-selected-hover-bg: #{$kendo-selected-hover-bg};
|
|
4286
|
+
--kendo-selected-hover-text: #{$kendo-selected-hover-text};
|
|
4287
|
+
--kendo-selected-hover-border: #{$kendo-selected-hover-border};
|
|
4288
|
+
|
|
4289
|
+
--kendo-focus-outline: #{$kendo-focus-outline};
|
|
4290
|
+
|
|
4291
|
+
--kendo-subtle-text: #{$kendo-subtle-text};
|
|
4292
|
+
|
|
4293
|
+
--kendo-invalid-bg: #{$kendo-invalid-bg};
|
|
4294
|
+
--kendo-invalid-text: #{$kendo-invalid-text};
|
|
4295
|
+
--kendo-invalid-border: #{$kendo-invalid-border};
|
|
4296
|
+
--kendo-invalid-shadow: #{$kendo-invalid-shadow};
|
|
4297
|
+
|
|
4298
|
+
--kendo-border-radius-sm: #{$kendo-border-radius-sm};
|
|
4299
|
+
--kendo-border-radius-md: #{$kendo-border-radius-md};
|
|
4300
|
+
--kendo-border-radius-lg: #{$kendo-border-radius-lg};
|
|
3586
4301
|
}
|
|
3587
4302
|
|
|
3588
|
-
|
|
3589
|
-
$
|
|
4303
|
+
// Text colors
|
|
4304
|
+
@each $theme-color, $color-props in $kendo-theme-colors {
|
|
4305
|
+
$_color: k-map-get( $color-props, text );
|
|
3590
4306
|
|
|
3591
|
-
|
|
3592
|
-
}
|
|
4307
|
+
.k-text-#{$theme-color},
|
|
4308
|
+
.k-color-#{$theme-color} {
|
|
4309
|
+
color: var( --kendo-text-#{$theme-color}, #{$_color} );
|
|
4310
|
+
}
|
|
4311
|
+
.\!k-text-#{$theme-color},
|
|
4312
|
+
.\!k-color-#{$theme-color} {
|
|
4313
|
+
color: var( --kendo-text-#{$theme-color}, #{$_color} ) !important; // stylelint-disable-line declaration-no-important
|
|
4314
|
+
}
|
|
3593
4315
|
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
), $complimentary );
|
|
4316
|
+
.k-bg-#{$theme-color} {
|
|
4317
|
+
background-color: var( --kendo-bg-#{$theme-color}, #{$_color} );
|
|
4318
|
+
}
|
|
4319
|
+
.\!k-bg-#{$theme-color} {
|
|
4320
|
+
background-color: var( --kendo-bg-#{$theme-color}, #{$_color} ) !important; // stylelint-disable-line declaration-no-important
|
|
4321
|
+
}
|
|
4322
|
+
};
|
|
3602
4323
|
}
|
|
3603
4324
|
|
|
3604
4325
|
// #endregion
|
|
4326
|
+
// @import "./_palettes.scss";
|
|
3605
4327
|
|
|
3606
4328
|
// #endregion
|
|
3607
|
-
|
|
3608
|
-
// Mixins
|
|
3609
|
-
// #region @import "./mixins/index.import.scss"; -> scss/core/mixins/index.import.scss
|
|
3610
|
-
// #region @import "@progress/kendo-theme-core/scss/mixins/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/mixins/index.import.scss
|
|
4329
|
+
// #region @import "./mixins/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/mixins/index.import.scss
|
|
3611
4330
|
// #region @import "./_border-radius.scss"; -> node_modules/@progress/kendo-theme-core/scss/mixins/_border-radius.scss
|
|
3612
4331
|
// Border radius
|
|
3613
4332
|
@mixin border-radius( $radius: null ) {
|
|
@@ -3707,6 +4426,47 @@ $_kendo-data-uris: () !default;
|
|
|
3707
4426
|
box-shadow: none;
|
|
3708
4427
|
}
|
|
3709
4428
|
|
|
4429
|
+
@mixin disabled-color( $color: null, $bg: null, $border: null ) {
|
|
4430
|
+
outline: none;
|
|
4431
|
+
cursor: default;
|
|
4432
|
+
background-color: $bg;
|
|
4433
|
+
color: $color;
|
|
4434
|
+
border-color: $border;
|
|
4435
|
+
pointer-events: none;
|
|
4436
|
+
box-shadow: none;
|
|
4437
|
+
}
|
|
4438
|
+
|
|
4439
|
+
// #endregion
|
|
4440
|
+
// #region @import "./_decoration.scss"; -> node_modules/@progress/kendo-theme-core/scss/mixins/_decoration.scss
|
|
4441
|
+
@mixin fill( $color: null, $bg: null, $border: null, $gradient: null ) {
|
|
4442
|
+
@if $border {
|
|
4443
|
+
border-color: $border;
|
|
4444
|
+
}
|
|
4445
|
+
@if $color {
|
|
4446
|
+
color: $color;
|
|
4447
|
+
}
|
|
4448
|
+
@if $bg {
|
|
4449
|
+
background-color: $bg;
|
|
4450
|
+
}
|
|
4451
|
+
@if $gradient {
|
|
4452
|
+
@include linear-gradient( $gradient );
|
|
4453
|
+
}
|
|
4454
|
+
}
|
|
4455
|
+
|
|
4456
|
+
@mixin linear-gradient( $gradient: null ) {
|
|
4457
|
+
@if $gradient and $kendo-enable-gradients {
|
|
4458
|
+
@if $gradient == none {
|
|
4459
|
+
background-image: none;
|
|
4460
|
+
} @else {
|
|
4461
|
+
background-image: linear-gradient( $gradient );
|
|
4462
|
+
}
|
|
4463
|
+
}
|
|
4464
|
+
}
|
|
4465
|
+
|
|
4466
|
+
@mixin repeating-striped-gradient( $color: rgba(255,255,255,.15), $background: #FFF, $angle: 45deg, $largeStep: 2px, $smallStep: 1px) {
|
|
4467
|
+
background-image: repeating-linear-gradient($angle, $background, $background $smallStep, $color $smallStep, $color $largeStep);
|
|
4468
|
+
}
|
|
4469
|
+
|
|
3710
4470
|
// #endregion
|
|
3711
4471
|
// #region @import "./_focus-indicator.scss"; -> node_modules/@progress/kendo-theme-core/scss/mixins/_focus-indicator.scss
|
|
3712
4472
|
@mixin focus-indicator( $indicator, $inset: false, $themeable: false, $type: "box-shadow" ) {
|
|
@@ -3759,7 +4519,7 @@ $_kendo-data-uris: () !default;
|
|
|
3759
4519
|
// #region @import "./_hide-scrollbar.scss"; -> node_modules/@progress/kendo-theme-core/scss/mixins/_hide-scrollbar.scss
|
|
3760
4520
|
$kendo-scrollbar-width: 17px !default;
|
|
3761
4521
|
|
|
3762
|
-
@mixin hide-scrollbar( $dir: "right", $max-scrollbar: 100px
|
|
4522
|
+
@mixin hide-scrollbar( $dir: "right", $max-scrollbar: 100px) {
|
|
3763
4523
|
// anything larger than the scrollbar width will do
|
|
3764
4524
|
$scrollbar-size: var( --kendo-scrollbar-width, #{$kendo-scrollbar-width} );
|
|
3765
4525
|
$margin: calc( -#{$max-scrollbar} - #{$scrollbar-size} );
|
|
@@ -3776,6 +4536,18 @@ $kendo-scrollbar-width: 17px !default;
|
|
|
3776
4536
|
}
|
|
3777
4537
|
}
|
|
3778
4538
|
|
|
4539
|
+
@mixin hide-scrollbar-dir-agnostic($max-scrollbar: 100px) {
|
|
4540
|
+
// anything larger than the scrollbar width will do
|
|
4541
|
+
$scrollbar-size: var( --kendo-scrollbar-width, #{$kendo-scrollbar-width} );
|
|
4542
|
+
$margin: calc( -#{$max-scrollbar} - #{$scrollbar-size} );
|
|
4543
|
+
|
|
4544
|
+
padding-inline-end: $max-scrollbar;
|
|
4545
|
+
padding-inline-start: $max-scrollbar;
|
|
4546
|
+
|
|
4547
|
+
margin-inline-start: -$max-scrollbar;
|
|
4548
|
+
margin-inline-end: $margin;
|
|
4549
|
+
}
|
|
4550
|
+
|
|
3779
4551
|
// #endregion
|
|
3780
4552
|
// #region @import "./_import-once.scss"; -> node_modules/@progress/kendo-theme-core/scss/mixins/_import-once.scss
|
|
3781
4553
|
/// A list of exported modules.
|
|
@@ -3805,13 +4577,6 @@ $_kendo-imported-modules: () !default;
|
|
|
3805
4577
|
|
|
3806
4578
|
// #endregion
|
|
3807
4579
|
|
|
3808
|
-
@mixin fill( $color: null, $bg: null, $border: null, $gradient: null ) {
|
|
3809
|
-
border-color: $border;
|
|
3810
|
-
color: $color;
|
|
3811
|
-
background-color: $bg;
|
|
3812
|
-
@include linear-gradient( $gradient );
|
|
3813
|
-
}
|
|
3814
|
-
|
|
3815
4580
|
@mixin background-image( $background-image: null ) {
|
|
3816
4581
|
@if $background-image {
|
|
3817
4582
|
background-image: url(#{$background-image});
|
|
@@ -3819,12 +4584,7 @@ $_kendo-imported-modules: () !default;
|
|
|
3819
4584
|
}
|
|
3820
4585
|
|
|
3821
4586
|
// #endregion
|
|
3822
|
-
|
|
3823
|
-
// #endregion
|
|
3824
|
-
|
|
3825
|
-
// Module system
|
|
3826
|
-
// #region @import "./module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
|
|
3827
|
-
// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
|
|
4587
|
+
// #region @import "./module-system/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
|
|
3828
4588
|
// #region @import "./_components.scss"; -> node_modules/@progress/kendo-theme-core/scss/module-system/_components.scss
|
|
3829
4589
|
$kendo-components: (
|
|
3830
4590
|
// Typography and utils
|
|
@@ -4503,12 +5263,7 @@ $_imported: () !default;
|
|
|
4503
5263
|
// stylelint-enable scss/at-if-no-null
|
|
4504
5264
|
|
|
4505
5265
|
// #endregion
|
|
4506
|
-
|
|
4507
|
-
// #endregion
|
|
4508
|
-
|
|
4509
|
-
// Common styles
|
|
4510
|
-
// #region @import "./styles/index.import.scss"; -> scss/core/styles/index.import.scss
|
|
4511
|
-
// #region @import "@progress/kendo-theme-core/scss/styles/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/index.import.scss
|
|
5266
|
+
// #region @import "./styles/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/index.import.scss
|
|
4512
5267
|
// #region @import "./_accessibility.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_accessibility.scss
|
|
4513
5268
|
@mixin kendo-core--styles--accessibility() {
|
|
4514
5269
|
|
|
@@ -4539,6 +5294,20 @@ $_imported: () !default;
|
|
|
4539
5294
|
// #endregion
|
|
4540
5295
|
// #region @import "./_layout.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_layout.scss
|
|
4541
5296
|
@mixin kendo-core--styles--layout() {
|
|
5297
|
+
.k-body {
|
|
5298
|
+
@include typography(
|
|
5299
|
+
var( --kendo-font-size, inherit ),
|
|
5300
|
+
var( --kendo-font-family, inherit ),
|
|
5301
|
+
var( --kendo-line-height, normal ),
|
|
5302
|
+
var( --kendo-font-weight, normal ),
|
|
5303
|
+
var( --kendo-letter-spacing, normal ),
|
|
5304
|
+
);
|
|
5305
|
+
@include fill(
|
|
5306
|
+
var( --kendo-body-text, initial ),
|
|
5307
|
+
var( --kendo-body-bg, initial )
|
|
5308
|
+
);
|
|
5309
|
+
margin: 0;
|
|
5310
|
+
}
|
|
4542
5311
|
|
|
4543
5312
|
// Basic layout
|
|
4544
5313
|
.k-hstack {
|
|
@@ -4626,454 +5395,413 @@ $_imported: () !default;
|
|
|
4626
5395
|
}
|
|
4627
5396
|
|
|
4628
5397
|
|
|
4629
|
-
// Legacy aliases
|
|
4630
|
-
.k-hbox { @extend .k-hstack !optional; }
|
|
4631
|
-
.k-vbox { @extend .k-vstack !optional; }
|
|
4632
|
-
.k-floatwrap { @extend .k-float-wrap !optional; }
|
|
4633
|
-
.k-flex { @extend .k-spacer !optional; }
|
|
4634
|
-
|
|
4635
|
-
}
|
|
4636
|
-
|
|
4637
|
-
// #endregion
|
|
4638
|
-
// #region @import "./_normalize.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_normalize.scss
|
|
4639
|
-
@mixin kendo-core--styles--normalize() {
|
|
4640
|
-
|
|
4641
|
-
// Hidden attribute
|
|
4642
|
-
[hidden] {
|
|
4643
|
-
display: none !important; // stylelint-disable-line declaration-no-important
|
|
4644
|
-
}
|
|
4645
|
-
|
|
4646
|
-
|
|
4647
|
-
// Hide script tags
|
|
4648
|
-
// see https://github.com/telerik/kendo-themes/issues/2360
|
|
4649
|
-
script {
|
|
4650
|
-
display: none !important; // stylelint-disable-line declaration-no-important
|
|
4651
|
-
}
|
|
4652
|
-
|
|
4653
|
-
}
|
|
4654
|
-
|
|
4655
|
-
// #endregion
|
|
4656
|
-
|
|
4657
|
-
|
|
4658
|
-
@mixin kendo-core--styles() {
|
|
4659
|
-
@include kendo-core--styles--accessibility();
|
|
4660
|
-
@include kendo-core--styles--asp-fallback();
|
|
4661
|
-
@include kendo-core--styles--layout();
|
|
4662
|
-
@include kendo-core--styles--normalize();
|
|
4663
|
-
}
|
|
4664
|
-
|
|
4665
|
-
// #endregion
|
|
4666
|
-
|
|
4667
|
-
// #endregion
|
|
4668
|
-
|
|
4669
|
-
// Variables
|
|
4670
|
-
// #region @import "../_variables.scss"; -> scss/_variables.scss
|
|
4671
|
-
// #region @import "./core/functions/index.import.scss"; -> scss/core/functions/index.import.scss
|
|
4672
|
-
// File already imported_once. Skipping output.
|
|
4673
|
-
// #endregion
|
|
4674
|
-
// #region @import "./core/color-system/index.import.scss"; -> scss/core/color-system/index.import.scss
|
|
4675
|
-
// File already imported_once. Skipping output.
|
|
4676
|
-
// #endregion
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
// Options
|
|
4680
|
-
$kendo-enable-rounded: true !default;
|
|
4681
|
-
$kendo-enable-shadows: true !default;
|
|
4682
|
-
$kendo-enable-gradients: false !default;
|
|
4683
|
-
$kendo-enable-transitions: true !default;
|
|
4684
|
-
$kendo-enable-focus-contrast: false !default;
|
|
4685
|
-
$kendo-enable-typography: false !default;
|
|
4686
|
-
|
|
4687
|
-
$kendo-use-input-button-width: false !default;
|
|
4688
|
-
$kendo-use-input-spinner-width: false !default;
|
|
4689
|
-
$kendo-use-input-spinner-icon-offset: false !default;
|
|
4690
|
-
|
|
4691
|
-
$kendo-auto-bootstrap: true !default;
|
|
4692
|
-
|
|
4693
|
-
|
|
4694
|
-
// Spacing
|
|
4695
|
-
$kendo-spacing: (
|
|
4696
|
-
0: 0,
|
|
4697
|
-
1px: 1px,
|
|
4698
|
-
0.5: 2px,
|
|
4699
|
-
1: 4px,
|
|
4700
|
-
1.5: 6px,
|
|
4701
|
-
2: 8px,
|
|
4702
|
-
2.5: 10px,
|
|
4703
|
-
3: 12px,
|
|
4704
|
-
3.5: 14px,
|
|
4705
|
-
4: 16px,
|
|
4706
|
-
4.5: 18px,
|
|
4707
|
-
5: 20px,
|
|
4708
|
-
5.5: 22px,
|
|
4709
|
-
6: 24px,
|
|
4710
|
-
6.5: 26px,
|
|
4711
|
-
7: 28px,
|
|
4712
|
-
7.5: 30px,
|
|
4713
|
-
8: 32px,
|
|
4714
|
-
9: 36px,
|
|
4715
|
-
10: 40px,
|
|
4716
|
-
11: 44px,
|
|
4717
|
-
12: 48px,
|
|
4718
|
-
13: 52px,
|
|
4719
|
-
14: 56px,
|
|
4720
|
-
15: 60px,
|
|
4721
|
-
16: 64px,
|
|
4722
|
-
17: 68px,
|
|
4723
|
-
18: 72px,
|
|
4724
|
-
19: 76px,
|
|
4725
|
-
20: 80px,
|
|
4726
|
-
21: 84px,
|
|
4727
|
-
22: 88px,
|
|
4728
|
-
23: 92px,
|
|
4729
|
-
24: 96px
|
|
4730
|
-
) !default;
|
|
4731
|
-
|
|
4732
|
-
|
|
4733
|
-
// Apply material theme, as early as possible
|
|
4734
|
-
$primary-palette-name: indigo !default;
|
|
4735
|
-
$secondary-palette-name: pink !default;
|
|
4736
|
-
$tertiary-palette-name: teal !default;
|
|
4737
|
-
$adjust-contrast: true !default;
|
|
4738
|
-
$theme-type: light !default; // light or dark
|
|
4739
|
-
|
|
4740
|
-
$primary-palette: material-palette( $primary-palette-name, 500, 300, 700, $adjust-contrast ) !default;
|
|
4741
|
-
$secondary-palette: material-palette( $secondary-palette-name, 500, 300, 700, $adjust-contrast ) !default;
|
|
4742
|
-
$tertiary-palette: material-palette( $tertiary-palette-name, 500, 300, 700, $adjust-contrast ) !default;
|
|
4743
|
-
|
|
4744
|
-
$theme: material-theme(
|
|
4745
|
-
$primary-palette,
|
|
4746
|
-
$secondary-palette,
|
|
4747
|
-
$theme-type
|
|
4748
|
-
) !default;
|
|
4749
|
-
|
|
4750
|
-
|
|
4751
|
-
// Shadows
|
|
4752
|
-
|
|
4753
|
-
/// Color of shadows
|
|
4754
|
-
/// @group shadows
|
|
4755
|
-
$elevation: k-map-get( $theme, elevation ) !default;
|
|
4756
|
-
/// Shadow for switch.
|
|
4757
|
-
/// Equivalent to material elevation 1.
|
|
4758
|
-
/// @group shadows
|
|
4759
|
-
$box-shadow-depth-1: 0 2px 1px -1px rgba( $elevation, .2 ), 0 1px 1px 0 rgba( $elevation, .14 ), 0 1px 3px 0 rgba( $elevation, .12 ) !default;
|
|
4760
|
-
/// Shadow for resting state of button, card and other widgets.
|
|
4761
|
-
/// Equivalent to material elevation 2.
|
|
4762
|
-
/// @group shadows
|
|
4763
|
-
$box-shadow-depth-2: 0 3px 1px -2px rgba( $elevation, .2 ), 0 2px 2px 0 rgba( $elevation, .14 ), 0 1px 5px 0 rgba( $elevation, .12 ) !default;
|
|
4764
|
-
/// Shadow for menu, popups and raised state of button and card.
|
|
4765
|
-
/// Equivalent to material elevation 8.
|
|
4766
|
-
/// @group shadows
|
|
4767
|
-
$box-shadow-depth-3: 0 5px 5px -3px rgba( $elevation, .2 ), 0 8px 10px 1px rgba( $elevation, .14 ), 0 3px 14px 2px rgba( $elevation, .12 ) !default;
|
|
4768
|
-
/// Shadow for drawers and other overlaying elements.
|
|
4769
|
-
/// Equivalent to material elevation 16.
|
|
4770
|
-
/// @group shadows
|
|
4771
|
-
$box-shadow-depth-4: 0 8px 10px -5px rgba( $elevation, .2 ), 0 16px 24px 2px rgba( $elevation, .14 ), 0 6px 30px 5px rgba( $elevation, .12 ) !default;
|
|
4772
|
-
/// Shadow for window and dialog.
|
|
4773
|
-
/// Equivalent to material elevation 24.
|
|
4774
|
-
/// @group shadows
|
|
4775
|
-
$box-shadow-depth-5: 0 11px 15px -7px rgba( $elevation, .2 ), 0 24px 38px 3px rgba( $elevation, .14 ), 0 9px 46px 8px rgba( $elevation, .12 ) !default;
|
|
4776
|
-
|
|
4777
|
-
|
|
4778
|
-
// Icons
|
|
4779
|
-
$kendo-icon-size: 16px !default;
|
|
4780
|
-
|
|
4781
|
-
$kendo-icon-size-xs: calc( #{$kendo-icon-size} * .75 ) !default;
|
|
4782
|
-
$kendo-icon-size-sm: calc( #{$kendo-icon-size} * .875 ) !default;
|
|
4783
|
-
$kendo-icon-size-md: $kendo-icon-size !default;
|
|
4784
|
-
$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
|
|
4785
|
-
$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
|
|
4786
|
-
$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
|
|
4787
|
-
$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
|
|
4788
|
-
|
|
4789
|
-
$kendo-icon-spacing: k-map-get( $kendo-spacing, 2 ) !default;
|
|
4790
|
-
$kendo-icon-padding: k-map-get( $kendo-spacing, 1 ) !default;
|
|
4791
|
-
|
|
4792
|
-
// Metrics
|
|
4793
|
-
$kendo-padding-x: 16px !default;
|
|
4794
|
-
$kendo-padding-y: 4px !default;
|
|
4795
|
-
$kendo-padding-sm-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
4796
|
-
$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
4797
|
-
$kendo-padding-md-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
4798
|
-
$kendo-padding-md-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
4799
|
-
$kendo-padding-lg-x: k-map-get( $kendo-spacing, 6 ) !default;
|
|
4800
|
-
$kendo-padding-lg-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
4801
|
-
|
|
4802
|
-
/// Border radius for all components.
|
|
4803
|
-
$kendo-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
|
|
4804
|
-
$kendo-border-radius-sm: k-math-div( $kendo-border-radius, 2 ) !default;
|
|
4805
|
-
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
4806
|
-
$kendo-border-radius-lg: $kendo-border-radius * 1.5 !default;
|
|
4807
|
-
|
|
4808
|
-
$kendo-border-radii: (
|
|
4809
|
-
DEFAULT: $kendo-border-radius-md,
|
|
4810
|
-
0: 0,
|
|
4811
|
-
sm: $kendo-border-radius-sm,
|
|
4812
|
-
md: $kendo-border-radius-md,
|
|
4813
|
-
lg: $kendo-border-radius-lg,
|
|
4814
|
-
full: 9999px
|
|
4815
|
-
) !default;
|
|
4816
|
-
|
|
4817
|
-
|
|
4818
|
-
$kendo-zindex-popup: 1 !default;
|
|
4819
|
-
$kendo-zindex-window: 2 !default;
|
|
4820
|
-
$kendo-zindex-loading: 100 !default;
|
|
4821
|
-
|
|
4822
|
-
|
|
4823
|
-
// Color settings
|
|
4824
|
-
$kendo-is-dark-theme: k-map-get( $theme, is-dark ) !default;
|
|
4825
|
-
|
|
4826
|
-
|
|
4827
|
-
// Theme colors
|
|
4828
|
-
/// The color that focuses the user attention.
|
|
4829
|
-
/// Used for primary buttons and for elements of primary importance across the theme.
|
|
4830
|
-
/// @group color-system
|
|
4831
|
-
/// @type Color
|
|
4832
|
-
$kendo-color-primary: material-color( $primary-palette, main ) !default;
|
|
4833
|
-
$kendo-color-primary-lighter: material-color( $primary-palette, lighter ) !default;
|
|
4834
|
-
$kendo-color-primary-darker: material-color( $primary-palette, darker ) !default;
|
|
4835
|
-
|
|
4836
|
-
/// The color used along with the primary color denoted by $kendo-color-primary.
|
|
4837
|
-
/// Used to provide contrast between the background and foreground colors.
|
|
4838
|
-
/// @group color-system
|
|
4839
|
-
/// @type Color
|
|
4840
|
-
$kendo-color-primary-contrast: material-color( $primary-palette, main-contrast ) !default;
|
|
4841
|
-
|
|
4842
|
-
/// The secondary color of the theme.
|
|
4843
|
-
/// @group color-system
|
|
4844
|
-
/// @type Color
|
|
4845
|
-
$kendo-color-secondary: material-color( $secondary-palette, main ) !default;
|
|
4846
|
-
$kendo-color-secondary-lighter: material-color( $secondary-palette, lighter ) !default;
|
|
4847
|
-
$kendo-color-secondary-darker: material-color( $secondary-palette, darker ) !default;
|
|
4848
|
-
|
|
4849
|
-
/// The color used along with the secondary color denoted by $kendo-color-secondary.
|
|
4850
|
-
/// Used to provide contrast between the background and foreground colors.
|
|
4851
|
-
/// @group color-system
|
|
4852
|
-
/// @type Color
|
|
4853
|
-
$kendo-color-secondary-contrast: material-color( $secondary-palette, main-contrast ) !default;
|
|
4854
|
-
|
|
4855
|
-
/// The tertiary color of the theme.
|
|
4856
|
-
/// @group color-system
|
|
4857
|
-
/// @type Color
|
|
4858
|
-
$kendo-color-tertiary: material-color($tertiary-palette, main) !default;
|
|
4859
|
-
$kendo-color-tertiary-lighter: material-color($tertiary-palette, lighter) !default;
|
|
4860
|
-
$kendo-color-tertiary-darker: material-color($tertiary-palette, darker) !default;
|
|
4861
|
-
|
|
4862
|
-
/// The color used along with the tertiary color denoted by $kendo-color-tertiary.
|
|
4863
|
-
/// Used to provide contrast between the background and foreground colors.
|
|
4864
|
-
/// @group color-system
|
|
4865
|
-
/// @type Color
|
|
4866
|
-
$kendo-color-tertiary-contrast: material-color($tertiary-palette, main-contrast) !default;
|
|
5398
|
+
// Legacy aliases
|
|
5399
|
+
.k-hbox { @extend .k-hstack !optional; }
|
|
5400
|
+
.k-vbox { @extend .k-vstack !optional; }
|
|
5401
|
+
.k-floatwrap { @extend .k-float-wrap !optional; }
|
|
5402
|
+
.k-flex { @extend .k-spacer !optional; }
|
|
4867
5403
|
|
|
4868
|
-
|
|
4869
|
-
/// @group color-system
|
|
4870
|
-
/// @type Color
|
|
4871
|
-
$kendo-color-info: #0058e9 !default;
|
|
4872
|
-
$kendo-color-info-lighter: k-color-tint( $kendo-color-info, 2 ) !default;
|
|
4873
|
-
$kendo-color-info-darker: k-color-shade( $kendo-color-info, 2 ) !default;
|
|
5404
|
+
}
|
|
4874
5405
|
|
|
4875
|
-
|
|
4876
|
-
|
|
4877
|
-
|
|
4878
|
-
$kendo-color-success: #37b400 !default;
|
|
4879
|
-
$kendo-color-success-lighter: k-color-tint( $kendo-color-success, 2 ) !default;
|
|
4880
|
-
$kendo-color-success-darker: k-color-shade( $kendo-color-success, 2 ) !default;
|
|
5406
|
+
// #endregion
|
|
5407
|
+
// #region @import "./_normalize.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_normalize.scss
|
|
5408
|
+
@mixin kendo-core--styles--normalize() {
|
|
4881
5409
|
|
|
4882
|
-
|
|
4883
|
-
|
|
4884
|
-
|
|
4885
|
-
|
|
4886
|
-
$kendo-color-warning-lighter: k-color-tint( $kendo-color-warning, 2 ) !default;
|
|
4887
|
-
$kendo-color-warning-darker: k-color-shade( $kendo-color-warning, 2 ) !default;
|
|
5410
|
+
// Hidden attribute
|
|
5411
|
+
[hidden] {
|
|
5412
|
+
display: none !important; // stylelint-disable-line declaration-no-important
|
|
5413
|
+
}
|
|
4888
5414
|
|
|
4889
|
-
/// The color for error messages and states.
|
|
4890
|
-
/// @group color-system
|
|
4891
|
-
/// @type Color
|
|
4892
|
-
$kendo-color-error: #f31700 !default;
|
|
4893
|
-
$kendo-color-error-lighter: k-color-tint( $kendo-color-error, 2 ) !default;
|
|
4894
|
-
$kendo-color-error-darker: k-color-shade( $kendo-color-error, 2 ) !default;
|
|
4895
5415
|
|
|
4896
|
-
|
|
4897
|
-
|
|
4898
|
-
|
|
4899
|
-
|
|
5416
|
+
// Hide script tags
|
|
5417
|
+
// see https://github.com/telerik/kendo-themes/issues/2360
|
|
5418
|
+
script {
|
|
5419
|
+
display: none !important; // stylelint-disable-line declaration-no-important
|
|
5420
|
+
}
|
|
4900
5421
|
|
|
4901
|
-
|
|
4902
|
-
/// @group color-system
|
|
4903
|
-
/// @type Color
|
|
4904
|
-
$kendo-color-light: get-base-hue( gray, 100 ) !default;
|
|
5422
|
+
}
|
|
4905
5423
|
|
|
4906
|
-
|
|
4907
|
-
|
|
4908
|
-
|
|
5424
|
+
// #endregion
|
|
5425
|
+
// #region @import "./_base.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_base.scss
|
|
5426
|
+
@mixin kendo-core--styles--base() {
|
|
5427
|
+
// Disabled state
|
|
5428
|
+
.k-disabled,
|
|
5429
|
+
.k-widget[disabled],
|
|
5430
|
+
.k-disabled {
|
|
5431
|
+
@include disabled-color(
|
|
5432
|
+
$color: var( --kendo-disabled-text, inherit ),
|
|
5433
|
+
$border: var( --kendo-disabled-border, inherit )
|
|
5434
|
+
);
|
|
4909
5435
|
|
|
5436
|
+
.k-link {
|
|
5437
|
+
cursor: default;
|
|
5438
|
+
outline: 0;
|
|
5439
|
+
}
|
|
5440
|
+
}
|
|
4910
5441
|
|
|
4911
|
-
|
|
4912
|
-
|
|
4913
|
-
|
|
4914
|
-
|
|
4915
|
-
|
|
4916
|
-
|
|
4917
|
-
|
|
4918
|
-
|
|
4919
|
-
|
|
4920
|
-
|
|
4921
|
-
|
|
4922
|
-
|
|
5442
|
+
// Horizontal line
|
|
5443
|
+
.k-hr {
|
|
5444
|
+
margin-block: k-map-get( $kendo-spacing, 4 );
|
|
5445
|
+
padding: 0;
|
|
5446
|
+
height: 0;
|
|
5447
|
+
border-width: 1px 0 0;
|
|
5448
|
+
border-style: solid;
|
|
5449
|
+
border-color: var( --kendo-component-border, inherit );
|
|
5450
|
+
display: block;
|
|
5451
|
+
float: none;
|
|
5452
|
+
clear: both;
|
|
5453
|
+
}
|
|
4923
5454
|
|
|
5455
|
+
// Horizontal rule
|
|
5456
|
+
.k-d-flex-row > .k-hr {
|
|
5457
|
+
margin: 0;
|
|
5458
|
+
width: 0;
|
|
5459
|
+
height: auto;
|
|
5460
|
+
border-width: 0 0 0 1px;
|
|
5461
|
+
flex: 0 0 auto;
|
|
5462
|
+
}
|
|
4924
5463
|
|
|
4925
|
-
//
|
|
5464
|
+
// Vertical rule
|
|
5465
|
+
.k-d-flex-col > .k-hr {
|
|
5466
|
+
margin: 0;
|
|
5467
|
+
flex: 0 0 auto;
|
|
5468
|
+
}
|
|
4926
5469
|
|
|
4927
|
-
|
|
4928
|
-
|
|
4929
|
-
|
|
4930
|
-
|
|
4931
|
-
|
|
4932
|
-
|
|
4933
|
-
|
|
4934
|
-
|
|
5470
|
+
.k-sprite {
|
|
5471
|
+
display: inline-block;
|
|
5472
|
+
width: 1rem;
|
|
5473
|
+
height: 1rem;
|
|
5474
|
+
overflow: hidden;
|
|
5475
|
+
background-repeat: no-repeat;
|
|
5476
|
+
font-size: 0;
|
|
5477
|
+
line-height: 0;
|
|
5478
|
+
text-align: center;
|
|
5479
|
+
}
|
|
4935
5480
|
|
|
4936
|
-
|
|
4937
|
-
|
|
4938
|
-
|
|
4939
|
-
md: $kendo-font-size-md,
|
|
4940
|
-
lg: $kendo-font-size-lg,
|
|
4941
|
-
xl: $kendo-font-size-xl
|
|
4942
|
-
) !default;
|
|
5481
|
+
.k-image {
|
|
5482
|
+
display: inline-block;
|
|
5483
|
+
}
|
|
4943
5484
|
|
|
4944
|
-
|
|
4945
|
-
|
|
4946
|
-
|
|
5485
|
+
// Layout
|
|
5486
|
+
.k-reset {
|
|
5487
|
+
margin: 0;
|
|
5488
|
+
padding: 0;
|
|
5489
|
+
border-width: 0;
|
|
5490
|
+
outline: 0;
|
|
5491
|
+
text-decoration: none;
|
|
5492
|
+
font: inherit;
|
|
5493
|
+
list-style: none;
|
|
5494
|
+
}
|
|
4947
5495
|
|
|
4948
|
-
|
|
4949
|
-
|
|
4950
|
-
|
|
5496
|
+
kendo-sortable {
|
|
5497
|
+
display: block;
|
|
5498
|
+
}
|
|
4951
5499
|
|
|
4952
|
-
/// Font family for monospaced text. Used for styling the code.
|
|
4953
|
-
/// @group typography
|
|
4954
|
-
$kendo-font-family-monospace: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace !default;
|
|
4955
5500
|
|
|
4956
|
-
|
|
4957
|
-
|
|
4958
|
-
|
|
5501
|
+
// Links
|
|
5502
|
+
.k-link,
|
|
5503
|
+
.k-link:hover {
|
|
5504
|
+
color: inherit;
|
|
5505
|
+
text-decoration: none;
|
|
5506
|
+
outline: 0;
|
|
5507
|
+
cursor: pointer;
|
|
5508
|
+
}
|
|
4959
5509
|
|
|
4960
|
-
|
|
4961
|
-
|
|
4962
|
-
|
|
4963
|
-
|
|
4964
|
-
$kendo-line-height-sm: 1.2 !default;
|
|
4965
|
-
$kendo-line-height-md: $kendo-line-height !default;
|
|
4966
|
-
$kendo-line-height-lg: 1.5 !default;
|
|
4967
|
-
$kendo-line-height-em: calc( #{$kendo-line-height} * 1em ) !default;
|
|
5510
|
+
// Outline
|
|
5511
|
+
.k-content {
|
|
5512
|
+
outline: 0;
|
|
5513
|
+
}
|
|
4968
5514
|
|
|
4969
|
-
//
|
|
4970
|
-
|
|
4971
|
-
|
|
4972
|
-
|
|
4973
|
-
|
|
4974
|
-
|
|
5515
|
+
// Centering
|
|
5516
|
+
.k-centered {
|
|
5517
|
+
position: absolute;
|
|
5518
|
+
top: 50%;
|
|
5519
|
+
left: 50%;
|
|
5520
|
+
transform: translate(-50%, -50%);
|
|
5521
|
+
}
|
|
4975
5522
|
|
|
4976
|
-
//
|
|
4977
|
-
|
|
5523
|
+
// Disable mouse events
|
|
5524
|
+
.k-no-click {
|
|
5525
|
+
pointer-events: none;
|
|
5526
|
+
}
|
|
4978
5527
|
|
|
5528
|
+
// Off-screen container used during PDF export
|
|
5529
|
+
.k-pdf-export-shadow {
|
|
5530
|
+
position: absolute;
|
|
5531
|
+
overflow: hidden;
|
|
5532
|
+
left: -15000px;
|
|
5533
|
+
width: 14400px;
|
|
5534
|
+
}
|
|
4979
5535
|
|
|
4980
|
-
//
|
|
5536
|
+
// PDF export icons fix
|
|
5537
|
+
.kendo-pdf-hide-pseudo-elements::before,
|
|
5538
|
+
.kendo-pdf-hide-pseudo-elements::after {
|
|
5539
|
+
display: none !important; // stylelint-disable-line declaration-no-important
|
|
5540
|
+
}
|
|
4981
5541
|
|
|
4982
|
-
//
|
|
4983
|
-
|
|
4984
|
-
|
|
5542
|
+
// Dirty indicator
|
|
5543
|
+
.k-dirty {
|
|
5544
|
+
margin: 0;
|
|
5545
|
+
padding: 0;
|
|
5546
|
+
width: 0;
|
|
5547
|
+
height: 0;
|
|
5548
|
+
border-width: 3px;
|
|
5549
|
+
border-style: solid;
|
|
5550
|
+
border-block-start-color: currentColor;
|
|
5551
|
+
border-block-end-color: transparent;
|
|
5552
|
+
border-inline-start-color: transparent;
|
|
5553
|
+
border-inline-end-color: currentColor;
|
|
5554
|
+
position: absolute;
|
|
5555
|
+
inset-block-start: 0;
|
|
5556
|
+
inset-inline-end: 0;
|
|
5557
|
+
}
|
|
5558
|
+
}
|
|
5559
|
+
// #endregion
|
|
5560
|
+
// #region @import "./_loading.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_loading.scss
|
|
5561
|
+
@mixin kendo-core--styles--loading() {
|
|
5562
|
+
// Loading mask
|
|
5563
|
+
.k-loading-mask,
|
|
5564
|
+
.k-loading-image,
|
|
5565
|
+
.k-loading-color {
|
|
5566
|
+
width: 100%;
|
|
5567
|
+
height: 100%;
|
|
5568
|
+
box-sizing: border-box;
|
|
5569
|
+
position: absolute;
|
|
5570
|
+
top: 0;
|
|
5571
|
+
left: 0;
|
|
4985
5572
|
|
|
4986
|
-
|
|
5573
|
+
*,
|
|
5574
|
+
*::before,
|
|
5575
|
+
*::after,
|
|
5576
|
+
&::before,
|
|
5577
|
+
&::after {
|
|
5578
|
+
box-sizing: border-box;
|
|
5579
|
+
}
|
|
5580
|
+
}
|
|
4987
5581
|
|
|
4988
|
-
|
|
4989
|
-
|
|
4990
|
-
$kendo-app-border: k-map-get( $theme, component-border ) !default;
|
|
5582
|
+
.k-loading-mask {
|
|
5583
|
+
z-index: $kendo-zindex-loading;
|
|
4991
5584
|
|
|
4992
|
-
|
|
4993
|
-
|
|
4994
|
-
|
|
5585
|
+
&.k-opaque {
|
|
5586
|
+
.k-loading-color {
|
|
5587
|
+
opacity: 1;
|
|
5588
|
+
}
|
|
5589
|
+
}
|
|
5590
|
+
}
|
|
5591
|
+
.k-loading-text {
|
|
5592
|
+
text-indent: -4000px;
|
|
5593
|
+
text-align: center;
|
|
5594
|
+
position: absolute;
|
|
5595
|
+
color: $kendo-loading-text;
|
|
5596
|
+
}
|
|
5597
|
+
.k-loading-image {
|
|
5598
|
+
z-index: 2;
|
|
5599
|
+
color: $kendo-loading-text;
|
|
5600
|
+
}
|
|
5601
|
+
.k-loading-color {
|
|
5602
|
+
background-color: $kendo-loading-bg;
|
|
5603
|
+
opacity: $kendo-loading-opacity;
|
|
5604
|
+
}
|
|
4995
5605
|
|
|
5606
|
+
// Loading indicator
|
|
5607
|
+
.k-i-loading {
|
|
5608
|
+
position: relative;
|
|
5609
|
+
background-color: transparent;
|
|
5610
|
+
box-sizing: border-box;
|
|
5611
|
+
color: $kendo-loading-text;
|
|
4996
5612
|
|
|
4997
|
-
|
|
5613
|
+
&::before,
|
|
5614
|
+
&::after {
|
|
5615
|
+
box-sizing: border-box;
|
|
5616
|
+
}
|
|
5617
|
+
}
|
|
4998
5618
|
|
|
4999
|
-
|
|
5000
|
-
|
|
5001
|
-
|
|
5002
|
-
|
|
5003
|
-
|
|
5004
|
-
|
|
5005
|
-
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
|
|
5009
|
-
|
|
5010
|
-
|
|
5011
|
-
|
|
5619
|
+
.k-i-loading::before,
|
|
5620
|
+
.k-i-loading::after,
|
|
5621
|
+
.k-loading-image::before,
|
|
5622
|
+
.k-loading-image::after {
|
|
5623
|
+
position: absolute;
|
|
5624
|
+
top: 50%;
|
|
5625
|
+
left: 50%;
|
|
5626
|
+
display: inline-block;
|
|
5627
|
+
content: "";
|
|
5628
|
+
box-sizing: inherit;
|
|
5629
|
+
border-radius: 50%;
|
|
5630
|
+
border-width: .05em;
|
|
5631
|
+
border-style: solid;
|
|
5632
|
+
border-color: currentColor;
|
|
5633
|
+
border-top-color: transparent;
|
|
5634
|
+
border-bottom-color: transparent;
|
|
5635
|
+
background-color: transparent;
|
|
5636
|
+
}
|
|
5012
5637
|
|
|
5638
|
+
.k-icon.k-i-loading::before,
|
|
5639
|
+
.k-icon.k-i-loading::after {
|
|
5640
|
+
content: "";
|
|
5641
|
+
}
|
|
5013
5642
|
|
|
5014
|
-
|
|
5015
|
-
|
|
5016
|
-
|
|
5017
|
-
|
|
5018
|
-
|
|
5019
|
-
|
|
5020
|
-
|
|
5021
|
-
|
|
5643
|
+
.k-i-loading::before,
|
|
5644
|
+
.k-loading-image::before {
|
|
5645
|
+
margin-top: -.5em;
|
|
5646
|
+
margin-left: -.5em;
|
|
5647
|
+
width: 1em;
|
|
5648
|
+
height: 1em;
|
|
5649
|
+
animation: k-loading-animation .7s linear infinite;
|
|
5650
|
+
}
|
|
5022
5651
|
|
|
5023
|
-
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
|
|
5028
|
-
|
|
5029
|
-
|
|
5030
|
-
|
|
5652
|
+
.k-i-loading::after,
|
|
5653
|
+
.k-loading-image::after {
|
|
5654
|
+
margin-top: -.25em;
|
|
5655
|
+
margin-left: -.25em;
|
|
5656
|
+
width: .5em;
|
|
5657
|
+
height: .5em;
|
|
5658
|
+
animation: k-loading-animation reverse 1.4s linear infinite;
|
|
5659
|
+
}
|
|
5031
5660
|
|
|
5032
|
-
|
|
5033
|
-
|
|
5034
|
-
|
|
5035
|
-
|
|
5036
|
-
|
|
5037
|
-
|
|
5038
|
-
|
|
5039
|
-
|
|
5661
|
+
.k-loading-image::before,
|
|
5662
|
+
.k-loading-image::after {
|
|
5663
|
+
content: "";
|
|
5664
|
+
// See https://github.com/telerik/kendo-themes/issues/1925
|
|
5665
|
+
border-width: 1px; // TODO: Remove once we drop IE support
|
|
5666
|
+
border-width: clamp( .015em, 1px, 1px );
|
|
5667
|
+
font-size: 4em;
|
|
5668
|
+
}
|
|
5040
5669
|
|
|
5041
|
-
|
|
5042
|
-
|
|
5043
|
-
|
|
5044
|
-
|
|
5670
|
+
// Loading animation
|
|
5671
|
+
@keyframes k-loading-animation {
|
|
5672
|
+
0% {
|
|
5673
|
+
transform: rotate(0deg);
|
|
5674
|
+
}
|
|
5675
|
+
100% {
|
|
5676
|
+
transform: rotate(360deg);
|
|
5677
|
+
}
|
|
5678
|
+
}
|
|
5679
|
+
}
|
|
5680
|
+
// #endregion
|
|
5681
|
+
// #region @import "./_selection.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_selection.scss
|
|
5682
|
+
@mixin kendo-core--styles--selection() {
|
|
5683
|
+
.k-marquee {
|
|
5684
|
+
position: absolute;
|
|
5685
|
+
z-index: 100000;
|
|
5686
|
+
}
|
|
5045
5687
|
|
|
5046
|
-
|
|
5688
|
+
.k-marquee-color,
|
|
5689
|
+
.k-marquee-text {
|
|
5690
|
+
position: absolute;
|
|
5691
|
+
top: 0;
|
|
5692
|
+
left: 0;
|
|
5693
|
+
width: 100%;
|
|
5694
|
+
height: 100%;
|
|
5695
|
+
}
|
|
5047
5696
|
|
|
5697
|
+
.k-marquee-color {
|
|
5698
|
+
color: $kendo-selected-text;
|
|
5699
|
+
background-color: k-get-theme-color-var( primary-60, #{$kendo-selected-bg} );
|
|
5700
|
+
border-color: k-get-theme-color-var( primary-100, #{$kendo-selected-border} );
|
|
5701
|
+
opacity: .6;
|
|
5702
|
+
}
|
|
5703
|
+
.k-marquee-text {
|
|
5704
|
+
color: $kendo-selected-text;
|
|
5705
|
+
}
|
|
5706
|
+
}
|
|
5707
|
+
// #endregion
|
|
5048
5708
|
|
|
5049
|
-
// Disabled mixin variables
|
|
5050
|
-
$kendo-disabled-text: k-map-get( $theme, disabled-text ) !default;
|
|
5051
|
-
$kendo-disabled-filter: grayscale(.1) !default;
|
|
5052
|
-
$kendo-disabled-opacity: .6 !default;
|
|
5053
5709
|
|
|
5054
|
-
|
|
5055
|
-
|
|
5056
|
-
|
|
5057
|
-
)
|
|
5710
|
+
@mixin kendo-core--styles() {
|
|
5711
|
+
@include kendo-core--styles--accessibility();
|
|
5712
|
+
@include kendo-core--styles--asp-fallback();
|
|
5713
|
+
@include kendo-core--styles--layout();
|
|
5714
|
+
@include kendo-core--styles--normalize();
|
|
5715
|
+
@include kendo-core--styles--base();
|
|
5716
|
+
@include kendo-core--styles--loading();
|
|
5717
|
+
@include kendo-core--styles--selection();
|
|
5718
|
+
}
|
|
5058
5719
|
|
|
5720
|
+
// #endregion
|
|
5721
|
+
// #region @import "./_variables.scss"; -> node_modules/@progress/kendo-theme-core/scss/_variables.scss
|
|
5722
|
+
// #region @import "./functions/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
|
|
5723
|
+
// File already imported_once. Skipping output.
|
|
5724
|
+
// #endregion
|
|
5059
5725
|
|
|
5060
|
-
//
|
|
5726
|
+
// Options
|
|
5727
|
+
$kendo-enable-shadows: true !default;
|
|
5728
|
+
$kendo-enable-rounded: true !default;
|
|
5729
|
+
$kendo-enable-gradients: true !default;
|
|
5730
|
+
$kendo-enable-transitions: true !default;
|
|
5061
5731
|
|
|
5062
|
-
|
|
5732
|
+
$kendo-spacing: (
|
|
5733
|
+
0: 0,
|
|
5734
|
+
1px: 1px,
|
|
5735
|
+
0.5: 0.125rem,
|
|
5736
|
+
1: 0.25rem,
|
|
5737
|
+
1.5: 0.375rem,
|
|
5738
|
+
2: 0.5rem,
|
|
5739
|
+
2.5: 0.625rem,
|
|
5740
|
+
3: 0.75rem,
|
|
5741
|
+
3.5: 0.875rem,
|
|
5742
|
+
4: 1rem,
|
|
5743
|
+
4.5: 1.125rem,
|
|
5744
|
+
5: 1.25rem,
|
|
5745
|
+
5.5: 1.375rem,
|
|
5746
|
+
6: 1.5rem,
|
|
5747
|
+
6.5: 1.625rem,
|
|
5748
|
+
7: 1.75rem,
|
|
5749
|
+
7.5: 1.875rem,
|
|
5750
|
+
8: 2rem,
|
|
5751
|
+
9: 2.25rem,
|
|
5752
|
+
10: 2.5rem,
|
|
5753
|
+
11: 2.75rem,
|
|
5754
|
+
12: 3rem,
|
|
5755
|
+
13: 3.25rem,
|
|
5756
|
+
14: 3.5rem,
|
|
5757
|
+
15: 3.75rem,
|
|
5758
|
+
16: 4rem,
|
|
5759
|
+
17: 4.25rem,
|
|
5760
|
+
18: 4.5rem,
|
|
5761
|
+
19: 4.75rem,
|
|
5762
|
+
20: 5rem,
|
|
5763
|
+
21: 5.25rem,
|
|
5764
|
+
22: 5.5rem,
|
|
5765
|
+
23: 5.75rem,
|
|
5766
|
+
24: 6rem,
|
|
5767
|
+
) !default;
|
|
5063
5768
|
|
|
5769
|
+
/// Border radius for all components.
|
|
5770
|
+
$kendo-border-radius: k-map-get($kendo-spacing, 0.5) !default;
|
|
5771
|
+
$kendo-border-radius-sm: k-math-div($kendo-border-radius, 2) !default;
|
|
5772
|
+
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
5773
|
+
$kendo-border-radius-lg: ($kendo-border-radius * 2) !default;
|
|
5064
5774
|
|
|
5065
|
-
|
|
5066
|
-
|
|
5067
|
-
|
|
5068
|
-
|
|
5069
|
-
$kendo-
|
|
5775
|
+
$kendo-border-radii: (
|
|
5776
|
+
DEFAULT: var(--kendo-border-radius-md, $kendo-border-radius-md),
|
|
5777
|
+
0: 0,
|
|
5778
|
+
sm: var(--kendo-border-radius-sm, $kendo-border-radius-sm),
|
|
5779
|
+
md: var(--kendo-border-radius-md, $kendo-border-radius-md),
|
|
5780
|
+
lg: var(--kendo-border-radius-lg, $kendo-border-radius-lg),
|
|
5781
|
+
none: 0,
|
|
5782
|
+
full: 9999px,
|
|
5783
|
+
) !default;
|
|
5070
5784
|
|
|
5785
|
+
// Metrics
|
|
5786
|
+
$kendo-padding-x: k-map-get($kendo-spacing, 2) !default;
|
|
5787
|
+
$kendo-padding-y: k-map-get($kendo-spacing, 1) !default;
|
|
5788
|
+
$kendo-padding-sm-x: k-map-get($kendo-spacing, 1) !default;
|
|
5789
|
+
$kendo-padding-sm-y: k-map-get($kendo-spacing, 0.5) !default;
|
|
5790
|
+
$kendo-padding-md-x: k-map-get($kendo-spacing, 2) !default;
|
|
5791
|
+
$kendo-padding-md-y: k-map-get($kendo-spacing, 1) !default;
|
|
5792
|
+
$kendo-padding-lg-x: k-map-get($kendo-spacing, 3) !default;
|
|
5793
|
+
$kendo-padding-lg-y: k-map-get($kendo-spacing, 1.5) !default;
|
|
5071
5794
|
|
|
5072
|
-
//
|
|
5073
|
-
|
|
5074
|
-
$
|
|
5075
|
-
$
|
|
5076
|
-
|
|
5795
|
+
// Equilateral triangle variables
|
|
5796
|
+
// stylelint-disable number-max-precision
|
|
5797
|
+
$equilateral-index: 1.7320508076 !default;
|
|
5798
|
+
$equilateral-height: 0.8660254038 !default;
|
|
5799
|
+
// stylelint-enable number-max-precision
|
|
5800
|
+
|
|
5801
|
+
// Loading
|
|
5802
|
+
$kendo-loading-opacity: .3 !default;
|
|
5803
|
+
$kendo-zindex-loading: 100 !default;
|
|
5804
|
+
// #endregion
|
|
5077
5805
|
|
|
5078
5806
|
// #endregion
|
|
5079
5807
|
|
|
@@ -6168,39 +6896,6 @@ $kendo-invalid-shadow: null !default;
|
|
|
6168
6896
|
|
|
6169
6897
|
// #endregion
|
|
6170
6898
|
|
|
6171
|
-
// #endregion
|
|
6172
|
-
// #region @import "./_selection.scss"; -> scss/common/_selection.scss
|
|
6173
|
-
// #region @import "@progress/kendo-theme-default/scss/common/_selection.scss"; -> node_modules/@progress/kendo-theme-default/scss/common/_selection.scss
|
|
6174
|
-
@include exports( "common/selection/marquee" ) {
|
|
6175
|
-
|
|
6176
|
-
.k-marquee {
|
|
6177
|
-
position: absolute;
|
|
6178
|
-
z-index: 100000;
|
|
6179
|
-
}
|
|
6180
|
-
|
|
6181
|
-
.k-marquee-color,
|
|
6182
|
-
.k-marquee-text {
|
|
6183
|
-
position: absolute;
|
|
6184
|
-
top: 0;
|
|
6185
|
-
left: 0;
|
|
6186
|
-
width: 100%;
|
|
6187
|
-
height: 100%;
|
|
6188
|
-
}
|
|
6189
|
-
|
|
6190
|
-
.k-marquee-color {
|
|
6191
|
-
color: $kendo-selected-text;
|
|
6192
|
-
background-color: $kendo-selected-bg;
|
|
6193
|
-
border-color: $kendo-selected-border;
|
|
6194
|
-
opacity: .6;
|
|
6195
|
-
}
|
|
6196
|
-
.k-marquee-text {
|
|
6197
|
-
color: $kendo-selected-text;
|
|
6198
|
-
}
|
|
6199
|
-
|
|
6200
|
-
}
|
|
6201
|
-
|
|
6202
|
-
// #endregion
|
|
6203
|
-
|
|
6204
6899
|
// #endregion
|
|
6205
6900
|
|
|
6206
6901
|
// #endregion
|
|
@@ -14095,7 +14790,10 @@ $kendo-utils: (
|
|
|
14095
14790
|
|
|
14096
14791
|
// Register
|
|
14097
14792
|
// #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
|
|
14793
|
+
// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
|
|
14098
14794
|
// File already imported_once. Skipping output.
|
|
14795
|
+
// #endregion
|
|
14796
|
+
|
|
14099
14797
|
// #endregion
|
|
14100
14798
|
@include module-register( $_kendo-module-meta... );
|
|
14101
14799
|
|
|
@@ -37905,6 +38603,7 @@ $kendo-actionsheet-item-disabled-opacity: .42 !default;
|
|
|
37905
38603
|
|
|
37906
38604
|
|
|
37907
38605
|
// Adaptive Actionsheet
|
|
38606
|
+
$kendo-adaptive-actionsheet-font-size: $kendo-font-size-lg !default;
|
|
37908
38607
|
$kendo-adaptive-actionsheet-titlebar-border-width: 1px !default;
|
|
37909
38608
|
$kendo-adaptive-actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
37910
38609
|
$kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-y !default;
|
|
@@ -38151,6 +38850,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !de
|
|
|
38151
38850
|
.k-adaptive-actionsheet {
|
|
38152
38851
|
max-width: 100%;
|
|
38153
38852
|
width: 100%;
|
|
38853
|
+
font-size: $kendo-adaptive-actionsheet-font-size;
|
|
38154
38854
|
|
|
38155
38855
|
// TMP: this should be moved to action sheet
|
|
38156
38856
|
display: flex;
|
|
@@ -38190,6 +38890,12 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !de
|
|
|
38190
38890
|
padding-inline: 0;
|
|
38191
38891
|
}
|
|
38192
38892
|
|
|
38893
|
+
.k-menu-group {
|
|
38894
|
+
height: 100%;
|
|
38895
|
+
overflow: auto;
|
|
38896
|
+
position: static;
|
|
38897
|
+
}
|
|
38898
|
+
|
|
38193
38899
|
.k-calendar {
|
|
38194
38900
|
margin-inline: auto;
|
|
38195
38901
|
border-width: 0;
|