@carbon/type 10.43.2 → 11.0.0-rc.0
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/README.md +2 -6
- package/index.scss +7 -7
- package/package.json +6 -6
- package/scss/_classes.scss +8 -7
- package/scss/{modules/_default-type.scss → _default-type.scss} +0 -0
- package/scss/_font-family.scss +51 -17
- package/scss/_inlined/_classes.scss +8 -7
- package/scss/_inlined/_default-type.scss +55 -0
- package/scss/_inlined/_font-family.scss +51 -17
- package/scss/_inlined/_reset.scss +11 -59
- package/scss/_inlined/_scale.scss +13 -15
- package/scss/_inlined/_styles.scss +146 -214
- package/scss/_reset.scss +11 -59
- package/scss/_scale.scss +13 -15
- package/scss/_styles.scss +146 -214
- package/scss/vendor/@carbon/grid/{modules/_breakpoint.scss → _breakpoint.scss} +1 -1
- package/scss/vendor/@carbon/grid/{modules/_config.scss → _config.scss} +1 -1
- package/scss/vendor/@carbon/grid/{modules/_css-grid.scss → _css-grid.scss} +0 -0
- package/scss/vendor/@carbon/grid/{modules/_flex-grid.scss → _flex-grid.scss} +0 -20
- package/scss/vendor/@carbon/grid/_inlined/_breakpoint.scss +198 -0
- package/scss/vendor/@carbon/grid/_inlined/_config.scss +94 -0
- package/scss/vendor/@carbon/grid/_inlined/_css-grid.scss +470 -0
- package/scss/vendor/@carbon/grid/{modules/_mixins.scss → _inlined/_flex-grid.scss} +45 -38
- package/scss/vendor/@carbon/grid/_inlined/_mixins.scss +89 -188
- package/scss/vendor/@carbon/grid/_mixins.scss +89 -188
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_convert.import.scss +2 -4
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_convert.scss +18 -23
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_spacing.scss +2 -5
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_utilities.scss +4 -4
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_container.scss +13 -43
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss +11 -35
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_icon-size.scss +8 -17
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_size.scss +1 -1
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_spacing.scss +29 -107
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/_convert.scss +2 -4
- package/scss/_inlined/_styles.import.scss +0 -766
- package/scss/_inlined/font-face/_mono.scss +0 -430
- package/scss/_inlined/font-face/_sans-condensed.scss +0 -302
- package/scss/_inlined/font-face/_sans.scss +0 -497
- package/scss/_inlined/font-face/_serif.scss +0 -430
- package/scss/_inlined/font-face/_settings.scss +0 -12
- package/scss/_styles.import.scss +0 -766
- package/scss/font-face/_mono.scss +0 -430
- package/scss/font-face/_sans-condensed.scss +0 -302
- package/scss/font-face/_sans.scss +0 -497
- package/scss/font-face/_serif.scss +0 -430
- package/scss/font-face/_settings.scss +0 -12
- package/scss/index.scss +0 -8
- package/scss/modules/_classes.scss +0 -42
- package/scss/modules/_font-family.scss +0 -104
- package/scss/modules/_prefix.scss +0 -11
- package/scss/modules/_reset.scss +0 -44
- package/scss/modules/_scale.scss +0 -57
- package/scss/modules/_styles.scss +0 -876
- package/scss/type.scss +0 -8
- package/scss/vendor/@carbon/grid/12.scss +0 -41
- package/scss/vendor/@carbon/grid/_inlined/12.scss +0 -41
- package/scss/vendor/@carbon/grid/_inlined/_mixins.import.scss +0 -431
- package/scss/vendor/@carbon/grid/_inlined/_prefix.scss +0 -12
- package/scss/vendor/@carbon/grid/_mixins.import.scss +0 -431
- package/scss/vendor/@carbon/grid/_prefix.scss +0 -12
- package/scss/vendor/@carbon/grid/grid.scss +0 -10
- package/scss/vendor/@carbon/grid/index.scss +0 -10
- package/scss/vendor/@carbon/grid/vendor/@carbon/import-once/import-once.scss +0 -27
- package/scss/vendor/@carbon/grid/vendor/@carbon/import-once/index.scss +0 -8
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_breakpoint.scss +0 -246
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.import.scss +0 -117
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.scss +0 -111
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_mini-unit.scss +0 -23
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_layout.scss +0 -97
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/index.scss +0 -8
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/layout.scss +0 -12
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/_spacing.scss +0 -9
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/_utilities.scss +0 -41
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +0 -37
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +0 -91
- package/scss/vendor/@carbon/import-once/import-once.scss +0 -27
- package/scss/vendor/@carbon/import-once/index.scss +0 -8
package/scss/modules/_scale.scss
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
@use '@carbon/layout';
|
|
9
|
-
@use 'sass:list';
|
|
10
|
-
|
|
11
|
-
/// Compute the type size for the given type scale step
|
|
12
|
-
/// @param {Number} $step
|
|
13
|
-
/// @return {Number} In px
|
|
14
|
-
/// @access public
|
|
15
|
-
/// @group @carbon/type
|
|
16
|
-
@function get-type-size($step) {
|
|
17
|
-
@if $step == 1 {
|
|
18
|
-
@return 12px;
|
|
19
|
-
}
|
|
20
|
-
// Yn = Yn-1 + {INT[(n-2)/4] + 1} * 2
|
|
21
|
-
@return get-type-size($step - 1) + (floor(($step - 2) * 0.25) + 1) * 2;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/// Type scale follows a custom formula for determining each step size and supports sizes from 12px to 92px
|
|
25
|
-
/// @type Map
|
|
26
|
-
/// @access public
|
|
27
|
-
/// @group @carbon/type
|
|
28
|
-
$type-scale: ();
|
|
29
|
-
@for $i from 1 through 23 {
|
|
30
|
-
$type-scale: list.append($type-scale, layout.rem(get-type-size($i)));
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/// Get the value of a specific step in the type scale
|
|
34
|
-
/// @param {Number} $step
|
|
35
|
-
/// @return {Number} In rem
|
|
36
|
-
/// @access public
|
|
37
|
-
/// @group @carbon/type
|
|
38
|
-
@function type-scale($step) {
|
|
39
|
-
@return nth($type-scale, $step);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
/// Set the font-size value of a selector with the value at the given `$step`
|
|
43
|
-
/// @param {Number} $step
|
|
44
|
-
/// @access public
|
|
45
|
-
/// @group @carbon/type
|
|
46
|
-
@mixin type-scale($step) {
|
|
47
|
-
font-size: type-scale($step);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
/// Alias of `type-scale` mixin.
|
|
51
|
-
/// @param {Number} $step
|
|
52
|
-
/// @alias type-scale
|
|
53
|
-
/// @access public
|
|
54
|
-
/// @group @carbon/type
|
|
55
|
-
@mixin font-size($step) {
|
|
56
|
-
font-size: type-scale($step);
|
|
57
|
-
}
|