@gitlab/ui 38.5.0 → 38.7.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.
- package/CHANGELOG.md +21 -0
- package/dist/components/base/datepicker/datepicker.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +3 -2
- package/src/components/base/datepicker/datepicker.spec.js +14 -0
- package/src/components/base/datepicker/datepicker.stories.js +1 -1
- package/src/components/base/datepicker/datepicker.vue +2 -2
- package/src/components/base/dropdown/dropdown.stories.js +1 -1
- package/src/components/base/form/form_input/form_input.scss +4 -5
- package/src/components/base/form/form_input/form_input.stories.js +6 -0
- package/src/components/base/modal/modal.stories.js +1 -1
- package/src/directives/outside/outside.stories.js +1 -0
- package/src/scss/typescale/typescale.stories.js +1 -0
- package/src/scss/utilities.scss +234 -104
- package/src/scss/utility-mixins/display.scss +36 -0
- package/src/scss/utility-mixins/sizing.scss +24 -0
- package/src/scss/utility-mixins/text.scss +12 -0
|
@@ -128,6 +128,24 @@
|
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
130
|
|
|
131
|
+
@mixin gl-sm-w-full {
|
|
132
|
+
@include gl-media-breakpoint-up(sm) {
|
|
133
|
+
@include gl-w-full;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
@mixin gl-md-w-full {
|
|
138
|
+
@include gl-media-breakpoint-up(md) {
|
|
139
|
+
@include gl-w-full;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
@mixin gl-lg-w-full {
|
|
144
|
+
@include gl-media-breakpoint-up(lg) {
|
|
145
|
+
@include gl-w-full;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
|
|
131
149
|
@mixin gl-w-max-content {
|
|
132
150
|
width: max-content;
|
|
133
151
|
}
|
|
@@ -343,6 +361,12 @@
|
|
|
343
361
|
* - Utilities should strictly follow $gl-spacing-scale
|
|
344
362
|
*/
|
|
345
363
|
|
|
364
|
+
@mixin gl-md-max-w-26 {
|
|
365
|
+
@include gl-media-breakpoint-up(md) {
|
|
366
|
+
max-width: $gl-spacing-scale-26;
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
|
|
346
370
|
@mixin gl-md-max-w-15p {
|
|
347
371
|
@include gl-media-breakpoint-up(md) {
|
|
348
372
|
max-width: 15%;
|
|
@@ -93,6 +93,18 @@
|
|
|
93
93
|
white-space: pre-line;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
+
/**
|
|
97
|
+
* Responsive White-space utilities
|
|
98
|
+
*
|
|
99
|
+
* naming convention: gl-{breakpoint}-white-space-{value}
|
|
100
|
+
*/
|
|
101
|
+
|
|
102
|
+
@mixin gl-md-white-space-nowrap {
|
|
103
|
+
@include gl-media-breakpoint-up(md) {
|
|
104
|
+
white-space: nowrap;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
96
108
|
/**
|
|
97
109
|
* Word utilities.
|
|
98
110
|
*
|