@nulllogic/scssleon 1.0.39 → 1.1.1
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/README.md +247 -40
- package/package.json +6 -13
- package/scss/_base.scss +22 -3
- package/scss/_config.scss +14 -40
- package/scss/_content.scss +14 -6
- package/scss/_mixins.scss +0 -15
- package/scss/_reset.scss +26 -6
- package/scss/_root.scss +8 -12
- package/scss/components/_container.scss +19 -17
- package/scss/components/_dropdown.scss +7 -1
- package/scss/components/_form.scss +3 -44
- package/scss/components/_megamenu.scss +15 -0
- package/scss/components/_placeholder.scss +1 -20
- package/scss/components/_tooltip.scss +15 -0
- package/scss/forms/_checkbox.scss +1 -1
- package/scss/mixins/generators/_components.scss +31 -16
- package/scss/mixins/generators/_properties.scss +164 -44
- package/scss/scssleon.scss +36 -37
- package/scss/themes/_default.scss +1368 -303
- package/scss/_utilities.scss +0 -356
- package/scss/animations/_placeholder.scss +0 -12
- package/scss/helpers/_clearfix.scss +0 -5
- package/scss/helpers/_screen_reader.scss +0 -11
- package/scss/helpers/_text_truncate.scss +0 -5
- package/scss/mixins/_border-radius.scss +0 -3
- package/scss/mixins/_box-shadow.scss +0 -16
- package/scss/mixins/_clearfix.scss +0 -9
- package/scss/mixins/_forms.scss +0 -152
- package/scss/mixins/_gradients.scss +0 -6
- package/scss/mixins/_grid.scss +0 -93
- package/scss/mixins/_transition.scss +0 -30
- package/scss/mixins/_utilities.scss +0 -15
- package/scss/mixins/generators/_color-sheme.scss +0 -17
- package/scss/mixins/generators/_wrapper.scss +0 -16
- package/scss/utilities/_api.scss +0 -24
package/scss/scssleon.scss
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
|
|
3
|
+
@forward './mixins';
|
|
4
|
+
@forward './functions';
|
|
5
|
+
|
|
3
6
|
/*
|
|
4
7
|
* ------------------------------------------------------------------
|
|
5
8
|
* ███████╗ ██████╗ ██████╗███████╗██╗ ███████╗ ██████╗ ███╗ ██╗
|
|
@@ -25,7 +28,7 @@ Main configuration - initial configuration requirement
|
|
|
25
28
|
// Those two variables will be used to store configuration settings and theme settings
|
|
26
29
|
// You can easily customize any available options to fit your needs
|
|
27
30
|
$config: (
|
|
28
|
-
prefix:
|
|
31
|
+
prefix: 'xii',
|
|
29
32
|
enable: (
|
|
30
33
|
wrapper: false,
|
|
31
34
|
),
|
|
@@ -39,35 +42,34 @@ $theme: (
|
|
|
39
42
|
|
|
40
43
|
// ↓ Config
|
|
41
44
|
// Override default config | @example
|
|
42
|
-
@use
|
|
45
|
+
@use 'config' as config with (
|
|
43
46
|
$config: $config
|
|
44
47
|
);
|
|
45
48
|
|
|
46
49
|
// ↓ Theme
|
|
47
50
|
/* Override default settings in the theme | @example */
|
|
48
|
-
@use
|
|
49
|
-
$theme: $theme
|
|
51
|
+
@use 'themes/default' as theme with (
|
|
52
|
+
$theme: $theme,
|
|
53
|
+
$config: config.$config,
|
|
50
54
|
);
|
|
51
55
|
|
|
52
56
|
// Getting updated variables
|
|
53
57
|
$config: config.$config;
|
|
54
58
|
$theme: theme.$theme;
|
|
55
59
|
|
|
56
|
-
/* Main configuration END
|
|
57
|
-
-------------------------------------------------------*/
|
|
58
60
|
|
|
59
61
|
/* ------------------------------------------------------------------
|
|
60
62
|
* Loading modules - this is default configuration with all modules enabled
|
|
61
63
|
*/
|
|
62
64
|
|
|
63
65
|
// ↓ Root
|
|
64
|
-
@use
|
|
66
|
+
@use 'root' with (
|
|
65
67
|
$config: $config,
|
|
66
68
|
$theme: $theme
|
|
67
69
|
);
|
|
68
70
|
|
|
69
71
|
// ↓ Great reset
|
|
70
|
-
@use
|
|
72
|
+
@use 'reset' with (
|
|
71
73
|
$config: $config,
|
|
72
74
|
$theme: $theme
|
|
73
75
|
);
|
|
@@ -75,68 +77,70 @@ $theme: theme.$theme;
|
|
|
75
77
|
// ↓ Base
|
|
76
78
|
// Special utility, that will dynamically generate CSS
|
|
77
79
|
// properties for HTML tags, specified in theme
|
|
78
|
-
@use
|
|
80
|
+
@use 'base' with (
|
|
79
81
|
$config: $config,
|
|
80
82
|
$theme: $theme
|
|
81
83
|
);
|
|
82
84
|
|
|
83
85
|
// ↓ Amazing content
|
|
84
86
|
// Special class `.content` to allow formatting of the default html tags
|
|
85
|
-
@use
|
|
87
|
+
@use 'content' with (
|
|
86
88
|
$config: $config,
|
|
87
89
|
$theme: $theme
|
|
88
90
|
);
|
|
89
91
|
|
|
90
92
|
// ↓ Container
|
|
91
|
-
@use
|
|
93
|
+
@use 'components/container' with (
|
|
92
94
|
$config: $config,
|
|
93
95
|
$theme: $theme
|
|
94
96
|
);
|
|
95
97
|
|
|
96
98
|
// ↓ Card
|
|
97
|
-
@use
|
|
99
|
+
@use 'components/card' with (
|
|
98
100
|
$config: $config,
|
|
99
101
|
$theme: $theme
|
|
100
102
|
);
|
|
101
103
|
|
|
102
104
|
// ↓ Badge
|
|
103
|
-
@use
|
|
105
|
+
@use 'components/badge' with (
|
|
104
106
|
$config: $config,
|
|
105
107
|
$theme: $theme
|
|
106
108
|
);
|
|
107
109
|
|
|
108
110
|
// ↓ Form
|
|
109
|
-
@use
|
|
111
|
+
@use 'components/form' with (
|
|
110
112
|
$config: $config,
|
|
111
113
|
$theme: $theme
|
|
112
114
|
);
|
|
113
115
|
|
|
114
116
|
// ↓ Buttons
|
|
115
|
-
@use
|
|
117
|
+
@use 'components/button' with (
|
|
116
118
|
$config: $config,
|
|
117
119
|
$theme: $theme
|
|
118
120
|
);
|
|
119
|
-
@use
|
|
121
|
+
@use 'components/button_group' with (
|
|
120
122
|
$config: $config,
|
|
121
123
|
$theme: $theme
|
|
122
124
|
);
|
|
123
125
|
|
|
124
|
-
////@use
|
|
125
|
-
//@use
|
|
126
|
-
////@use
|
|
126
|
+
////@use 'components/icon';
|
|
127
|
+
//@use 'components/button';
|
|
128
|
+
////@use 'components/button-group';
|
|
127
129
|
|
|
128
130
|
// ↓ Breadcrumbs
|
|
129
|
-
@use
|
|
131
|
+
@use 'components/breadcrumb' with (
|
|
130
132
|
$config: $config,
|
|
131
133
|
$theme: $theme
|
|
132
134
|
);
|
|
133
135
|
|
|
134
|
-
|
|
136
|
+
// ↓ Alert
|
|
137
|
+
@use 'components/alert' with (
|
|
135
138
|
$config: $config,
|
|
136
139
|
$theme: $theme
|
|
137
140
|
);
|
|
138
141
|
|
|
139
|
-
|
|
142
|
+
// ↓ Accordion
|
|
143
|
+
@use 'components/accordion' with (
|
|
140
144
|
$config: $config,
|
|
141
145
|
$theme: $theme
|
|
142
146
|
);
|
|
@@ -148,60 +152,55 @@ $theme: theme.$theme;
|
|
|
148
152
|
//);
|
|
149
153
|
|
|
150
154
|
// ↓ Overlay
|
|
151
|
-
@use
|
|
155
|
+
@use 'components/overlay' with (
|
|
152
156
|
$config: $config,
|
|
153
157
|
$theme: $theme
|
|
154
158
|
);
|
|
155
159
|
|
|
156
160
|
// ↓ Pagination
|
|
157
|
-
@use
|
|
161
|
+
@use 'components/pagination' with (
|
|
158
162
|
$config: $config,
|
|
159
163
|
$theme: $theme
|
|
160
164
|
);
|
|
161
165
|
|
|
162
166
|
// ↓ Placeholder
|
|
163
|
-
@use
|
|
167
|
+
@use 'components/placeholder' with (
|
|
164
168
|
$config: $config,
|
|
165
169
|
$theme: $theme
|
|
166
170
|
);
|
|
167
171
|
|
|
168
172
|
// ↓ Modal
|
|
169
|
-
@use
|
|
173
|
+
@use 'components/modal' with (
|
|
170
174
|
$config: $config,
|
|
171
175
|
$theme: $theme
|
|
172
176
|
);
|
|
173
177
|
|
|
174
178
|
// ↓ Loader
|
|
175
|
-
@use
|
|
179
|
+
@use 'components/loader' with (
|
|
176
180
|
$config: $config,
|
|
177
181
|
$theme: $theme
|
|
178
182
|
);
|
|
179
183
|
|
|
180
184
|
// ↓ Nav
|
|
181
|
-
@use
|
|
185
|
+
@use 'components/nav' with (
|
|
182
186
|
$config: $config,
|
|
183
187
|
$theme: $theme
|
|
184
188
|
);
|
|
185
189
|
|
|
186
190
|
// ↓ Navigation bar
|
|
187
|
-
@use
|
|
191
|
+
@use 'components/navbar' with (
|
|
188
192
|
$config: $config,
|
|
189
193
|
$theme: $theme
|
|
190
194
|
);
|
|
191
195
|
|
|
192
196
|
// ↓ Sidecap
|
|
193
|
-
@use
|
|
197
|
+
@use 'components/sidecap' with (
|
|
194
198
|
$config: $config,
|
|
195
199
|
$theme: $theme
|
|
196
200
|
);
|
|
197
201
|
|
|
198
|
-
// ↓
|
|
199
|
-
@use
|
|
200
|
-
@use "helpers/screen_reader";
|
|
201
|
-
@use "helpers/text_truncate";
|
|
202
|
-
|
|
203
|
-
// ↓ Utilities
|
|
204
|
-
@use "utilities/api" with (
|
|
202
|
+
// ↓ Tooltip
|
|
203
|
+
@use 'components/tooltip' with (
|
|
205
204
|
$config: $config,
|
|
206
205
|
$theme: $theme
|
|
207
206
|
);
|