@natec/mef-dev-ui-kit 0.0.62 → 0.0.63

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/src/lib/styles/pg/core.scss +262 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@natec/mef-dev-ui-kit",
3
- "version": "0.0.62",
3
+ "version": "0.0.63",
4
4
  "description": "MEF.DEV UI Kit Library",
5
5
  "author": {
6
6
  "name": "NATEC"
package/src/lib/styles/pg/core.scss CHANGED
@@ -1,5 +1,267 @@
1
1
  //Core Libs
2
2
 
3
+ /*#region montserrat*/
4
+ @font-face {
5
+ font-family: 'montserrat-bold';
6
+ src: url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
7
+ url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
8
+ font-weight: bold;
9
+ font-style: normal;
10
+ font-display: swap;
11
+ }
12
+
13
+ @font-face {
14
+ font-family: 'montserrat-light';
15
+ src: url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
16
+ url('../fonts/montserrat/Montserrat-Light.woff') format('woff');
17
+ font-weight: 300;
18
+ font-style: normal;
19
+ font-display: swap;
20
+ }
21
+
22
+ @font-face {
23
+ font-family: 'montserrat-semibold';
24
+ src: url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
25
+ url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
26
+ font-weight: 600;
27
+ font-style: normal;
28
+ font-display: swap;
29
+ }
30
+
31
+ @font-face {
32
+ font-family: 'montserrat-medium';
33
+ src: url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
34
+ url('../fonts/montserrat/Montserrat-Medium.woff') format('woff');
35
+ font-weight: 500;
36
+ font-style: normal;
37
+ font-display: swap;
38
+ }
39
+
40
+ @font-face {
41
+ font-family: 'montserrat-regular';
42
+ src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
43
+ url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
44
+ font-weight: normal;
45
+ font-style: normal;
46
+ font-display: swap;
47
+ }
48
+ /*#endregion montserrat*/
49
+
50
+ /*#region Lato*/
51
+ @font-face {
52
+ font-family: 'Lato-Regular';
53
+ src: url("../fonts/lato/lato-regular.eot?#iefix") format("embedded-opentype"),
54
+ url("../fonts/lato/lato-regular.otf") format("opentype"),
55
+ url("../fonts/lato/lato-regular.svg") format("svg"),
56
+ url("../fonts/lato/lato-regular.ttf") format("truetype"),
57
+ url("../fonts/lato/lato-regular.woff") format("woff"),
58
+ url("../fonts/lato/lato-regular.woff2") format("woff2");
59
+ font-weight: normal;
60
+ font-style: normal;
61
+ font-display: swap;
62
+ }
63
+
64
+ @font-face {
65
+ font-family: 'Lato-Bold';
66
+ src: url("../fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"),
67
+ url("../fonts/lato/lato-bold.otf") format("opentype"),
68
+ url("../fonts/lato/lato-bold.svg") format("svg"),
69
+ url("../fonts/lato/lato-bold.ttf") format("truetype"),
70
+ url("../fonts/lato/lato-bold.woff") format("woff"),
71
+ url("../fonts/lato/lato-bold.woff2") format("woff2");
72
+ font-weight: bold;
73
+ font-style: normal;
74
+ font-display: swap;
75
+ }
76
+ /*#endregion Lato*/
77
+
78
+ /*#region img-font*/
79
+ @font-face {
80
+ font-family: 'icomoon';
81
+ src: url('../fonts/main-img-font/icomoon.eot?97jr4n');
82
+ src: url('../fonts/main-img-font/icomoon.eot?97jr4n#iefix') format('embedded-opentype'),
83
+ url('../fonts/main-img-font/icomoon.ttf?97jr4n') format('truetype'),
84
+ url('../fonts/main-img-font/icomoon.woff?97jr4n') format('woff'),
85
+ url('../fonts/main-img-font/icomoon.svg?97jr4n#icomoon') format('svg');
86
+ font-weight: normal;
87
+ font-style: normal;
88
+ font-display: block;
89
+ }
90
+
91
+ [class^="icon-"], [class*=" icon-"] {
92
+ /* use !important to prevent issues with browser extensions that change ../fonts */
93
+ font-family: 'icomoon' !important;
94
+ speak: never;
95
+ font-style: normal;
96
+ font-weight: normal;
97
+ font-variant: normal;
98
+ text-transform: none;
99
+ line-height: 1;
100
+
101
+ /* Better Font Rendering =========== */
102
+ -webkit-font-smoothing: antialiased;
103
+ -moz-osx-font-smoothing: grayscale;
104
+ }
105
+
106
+ .icon-info-light:before {
107
+ content: "\e90d";
108
+ }
109
+ .icon-connector:before {
110
+ content: "\e90e";
111
+ }
112
+ .icon-information:before {
113
+ content: "\e90f";
114
+ }
115
+ .icon-plugin:before {
116
+ content: "\e910";
117
+ }
118
+ .icon-check-connector:before {
119
+ content: "\e911";
120
+ }
121
+ .icon-computer:before {
122
+ content: "\e913";
123
+ }
124
+ .icon-trash-light:before {
125
+ content: "\e915";
126
+ }
127
+ .icon-ok:before {
128
+ content: "\e917";
129
+ color: #28b446;
130
+ }
131
+ .icon-calendar:before {
132
+ content: "\e919";
133
+ }
134
+ .icon-guard:before {
135
+ content: "\e91f";
136
+ }
137
+ .icon-tenant:before {
138
+ content: "\e922";
139
+ }
140
+ .icon-nok:before {
141
+ content: "\e923";
142
+ }
143
+ .icon-lock .path1:before {
144
+ content: "\e924";
145
+ color: rgb(234, 234, 234);
146
+ }
147
+ .icon-lock .path2:before {
148
+ content: "\e925";
149
+ margin-left: -1.158203125em;
150
+ color: rgb(55, 55, 55);
151
+ }
152
+ .icon-unlock .path1:before {
153
+ content: "\e926";
154
+ }
155
+ .icon-unlock .path2:before {
156
+ content: "\e927";
157
+ margin-left: -1.2109375em;
158
+ }
159
+ .icon-logout:before {
160
+ content: "\e90b";
161
+ }
162
+ .icon-unchecked:before {
163
+ content: "\e90a";
164
+ }
165
+ .icon-notification .path1:before {
166
+ content: "\e902";
167
+ }
168
+ .icon-notification .path2:before {
169
+ content: "\e903";
170
+ margin-left: -1em;
171
+ }
172
+ .icon-notification .path3:before {
173
+ content: "\e904";
174
+ margin-left: -1em;
175
+ }
176
+ .icon-notification .path4:before {
177
+ content: "\e905";
178
+ margin-left: -1em;
179
+ }
180
+ .icon-setings .path1:before {
181
+ content: "\e908";
182
+ }
183
+ .icon-setings .path2:before {
184
+ content: "\e909";
185
+ margin-left: -1em;
186
+ }
187
+ .icon-person:before {
188
+ content: "\e90c";
189
+ }
190
+ .icon-persons:before {
191
+ content: "\e912";
192
+ }
193
+ .icon-configuration:before {
194
+ content: "\e914";
195
+ }
196
+ .icon-support:before {
197
+ content: "\e916";
198
+ }
199
+ .icon-log:before {
200
+ content: "\e918";
201
+ }
202
+ .icon-msg_popup:before {
203
+ content: "\e91a";
204
+ }
205
+ .icon-protect:before {
206
+ content: "\e91b";
207
+ }
208
+ .icon-keys:before {
209
+ content: "\e91c";
210
+ }
211
+ .icon-info:before {
212
+ content: "\e91d";
213
+ }
214
+ .icon-tenats:before {
215
+ content: "\e91e";
216
+ }
217
+ .icon-profile:before {
218
+ content: "\e921";
219
+ }
220
+ .icon-msg:before {
221
+ content: "\e928";
222
+ }
223
+ .icon-arrow:before {
224
+ content: "\e929";
225
+ }
226
+ .icon-warning:before {
227
+ content: "\e92a";
228
+ }
229
+ .icon-messages:before {
230
+ content: "\e92b";
231
+ }
232
+ .icon-pause:before {
233
+ content: "\e92c";
234
+ }
235
+ .icon-play:before {
236
+ content: "\e92e";
237
+ }
238
+ .icon-store:before {
239
+ content: "\e930";
240
+ }
241
+ .icon-trash:before {
242
+ content: "\e931";
243
+ }
244
+ .icon-edit:before {
245
+ content: "\e932";
246
+ }
247
+ .icon-checked:before {
248
+ content: "\e933";
249
+ }
250
+ .icon-bell .path1:before {
251
+ content: "\e936";
252
+ }
253
+ .icon-bell .path2:before {
254
+ content: "\e937";
255
+ margin-left: -0.9658203125em;
256
+ }
257
+ .icon-bell .path3:before {
258
+ content: "\e938";
259
+ margin-left: -0.9658203125em;
260
+ }
261
+
262
+ /*#endregion img-font*/
263
+
264
+
3
265
  @use '../designe-colors.scss' as c;
4
266
  @import '../icons.scss';
5
267
  @import '../fonts.scss';