@juit/vue-z 0.0.18 → 0.0.20

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/dist/index.scss +99 -1
  2. package/package.json +5 -5
package/dist/index.scss CHANGED
@@ -57,7 +57,8 @@ $dark-text: #fff !default;
57
57
  }
58
58
  }
59
59
 
60
- /* Utility Classes */
60
+ /* ==[ UTILITY CLASSES ]===================================================== */
61
+
61
62
  .text-page { color: var(--q-text) !important }
62
63
 
63
64
  .bg-page { background-color: var(--q-page) !important }
@@ -69,3 +70,100 @@ $dark-text: #fff !default;
69
70
  .bg-shade-warning { background-color: var(--q-shade-warning) !important }
70
71
  .bg-tint { background-color: var(--q-tint) !important }
71
72
  .bg-tint-primary { background-color: var(--q-tint-primary) !important }
73
+
74
+ .borders {
75
+ border-color: var(--q-border-color);
76
+ border-style: solid;
77
+ border-width: 1px;
78
+ }
79
+
80
+ .fill-icon {
81
+ font-variation-settings: 'FILL' 1;
82
+ }
83
+
84
+ /* ==[ COLUMNS SKIPPING ]==================================================== */
85
+
86
+ /* NOTE: These behave exactly like "offset-..." classes in Quasar, but instead
87
+ * of adding a _left_ margin, they add a _right_ margin, pushing the _next_
88
+ * content to the right.
89
+ */
90
+
91
+ @media (min-width: 0) {
92
+ .row > .skip-0, .row > .skip-xs-0 { margin-right: 0% }
93
+ .row > .skip-1, .row > .skip-xs-1 { margin-right: 8.3333% }
94
+ .row > .skip-2, .row > .skip-xs-2 { margin-right: 16.6667% }
95
+ .row > .skip-3, .row > .skip-xs-3 { margin-right: 25% }
96
+ .row > .skip-4, .row > .skip-xs-4 { margin-right: 33.3333% }
97
+ .row > .skip-5, .row > .skip-xs-5 { margin-right: 41.6667% }
98
+ .row > .skip-6, .row > .skip-xs-6 { margin-right: 50% }
99
+ .row > .skip-7, .row > .skip-xs-7 { margin-right: 58.3333% }
100
+ .row > .skip-8, .row > .skip-xs-8 { margin-right: 66.6667% }
101
+ .row > .skip-9, .row > .skip-xs-9 { margin-right: 75% }
102
+ .row > .skip-10, .row > .skip-xs-10 { margin-right: 83.3333% }
103
+ .row > .skip-11, .row > .skip-xs-11 { margin-right: 91.6667% }
104
+ .row > .skip-12, .row > .skip-xs-12 { margin-right: 100% }
105
+ }
106
+
107
+ @media (min-width: $breakpoint-sm-min) {
108
+ .row > .skip-sm-0 { margin-right: 0% }
109
+ .row > .skip-sm-1 { margin-right: 8.3333% }
110
+ .row > .skip-sm-2 { margin-right: 16.6667% }
111
+ .row > .skip-sm-3 { margin-right: 25% }
112
+ .row > .skip-sm-4 { margin-right: 33.3333% }
113
+ .row > .skip-sm-5 { margin-right: 41.6667% }
114
+ .row > .skip-sm-6 { margin-right: 50% }
115
+ .row > .skip-sm-7 { margin-right: 58.3333% }
116
+ .row > .skip-sm-8 { margin-right: 66.6667% }
117
+ .row > .skip-sm-9 { margin-right: 75% }
118
+ .row > .skip-sm-10 { margin-right: 83.3333% }
119
+ .row > .skip-sm-11 { margin-right: 91.6667% }
120
+ .row > .skip-sm-12 { margin-right: 100% }
121
+ }
122
+
123
+ @media (min-width: $breakpoint-md-min) {
124
+ .row > .skip-md-0 { margin-right: 0% }
125
+ .row > .skip-md-1 { margin-right: 8.3333% }
126
+ .row > .skip-md-2 { margin-right: 16.6667% }
127
+ .row > .skip-md-3 { margin-right: 25% }
128
+ .row > .skip-md-4 { margin-right: 33.3333% }
129
+ .row > .skip-md-5 { margin-right: 41.6667% }
130
+ .row > .skip-md-6 { margin-right: 50% }
131
+ .row > .skip-md-7 { margin-right: 58.3333% }
132
+ .row > .skip-md-8 { margin-right: 66.6667% }
133
+ .row > .skip-md-9 { margin-right: 75% }
134
+ .row > .skip-md-10 { margin-right: 83.3333% }
135
+ .row > .skip-md-11 { margin-right: 91.6667% }
136
+ .row > .skip-md-12 { margin-right: 100% }
137
+ }
138
+
139
+ @media (min-width: $breakpoint-lg-min) {
140
+ .row > .skip-lg-0 { margin-right: 0% }
141
+ .row > .skip-lg-1 { margin-right: 8.3333% }
142
+ .row > .skip-lg-2 { margin-right: 16.6667% }
143
+ .row > .skip-lg-3 { margin-right: 25% }
144
+ .row > .skip-lg-4 { margin-right: 33.3333% }
145
+ .row > .skip-lg-5 { margin-right: 41.6667% }
146
+ .row > .skip-lg-6 { margin-right: 50% }
147
+ .row > .skip-lg-7 { margin-right: 58.3333% }
148
+ .row > .skip-lg-8 { margin-right: 66.6667% }
149
+ .row > .skip-lg-9 { margin-right: 75% }
150
+ .row > .skip-lg-10 { margin-right: 83.3333% }
151
+ .row > .skip-lg-11 { margin-right: 91.6667% }
152
+ .row > .skip-lg-12 { margin-right: 100% }
153
+ }
154
+
155
+ @media (min-width: $breakpoint-xl-min) {
156
+ .row > .skip-xl-0 { margin-right: 0% }
157
+ .row > .skip-xl-1 { margin-right: 8.3333% }
158
+ .row > .skip-xl-2 { margin-right: 16.6667% }
159
+ .row > .skip-xl-3 { margin-right: 25% }
160
+ .row > .skip-xl-4 { margin-right: 33.3333% }
161
+ .row > .skip-xl-5 { margin-right: 41.6667% }
162
+ .row > .skip-xl-6 { margin-right: 50% }
163
+ .row > .skip-xl-7 { margin-right: 58.3333% }
164
+ .row > .skip-xl-8 { margin-right: 66.6667% }
165
+ .row > .skip-xl-9 { margin-right: 75% }
166
+ .row > .skip-xl-10 { margin-right: 83.3333% }
167
+ .row > .skip-xl-11 { margin-right: 91.6667% }
168
+ .row > .skip-xl-12 { margin-right: 100% }
169
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@juit/vue-z",
3
3
  "description": "Widgets Libray for Juit GmbH",
4
- "version": "0.0.18",
4
+ "version": "0.0.20",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
@@ -14,7 +14,7 @@
14
14
  "dev": "vite -c vite.config.demo.ts"
15
15
  },
16
16
  "peerDependencies": {
17
- "@juit/vue-i18n": "^0.2.17",
17
+ "@juit/vue-i18n": "^0.2.18",
18
18
  "@quasar/extras": "^1.17.0",
19
19
  "quasar": "^2.18.1",
20
20
  "vue": "^3.5.14",
@@ -22,9 +22,9 @@
22
22
  },
23
23
  "devDependencies": {
24
24
  "@microsoft/api-extractor": "^7.52.8",
25
- "@plugjs/eslint": "^0.6.48",
26
- "@plugjs/eslint-plugin": "^0.3.25",
27
- "@plugjs/plug": "^0.6.48",
25
+ "@plugjs/eslint": "^0.6.49",
26
+ "@plugjs/eslint-plugin": "^0.3.26",
27
+ "@plugjs/plug": "^0.6.49",
28
28
  "@quasar/vite-plugin": "^1.9.0",
29
29
  "@types/google.maps": "^3.58.1",
30
30
  "@types/node": "<21",