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