pallote-css 0.4.0 → 0.6.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 (41) hide show
  1. package/package.json +6 -20
  2. package/dist/pallote.min.css +0 -1
  3. package/dist/pallote.min.css.map +0 -1
  4. package/dist/pallote.min.js +0 -1
  5. package/dist/pallote.scss +0 -37
  6. package/dist/styles/common/_editor.scss +0 -181
  7. package/dist/styles/common/_fontface.scss +0 -31
  8. package/dist/styles/common/_functions.scss +0 -11
  9. package/dist/styles/common/_global.scss +0 -157
  10. package/dist/styles/common/_mixins.scss +0 -164
  11. package/dist/styles/common/_reset.scss +0 -145
  12. package/dist/styles/common/_variables.scss +0 -252
  13. package/dist/styles/components/_accordion.scss +0 -132
  14. package/dist/styles/components/_alert.scss +0 -188
  15. package/dist/styles/components/_breadcrumbs.scss +0 -70
  16. package/dist/styles/components/_button.scss +0 -186
  17. package/dist/styles/components/_buttons.scss +0 -52
  18. package/dist/styles/components/_card.scss +0 -316
  19. package/dist/styles/components/_divider.scss +0 -53
  20. package/dist/styles/components/_form.scss +0 -58
  21. package/dist/styles/components/_grid.scss +0 -127
  22. package/dist/styles/components/_input.scss +0 -328
  23. package/dist/styles/components/_link.scss +0 -51
  24. package/dist/styles/components/_list.scss +0 -59
  25. package/dist/styles/components/_nav.scss +0 -274
  26. package/dist/styles/components/_navbar.scss +0 -192
  27. package/dist/styles/components/_page.scss +0 -33
  28. package/dist/styles/components/_section.scss +0 -177
  29. package/dist/styles/components/_sidebar.scss +0 -61
  30. package/dist/styles/components/_snippet.scss +0 -85
  31. package/dist/styles/components/_status.scss +0 -60
  32. package/dist/styles/components/_switch.scss +0 -84
  33. package/dist/styles/components/_table.scss +0 -153
  34. package/dist/styles/components/_tabs.scss +0 -118
  35. package/dist/styles/components/_tag.scss +0 -79
  36. package/dist/styles/modules/_cookie.scss +0 -38
  37. package/dist/styles/utilities/_color.scss +0 -119
  38. package/dist/styles/utilities/_global.scss +0 -211
  39. package/dist/styles/utilities/_grid.scss +0 -124
  40. package/dist/styles/utilities/_layout.scss +0 -127
  41. package/dist/styles/utilities/_text.scss +0 -199
@@ -1,199 +0,0 @@
1
- @use 'sass:list';
2
- @use '../common/mixins';
3
- @use '../common/variables';
4
-
5
- // —————————————————————————————————————————————————————————————————
6
- // elements
7
- // align
8
- // weight
9
- // transform
10
- // italic
11
- // underline
12
- // strikeThrough
13
- // code
14
- // color
15
- // —————————————————————————————————————————————————————————————————
16
-
17
- // —————————————————————————————————————————————————————————————————
18
- // elements
19
- // —————————————————————————————————————————————————————————————————
20
-
21
- @mixin font-size($font-size, $font-weight, $line-height) {
22
- font-size: $font-size;
23
- font-weight: $font-weight;
24
- line-height: $line-height;
25
- }
26
-
27
- .body, %body {
28
- @include font-size(
29
- variables.$body-size,
30
- variables.$body-weight,
31
- variables.$body-line-height
32
- );
33
- }
34
-
35
- .subtitle, %subtitle {
36
- @include font-size(
37
- variables.$subtitle-size,
38
- variables.$subtitle-weight,
39
- variables.$subtitle-line-height
40
- );
41
- }
42
-
43
- .caption, %caption {
44
- @include font-size(
45
- variables.$caption-size,
46
- variables.$caption-weight,
47
- variables.$caption-line-height
48
- );
49
- }
50
-
51
- .overline, %overline {
52
- @include font-size(
53
- variables.$overline-size,
54
- variables.$overline-weight,
55
- variables.$overline-line-height
56
- );
57
- }
58
-
59
- .h1, %h1 {
60
- @include font-size(
61
- variables.$h1-size,
62
- variables.$h1-weight,
63
- variables.$h1-line-height
64
- );
65
- }
66
-
67
- .h2, %h2 {
68
- @include font-size(
69
- variables.$h2-size,
70
- variables.$h2-weight,
71
- variables.$h2-line-height
72
- );
73
- }
74
-
75
- .h3, %h3 {
76
- @include font-size(
77
- variables.$h3-size,
78
- variables.$h3-weight,
79
- variables.$h3-line-height
80
- );
81
- }
82
-
83
- .h4, %h4 {
84
- @include font-size(
85
- variables.$h4-size,
86
- variables.$h4-weight,
87
- variables.$h4-line-height
88
- );
89
- }
90
-
91
- .h5, %h5 {
92
- @include font-size(
93
- variables.$h5-size,
94
- variables.$h5-weight,
95
- variables.$h5-line-height
96
- );
97
- }
98
-
99
- .h6, %h6 {
100
- @include font-size(
101
- variables.$h6-size,
102
- variables.$h6-weight,
103
- variables.$h6-line-height
104
- );
105
- }
106
-
107
- @mixin gutter {
108
-
109
- & + & {
110
- margin-top: .75em;
111
- }
112
- }
113
-
114
- .h1, .h2, .h3, .h4, .h5, .h6,
115
- .subtitle, .body, .caption, .overline {
116
- @include gutter;
117
- }
118
-
119
- // —————————————————————————————————————————————————————————————————
120
- // align
121
- // —————————————————————————————————————————————————————————————————
122
-
123
- .text-left, %text-left { text-align: left !important; }
124
- .text-center, %text-center { text-align: center !important; }
125
- .text-right, %text-right { text-align: right !important; }
126
-
127
- // —————————————————————————————————————————————————————————————————
128
- // weight
129
- // —————————————————————————————————————————————————————————————————
130
-
131
- .text-regular, %text-regular { font-weight: variables.$font-regular !important; }
132
- .text-bold, %text-bold { font-weight: variables.$font-bold !important; }
133
-
134
- // —————————————————————————————————————————————————————————————————
135
- // transform
136
- // —————————————————————————————————————————————————————————————————
137
-
138
- .text-none, %text-none { text-transform: none; }
139
- .text-capitalize, %text-capitalize { text-transform: capitalize; }
140
- .text-uppercase, %text-uppercase { text-transform: uppercase; }
141
- .text-lowercase, %text-lowercase { text-transform: lowercase; }
142
- .text-initial, %text-initial { text-transform: initial; }
143
- .text-inherit, %text-inherit { text-transform: inherit; }
144
-
145
- // —————————————————————————————————————————————————————————————————
146
- // italic
147
- // —————————————————————————————————————————————————————————————————
148
-
149
- .text-italic, %text-italic { font-style: italic !important; }
150
-
151
- // —————————————————————————————————————————————————————————————————
152
- // underline
153
- // —————————————————————————————————————————————————————————————————
154
-
155
- .text-underline, %text-underline { text-decoration: underline !important; }
156
-
157
- // —————————————————————————————————————————————————————————————————
158
- // strikeThrough
159
- // —————————————————————————————————————————————————————————————————
160
-
161
- .text-strikeThrough, %text-strikeThrough { text-decoration: line-through !important; }
162
-
163
- // —————————————————————————————————————————————————————————————————
164
- // code
165
- // —————————————————————————————————————————————————————————————————
166
-
167
- .text-code, %text-code { font-family: variables.$font-code !important; }
168
-
169
- // —————————————————————————————————————————————————————————————————
170
- // color
171
- // —————————————————————————————————————————————————————————————————
172
-
173
- @mixin text-color($prefix, $colors...) {
174
- @each $i in $colors {
175
- .#{$prefix}#{list.nth($i, 1)} {
176
- color: list.nth($i, 2) !important;
177
-
178
- .h1, .h2, .h3, .h4, .h5, .h6 {
179
- color: list.nth($i, 2) !important;
180
- }
181
- }
182
- }
183
- }
184
-
185
- @include text-color('text-',
186
- 'default' variables.$text,
187
- 'alt' variables.$text-alt,
188
- 'disabled' variables.$text-disabled,
189
- 'contrast' variables.$text-contrast,
190
- 'contrastAlt' variables.$text-contrast-alt,
191
- 'contrastDisabled' variables.$text-contrast-disabled,
192
- 'primary' variables.$primary,
193
- 'secondary' variables.$secondary,
194
- 'primary' variables.$primary,
195
- 'success' variables.$success,
196
- 'info' variables.$info,
197
- 'warning' variables.$warning,
198
- 'error' variables.$error,
199
- );