procode-vs-theme 1.0.8 → 1.0.9
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/dist/src/base/_border.scss +12 -12
- package/dist/src/base/_custom-properties.scss +108 -108
- package/dist/src/base/_font.scss +37 -37
- package/dist/src/base/_size.scss +17 -17
- package/dist/src/base/_space.scss +29 -29
- package/dist/src/base/mixins/_breakpoints.scss +27 -27
- package/dist/src/base/mixins/_meta-class.scss +26 -26
- package/dist/src/components/_buttons.scss +420 -420
- package/dist/src/components/_disabled.scss +8 -8
- package/dist/src/components/_placeholder.scss +46 -46
- package/dist/src/components.ts +23 -23
- package/dist/src/index.scss +71 -71
- package/dist/src/utilities/_cursor.scss +7 -7
- package/dist/src/utilities/_display.scss +17 -17
- package/dist/src/utilities/_flex.scss +83 -83
- package/dist/src/utilities/_opacity.scss +7 -7
- package/dist/src/utilities/_overflow.scss +9 -9
- package/dist/src/utilities/_position.scss +22 -22
- package/dist/src/utilities/_sizing.scss +24 -24
- package/dist/src/utilities/_text.scss +43 -43
- package/dist/src/utilities/_visibility.scss +4 -4
- package/dist/src/utilities/background-color/index.scss +16 -16
- package/dist/src/utilities/border/_border-color.scss +11 -11
- package/dist/src/utilities/border/_border-radius.scss +10 -10
- package/dist/src/utilities/border/_border-size.scss +8 -8
- package/dist/src/utilities/box-shadow/index.scss +8 -8
- package/dist/src/utilities/spaces/_gap.scss +8 -8
- package/dist/src/utilities/spaces/_margin.scss +38 -38
- package/dist/src/utilities/spaces/_padding.scss +29 -29
- package/dist/src/utilities/typography/_color.scss +33 -33
- package/dist/src/utilities/typography/_font.scss +35 -35
- package/dist/src/utilities.ts +112 -112
- package/package.json +1 -1
- package/src/base/_border.scss +12 -12
- package/src/base/_custom-properties.scss +108 -108
- package/src/base/_font.scss +37 -37
- package/src/base/_size.scss +17 -17
- package/src/base/_space.scss +29 -29
- package/src/base/mixins/_breakpoints.scss +27 -27
- package/src/base/mixins/_meta-class.scss +26 -26
- package/src/components/_buttons.scss +420 -420
- package/src/components/_disabled.scss +8 -8
- package/src/components/_placeholder.scss +46 -46
- package/src/components.ts +23 -23
- package/src/index.scss +71 -71
- package/src/utilities/_cursor.scss +7 -7
- package/src/utilities/_display.scss +17 -17
- package/src/utilities/_flex.scss +83 -83
- package/src/utilities/_opacity.scss +7 -7
- package/src/utilities/_overflow.scss +9 -9
- package/src/utilities/_position.scss +22 -22
- package/src/utilities/_sizing.scss +24 -24
- package/src/utilities/_text.scss +43 -43
- package/src/utilities/_visibility.scss +4 -4
- package/src/utilities/background-color/index.scss +16 -16
- package/src/utilities/border/_border-color.scss +11 -11
- package/src/utilities/border/_border-radius.scss +10 -10
- package/src/utilities/border/_border-size.scss +8 -8
- package/src/utilities/box-shadow/index.scss +8 -8
- package/src/utilities/spaces/_gap.scss +8 -8
- package/src/utilities/spaces/_margin.scss +38 -38
- package/src/utilities/spaces/_padding.scss +29 -29
- package/src/utilities/typography/_color.scss +33 -33
- package/src/utilities/typography/_font.scss +35 -35
- package/src/utilities.ts +112 -112
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "sass:math";
|
|
3
|
-
|
|
4
|
-
$breakpoints: (
|
|
5
|
-
sm: 576px,
|
|
6
|
-
md: 768px,
|
|
7
|
-
lg: 992px,
|
|
8
|
-
xl: 1200px,
|
|
9
|
-
xxl: 1366px,
|
|
10
|
-
) !default;
|
|
11
|
-
|
|
12
|
-
@mixin respond-above($bp) {
|
|
13
|
-
@if map.has-key($breakpoints, $bp) {
|
|
14
|
-
@media (min-width: map.get($breakpoints, $bp)) {
|
|
15
|
-
@content;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@mixin respond-below($bp) {
|
|
21
|
-
@if map.has-key($breakpoints, $bp) {
|
|
22
|
-
$max: map.get($breakpoints, $bp);
|
|
23
|
-
@media (max-width: calc(#{$max} - 0.02px)) {
|
|
24
|
-
@content;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:math";
|
|
3
|
+
|
|
4
|
+
$breakpoints: (
|
|
5
|
+
sm: 576px,
|
|
6
|
+
md: 768px,
|
|
7
|
+
lg: 992px,
|
|
8
|
+
xl: 1200px,
|
|
9
|
+
xxl: 1366px,
|
|
10
|
+
) !default;
|
|
11
|
+
|
|
12
|
+
@mixin respond-above($bp) {
|
|
13
|
+
@if map.has-key($breakpoints, $bp) {
|
|
14
|
+
@media (min-width: map.get($breakpoints, $bp)) {
|
|
15
|
+
@content;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@mixin respond-below($bp) {
|
|
21
|
+
@if map.has-key($breakpoints, $bp) {
|
|
22
|
+
$max: map.get($breakpoints, $bp);
|
|
23
|
+
@media (max-width: calc(#{$max} - 0.02px)) {
|
|
24
|
+
@content;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
/// Generates two tiers for each utility class:
|
|
2
|
-
///
|
|
3
|
-
/// 1. Regular class: .qo-x { ... } → specificity (0,1,0)
|
|
4
|
-
/// 2. Force-important: [data-prc-col-important~="qo-x"] { ... !important }
|
|
5
|
-
///
|
|
6
|
-
/// @param {String} $class-name — CSS class name without the dot
|
|
7
|
-
/// @param {Map} $properties — map of (property: value) pairs
|
|
8
|
-
///
|
|
9
|
-
/// Usage:
|
|
10
|
-
/// @include meta("qo-padding-sm", (padding: 8px));
|
|
11
|
-
/// @include meta("qo-text-truncate", (overflow: hidden, text-overflow: ellipsis, white-space: nowrap));
|
|
12
|
-
@mixin meta($class-name, $properties) {
|
|
13
|
-
// Normal — direct class usage
|
|
14
|
-
.#{$class-name} {
|
|
15
|
-
@each $prop, $val in $properties {
|
|
16
|
-
#{$prop}: $val;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
// Force override — column metadata with important flag
|
|
21
|
-
[data-prc-col-important~="#{$class-name}"] {
|
|
22
|
-
@each $prop, $val in $properties {
|
|
23
|
-
#{$prop}: $val !important;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
1
|
+
/// Generates two tiers for each utility class:
|
|
2
|
+
///
|
|
3
|
+
/// 1. Regular class: .qo-x { ... } → specificity (0,1,0)
|
|
4
|
+
/// 2. Force-important: [data-prc-col-important~="qo-x"] { ... !important }
|
|
5
|
+
///
|
|
6
|
+
/// @param {String} $class-name — CSS class name without the dot
|
|
7
|
+
/// @param {Map} $properties — map of (property: value) pairs
|
|
8
|
+
///
|
|
9
|
+
/// Usage:
|
|
10
|
+
/// @include meta("qo-padding-sm", (padding: 8px));
|
|
11
|
+
/// @include meta("qo-text-truncate", (overflow: hidden, text-overflow: ellipsis, white-space: nowrap));
|
|
12
|
+
@mixin meta($class-name, $properties) {
|
|
13
|
+
// Normal — direct class usage
|
|
14
|
+
.#{$class-name} {
|
|
15
|
+
@each $prop, $val in $properties {
|
|
16
|
+
#{$prop}: $val;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
// Force override — column metadata with important flag
|
|
21
|
+
[data-prc-col-important~="#{$class-name}"] {
|
|
22
|
+
@each $prop, $val in $properties {
|
|
23
|
+
#{$prop}: $val !important;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|