@oardi/css-utils 0.27.0 → 0.27.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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/scss/utilities.scss +25 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oardi/css-utils",
3
- "version": "0.27.0",
3
+ "version": "0.27.1",
4
4
  "author": "Ardian Shala",
5
5
  "homepage": "https://css-utils.oardi.com",
6
6
  "description": "Powerful set of semantic css classes with support for breakpoints, directions and spacings",
@@ -1,18 +1,6 @@
1
1
  @use 'sass:map';
2
2
  @use './theme.scss';
3
3
 
4
- .d-block {
5
- display: block;
6
- }
7
-
8
- .d-inline-block {
9
- display: inline-block;
10
- }
11
-
12
- .d-none {
13
- display: none;
14
- }
15
-
16
4
  // positions
17
5
  @each $value in map.get(theme.$theme, positions) {
18
6
  .position-#{$value} {
@@ -203,10 +191,35 @@ bg-light(top)?
203
191
  .w-#{$bp}-30 {
204
192
  width: 30% !important;
205
193
  }
194
+ }
195
+ }
196
+
197
+ // display
198
+ .d-none {
199
+ display: none !important;
200
+ }
201
+
202
+ .d-block {
203
+ display: block !important;
204
+ }
205
+
206
+ .d-inline-block {
207
+ display: inline-block !important;
208
+ }
209
+
210
+ @each $bp, $bp-value in map.get(theme.$theme, breakpoints) {
211
+ @media (min-width: #{$bp-value}) {
212
+ .d-#{$bp}-none {
213
+ display: none !important;
214
+ }
206
215
 
207
216
  .d-#{$bp}-block {
208
217
  display: block !important;
209
218
  }
219
+
220
+ .d-#{$bp}-inline-block {
221
+ display: inline-block !important;
222
+ }
210
223
  }
211
224
  }
212
225