@maggioli-design-system/styles 4.0.2 → 5.0.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.
Files changed (51) hide show
  1. package/dist/css/base.css +42 -78
  2. package/dist/css/colors-rgb.css +577 -0
  3. package/dist/css/colors.css +572 -276
  4. package/dist/css/typography.css +101 -196
  5. package/dist/tailwind/base.css +7 -8
  6. package/package.json +15 -25
  7. package/dist/css/base.css.map +0 -1
  8. package/dist/css/base.min.css +0 -1
  9. package/dist/css/color-palette.css +0 -10917
  10. package/dist/css/color-palette.css.map +0 -1
  11. package/dist/css/color-palette.min.css +0 -1
  12. package/dist/css/colors.css.map +0 -1
  13. package/dist/css/colors.min.css +0 -1
  14. package/dist/css/components.css +0 -16
  15. package/dist/css/components.css.map +0 -1
  16. package/dist/css/components.min.css +0 -1
  17. package/dist/css/styles.css +0 -11607
  18. package/dist/css/styles.css.map +0 -1
  19. package/dist/css/styles.min.css +0 -1
  20. package/dist/css/typography.css.map +0 -1
  21. package/dist/css/typography.min.css +0 -1
  22. package/dist/scss/config.scss +0 -10
  23. package/dist/scss/export/base.scss +0 -2
  24. package/dist/scss/export/color-palette.scss +0 -2
  25. package/dist/scss/export/colors.scss +0 -2
  26. package/dist/scss/export/components.scss +0 -2
  27. package/dist/scss/export/styles.scss +0 -8
  28. package/dist/scss/export/typography.scss +0 -2
  29. package/dist/scss/extends/scroll.scss +0 -21
  30. package/dist/scss/functions/assets.scss +0 -3
  31. package/dist/scss/functions/color.scss +0 -24
  32. package/dist/scss/functions/lists.scss +0 -27
  33. package/dist/scss/functions/maps.scss +0 -54
  34. package/dist/scss/functions/math.scss +0 -18
  35. package/dist/scss/functions/media.scss +0 -10
  36. package/dist/scss/functions/scaffolding.scss +0 -8
  37. package/dist/scss/functions/strings.scss +0 -102
  38. package/dist/scss/global/base.scss +0 -101
  39. package/dist/scss/global/components/view-limit.scss +0 -9
  40. package/dist/scss/global/scaffolding/colors.scss +0 -66
  41. package/dist/scss/global/scaffolding/cosmetics.scss +0 -23
  42. package/dist/scss/global/scaffolding/tokens.scss +0 -91
  43. package/dist/scss/global/scaffolding/typography.scss +0 -17
  44. package/dist/scss/global/utility/overflow.scss +0 -9
  45. package/dist/scss/import-framework.scss +0 -13
  46. package/dist/scss/import-global.scss +0 -8
  47. package/dist/scss/mixins/export.scss +0 -49
  48. package/dist/scss/mixins/media.scss +0 -8
  49. package/dist/scss/mixins/parent.scss +0 -6
  50. package/dist/scss/mixins/scaffolding.scss +0 -75
  51. package/dist/scss/theme.scss +0 -36
package/dist/css/base.css CHANGED
@@ -1,110 +1,74 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 26 Nov 2021 09:35:11 GMT
4
- */
5
- body,
6
1
  html {
7
- margin: 0;
2
+ scroll-behavior: smooth;
3
+ }
4
+
5
+ body, html {
6
+ margin: 0px;
8
7
  }
9
8
 
10
9
  body {
11
- background-color: RGB(var(--adjust-tone));
12
- color: RGB(var(--adjust-tone-03));
13
- font-family: Karla, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Helvetica Neue, sans-serif;
10
+ font-family: Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;
11
+ font-size: 1rem;
12
+ line-height: 1.5rem;
13
+ --tw-text-opacity: 1;
14
+ color: rgba(var(--adjust-tone-04), var(--tw-text-opacity));
14
15
  -webkit-font-smoothing: antialiased;
15
16
  -moz-osx-font-smoothing: grayscale;
17
+ -moz-osx-font-smoothing: grayscale;
18
+ -webkit-font-smoothing: antialiased;
16
19
  -webkit-tap-highlight-color: transparent;
17
- text-align: -webkit-left;
18
- text-align: left;
19
20
  text-rendering: optimizeLegibility;
20
- text-size-adjust: 100%;
21
- width: 100%;
22
- font-size: 20px;
23
- font-weight: 400;
24
- line-height: 35px;
21
+ -webkit-text-size-adjust: 100%;
22
+ -moz-text-size-adjust: 100%;
23
+ text-size-adjust: 100%;
25
24
  }
26
25
 
27
- button {
28
- font-family: Roboto, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Helvetica Neue, sans-serif;
26
+ button, optgroup, select {
27
+ font-family: Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;
28
+ font-weight: 500;
29
+ line-height: 1.625;
30
+ -webkit-font-smoothing: antialiased;
31
+ -moz-osx-font-smoothing: grayscale;
29
32
  }
30
33
 
31
- input,
32
- textarea {
33
- appearance: none;
34
- font-size: 20px;
35
- font-weight: 400;
36
- line-height: 35px;
37
- }
38
- input::placeholder,
39
- textarea::placeholder {
40
- user-select: none;
41
- font-size: 20px;
42
- font-weight: 400;
43
- line-height: 35px;
34
+ input, textarea {
35
+ -webkit-appearance: none;
36
+ -moz-appearance: none;
37
+ appearance: none;
38
+ font-family: inherit;
44
39
  }
45
40
 
46
- b,
47
- strong {
41
+ b, strong {
48
42
  font-weight: 600;
49
- letter-spacing: -0.5px;
43
+ letter-spacing: -0.025em;
50
44
  }
51
45
 
52
46
  a {
53
- color: RGB(var(--brand-maggioli));
47
+ --tw-text-opacity: 1;
48
+ color: rgba(var(--brand-maggioli-03), var(--tw-text-opacity));
54
49
  font-family: inherit;
55
50
  font-size: inherit;
56
51
  font-weight: inherit;
57
- text-decoration: none;
58
52
  }
59
53
 
60
- a,
61
- aside,
62
- body,
63
- code,
64
- div,
65
- datalist,
66
- footer,
67
- form,
68
- h1,
69
- h2,
70
- h3,
71
- h4,
72
- h5,
73
- h6,
74
- header,
75
- hr,
76
- html,
77
- input,
78
- li,
79
- main,
80
- section,
81
- span,
82
- ul,
83
- textarea {
54
+ a, aside, body, code, div, datalist, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, input, li, main, section, span, ul, textarea {
84
55
  box-sizing: border-box;
85
56
  }
86
57
 
87
- h1,
88
- h2,
89
- h3,
90
- h4,
91
- h5,
92
- h6,
93
- p {
94
- margin: 0;
58
+ h1, h2, h3, h4, h5, h6, p {
59
+ margin: 0px;
95
60
  }
96
61
 
97
- button,
98
- input,
99
- optgroup,
100
- select,
101
- textarea {
102
- font-family: inherit;
62
+ ::-moz-selection {
63
+ --tw-bg-opacity: 1;
64
+ background-color: rgba(var(--brand-maggioli-09), var(--tw-bg-opacity));
65
+ --tw-text-opacity: 1;
66
+ color: rgba(var(--brand-maggioli-02), var(--tw-text-opacity));
103
67
  }
104
68
 
105
69
  ::selection {
106
- background-color: RGB(var(--brand-maggioli-15));
107
- color: RGB(var(--brand-maggioli));
70
+ --tw-bg-opacity: 1;
71
+ background-color: rgba(var(--brand-maggioli-09), var(--tw-bg-opacity));
72
+ --tw-text-opacity: 1;
73
+ color: rgba(var(--brand-maggioli-02), var(--tw-text-opacity));
108
74
  }
109
-
110
- /*# sourceMappingURL=base.css.map */