@lukfel/ng-scaffold 21.1.36 → 21.1.37
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/package.json +1 -1
- package/styles/_classes.scss +32 -32
package/package.json
CHANGED
package/styles/_classes.scss
CHANGED
|
@@ -45,9 +45,9 @@ $init: 0;
|
|
|
45
45
|
@include gap-classes;
|
|
46
46
|
|
|
47
47
|
// Flex
|
|
48
|
-
.flex-row { display: flex; flex-direction: row; flex-wrap: wrap; }
|
|
49
|
-
.flex-row-nowrap { display: flex; flex-direction: row; flex-wrap: nowrap; }
|
|
50
|
-
.flex-col { display: flex; flex-direction: column; flex-wrap: wrap; }
|
|
48
|
+
.flex-row { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; }
|
|
49
|
+
.flex-row-nowrap { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; }
|
|
50
|
+
.flex-col { display: flex !important; flex-direction: column !important; flex-wrap: wrap !important; }
|
|
51
51
|
|
|
52
52
|
.justify-start { justify-content: flex-start !important; }
|
|
53
53
|
.justify-center { justify-content: center !important; }
|
|
@@ -66,39 +66,39 @@ $init: 0;
|
|
|
66
66
|
.align-self-center { align-self: center !important; }
|
|
67
67
|
.align-self-end { align-self: flex-end !important; }
|
|
68
68
|
|
|
69
|
-
.flex-1 { flex: 1 1 0
|
|
70
|
-
.flex-auto { flex: 1 1 auto; }
|
|
71
|
-
.flex-none { flex: none; }
|
|
69
|
+
.flex-1 { flex: 1 1 0% !important; }
|
|
70
|
+
.flex-auto { flex: 1 1 auto !important; }
|
|
71
|
+
.flex-none { flex: none !important; }
|
|
72
72
|
|
|
73
73
|
// Position
|
|
74
|
-
.relative { position: absolute; }
|
|
75
|
-
.absolute { position: absolute; }
|
|
76
|
-
.fixed { position: fixed; }
|
|
77
|
-
.static { position: static; }
|
|
78
|
-
.sticky { position: sticky; }
|
|
74
|
+
.relative { position: absolute !important; }
|
|
75
|
+
.absolute { position: absolute !important; }
|
|
76
|
+
.fixed { position: fixed !important; }
|
|
77
|
+
.static { position: static !important; }
|
|
78
|
+
.sticky { position: sticky !important; }
|
|
79
79
|
|
|
80
|
-
.top-0 { top: 0; }
|
|
81
|
-
.right-0 { right: 0; }
|
|
82
|
-
.bottom-0 { bottom: 0; }
|
|
83
|
-
.left-0 { left: 0; }
|
|
80
|
+
.top-0 { top: 0 !important; }
|
|
81
|
+
.right-0 { right: 0 !important; }
|
|
82
|
+
.bottom-0 { bottom: 0 !important; }
|
|
83
|
+
.left-0 { left: 0 !important; }
|
|
84
84
|
|
|
85
|
-
.top-50 { top: 50
|
|
86
|
-
.left-50 { left: 50
|
|
85
|
+
.top-50 { top: 50% !important; }
|
|
86
|
+
.left-50 { left: 50% !important; }
|
|
87
87
|
|
|
88
|
-
.center { transform: translate(-50%, -50%); top: 50
|
|
88
|
+
.center { transform: translate(-50%, -50%) !important; top: 50% !important; left: 50% !important; }
|
|
89
89
|
|
|
90
90
|
// Display
|
|
91
|
-
.d-block { display: block; }
|
|
92
|
-
.d-flex { display: flex; }
|
|
93
|
-
.d-inline-flex { display: inline-flex; }
|
|
94
|
-
.d-grid { display: grid; }
|
|
95
|
-
.d-none { display: none; }
|
|
91
|
+
.d-block { display: block !important; }
|
|
92
|
+
.d-flex { display: flex !important; }
|
|
93
|
+
.d-inline-flex { display: inline-flex !important; }
|
|
94
|
+
.d-grid { display: grid !important; }
|
|
95
|
+
.d-none { display: none !important; }
|
|
96
96
|
|
|
97
97
|
// Width / Height
|
|
98
|
-
.w-100 { width: 100
|
|
99
|
-
.mw-100 { min-width: 100
|
|
100
|
-
.h-100 { height: 100
|
|
101
|
-
.mh-100 { min-height: 100
|
|
98
|
+
.w-100 { width: 100% !important; }
|
|
99
|
+
.mw-100 { min-width: 100% !important; }
|
|
100
|
+
.h-100 { height: 100% !important; }
|
|
101
|
+
.mh-100 { min-height: 100% !important; }
|
|
102
102
|
|
|
103
103
|
// Overflow
|
|
104
104
|
.overflow-hidden { overflow: hidden !important; }
|
|
@@ -106,13 +106,13 @@ $init: 0;
|
|
|
106
106
|
.overflow-unset { overflow: unset !important; }
|
|
107
107
|
|
|
108
108
|
// Text
|
|
109
|
-
.text-center { text-align: center; }
|
|
110
|
-
.text-left { text-align: left; }
|
|
111
|
-
.text-right { text-align: right; }
|
|
112
|
-
.text-justify { text-align: justify; }
|
|
109
|
+
.text-center { text-align: center !important; }
|
|
110
|
+
.text-left { text-align: left !important; }
|
|
111
|
+
.text-right { text-align: right !important; }
|
|
112
|
+
.text-justify { text-align: justify !important; }
|
|
113
113
|
|
|
114
114
|
// Cursor
|
|
115
|
-
.pointer { cursor: pointer; }
|
|
115
|
+
.pointer { cursor: pointer !important; }
|
|
116
116
|
|
|
117
117
|
// Misc
|
|
118
118
|
.lf-transitions { transition: var(--transition) !important; }
|