@maggioli-design-system/styles 4.0.1 → 5.0.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/css/base.css +42 -78
- package/dist/css/colors-rgb.css +577 -0
- package/dist/css/colors.css +572 -276
- package/dist/css/typography.css +101 -196
- package/dist/tailwind/base.css +7 -8
- package/dist/tailwind/typography.css +2 -1
- package/package.json +16 -26
- package/postcss.config.js +1 -1
- package/dist/css/base.css.map +0 -1
- package/dist/css/base.min.css +0 -1
- package/dist/css/color-palette.css +0 -10917
- package/dist/css/color-palette.css.map +0 -1
- package/dist/css/color-palette.min.css +0 -1
- package/dist/css/colors.css.map +0 -1
- package/dist/css/colors.min.css +0 -1
- package/dist/css/components.css +0 -16
- package/dist/css/components.css.map +0 -1
- package/dist/css/components.min.css +0 -1
- package/dist/css/styles.css +0 -11607
- package/dist/css/styles.css.map +0 -1
- package/dist/css/styles.min.css +0 -1
- package/dist/css/typography.css.map +0 -1
- package/dist/css/typography.min.css +0 -1
- package/dist/scss/config.scss +0 -10
- package/dist/scss/export/base.scss +0 -2
- package/dist/scss/export/color-palette.scss +0 -2
- package/dist/scss/export/colors.scss +0 -2
- package/dist/scss/export/components.scss +0 -2
- package/dist/scss/export/styles.scss +0 -8
- package/dist/scss/export/typography.scss +0 -2
- package/dist/scss/extends/scroll.scss +0 -21
- package/dist/scss/functions/assets.scss +0 -3
- package/dist/scss/functions/color.scss +0 -24
- package/dist/scss/functions/lists.scss +0 -27
- package/dist/scss/functions/maps.scss +0 -54
- package/dist/scss/functions/math.scss +0 -18
- package/dist/scss/functions/media.scss +0 -10
- package/dist/scss/functions/scaffolding.scss +0 -8
- package/dist/scss/functions/strings.scss +0 -102
- package/dist/scss/global/base.scss +0 -101
- package/dist/scss/global/components/view-limit.scss +0 -9
- package/dist/scss/global/scaffolding/colors.scss +0 -66
- package/dist/scss/global/scaffolding/cosmetics.scss +0 -23
- package/dist/scss/global/scaffolding/tokens.scss +0 -91
- package/dist/scss/global/scaffolding/typography.scss +0 -17
- package/dist/scss/global/utility/overflow.scss +0 -9
- package/dist/scss/import-framework.scss +0 -13
- package/dist/scss/import-global.scss +0 -8
- package/dist/scss/mixins/export.scss +0 -49
- package/dist/scss/mixins/media.scss +0 -8
- package/dist/scss/mixins/parent.scss +0 -6
- package/dist/scss/mixins/scaffolding.scss +0 -75
- package/dist/scss/theme.scss +0 -36
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
@mixin scaffold-property ($property-name, $variant, $value, $property-selector:$property-name) {
|
|
2
|
-
.#{$property-selector}-#{$variant} {
|
|
3
|
-
#{$property-name}: $value !important;
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
@mixin add-property-set ($property-name, $map, $group-name: false) {
|
|
8
|
-
@each $attribute, $value in $map {
|
|
9
|
-
|
|
10
|
-
@if $group-name {
|
|
11
|
-
.#{$property-name}-#{$group-name}-#{$attribute} {
|
|
12
|
-
#{$property-name}: $value;
|
|
13
|
-
}
|
|
14
|
-
} @else {
|
|
15
|
-
@include scaffold-property($property-name: $property-name, $variant: $attribute, $value: $value);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@mixin apply-styles-set ($map, $set) {
|
|
21
|
-
@each $viewports, $properties in map-get($map, $set) {
|
|
22
|
-
|
|
23
|
-
@if $viewports == 'default' {
|
|
24
|
-
@each $property, $value in $properties {
|
|
25
|
-
#{$property}: $value;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@if $viewports == 'media' {
|
|
30
|
-
@each $viewport, $properties-list in $properties {
|
|
31
|
-
@include media ($viewport) {
|
|
32
|
-
@each $property, $value in $properties-list {
|
|
33
|
-
#{$property}: $value;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@mixin add-font-property ($map, $set, $property-name) {
|
|
42
|
-
@each $viewports, $properties in map-get($map, $set) {
|
|
43
|
-
|
|
44
|
-
@if $viewports == 'default' {
|
|
45
|
-
@each $property, $value in $properties {
|
|
46
|
-
|
|
47
|
-
@if ($property == $property-name) {
|
|
48
|
-
#{$property}: $value;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
@if $viewports == 'media' {
|
|
54
|
-
@each $viewport, $properties-list in $properties {
|
|
55
|
-
@include media ($viewport) {
|
|
56
|
-
@each $property, $value in $properties-list {
|
|
57
|
-
#{$property}: $value;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
@mixin add-styles-set ($map, $name) {
|
|
66
|
-
@each $set, $viewports in $map {
|
|
67
|
-
.#{$name}--#{$set} {
|
|
68
|
-
@include apply-styles-set($map: $map, $set: $set);
|
|
69
|
-
|
|
70
|
-
&::placeholder {
|
|
71
|
-
@include apply-styles-set($map: $map, $set: $set);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
}
|
package/dist/scss/theme.scss
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
// these files are generated by 'npm run json-sass' script
|
|
2
|
-
@import '@maggioli-design-system/design-tokens/dist/scss/variables';
|
|
3
|
-
@import '@maggioli-design-system/design-tokens/dist/scss/config';
|
|
4
|
-
@import '@maggioli-design-system/design-tokens/dist/scss/cosmetics';
|
|
5
|
-
@import '@maggioli-design-system/design-tokens/dist/scss/ease';
|
|
6
|
-
@import '@maggioli-design-system/design-tokens/dist/scss/font-family-styles';
|
|
7
|
-
@import '@maggioli-design-system/design-tokens/dist/scss/media';
|
|
8
|
-
@import '@maggioli-design-system/design-tokens/dist/scss/sizes';
|
|
9
|
-
|
|
10
|
-
$gutter: get($sizes, 'gutter');
|
|
11
|
-
$form-sizes: get($sizes, 'form');
|
|
12
|
-
$list-sizes: get($sizes, 'size');
|
|
13
|
-
$avatar-sizes: get($sizes, 'avatar');
|
|
14
|
-
$button-sizes: get($sizes, 'button');
|
|
15
|
-
$icon-sizes: get($sizes, 'icon');
|
|
16
|
-
$radius: get($cosmetics, 'border-radius');
|
|
17
|
-
$shadow: get($cosmetics, 'box-shadow');
|
|
18
|
-
$tween: get($cosmetics, 'tween');
|
|
19
|
-
$font-family: (
|
|
20
|
-
'primary': #{get(get($font-family-styles, 'primary'), 'family')},
|
|
21
|
-
'secondary': #{get(get($font-family-styles, 'secondary'), 'family')},
|
|
22
|
-
'mono': #{get(get($font-family-styles, 'mono'), 'family')},
|
|
23
|
-
);
|
|
24
|
-
$font-primary-styles: get(get($font-family-styles, 'primary'), 'styles');
|
|
25
|
-
$font-secondary-styles: get(get($font-family-styles, 'secondary'), 'styles');
|
|
26
|
-
$font-secondary-variants: get(get($font-family-styles, 'secondary'), 'variants');
|
|
27
|
-
$font-mono-styles: get(get($font-family-styles, 'mono'), 'styles');
|
|
28
|
-
$palette: get($config, 'palette');
|
|
29
|
-
$palette-format: get(get($config, 'palette'), 'format');
|
|
30
|
-
$palette-scale: get(get($config, 'palette'), 'scale');
|
|
31
|
-
$palette-colors: get(get($config, 'palette'), 'colors');
|
|
32
|
-
$palette-scaffold: get(get($config, 'palette'), 'scaffold');
|
|
33
|
-
$cosmetics-scaffold: get(get($config, 'cosmetics'), 'scaffold');
|
|
34
|
-
$config-scaffold: get($config, 'scaffold');
|
|
35
|
-
$config-scaffold-format: get(get($config, 'scaffold'), 'format');
|
|
36
|
-
$config-scaffold-properties: get(get($config, 'scaffold'), 'properties');
|