pallote-css 0.3.9 → 0.3.11

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