welcome_css 0.31 → 0.36
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/_fonts.scss +32 -0
- data/app/assets/stylesheets/_welcome-ui-buttons.scss +37 -4
- data/app/assets/stylesheets/_welcome-ui-menu-app.scss +4 -1
- data/app/assets/stylesheets/_welcome-ui-navbar.scss +43 -1
- data/app/assets/stylesheets/_welcome-ui-responsive.scss +66 -1
- data/app/assets/stylesheets/_welcome-ui-sidebar.scss +106 -84
- data/app/assets/stylesheets/_welcome-ui-tables.scss +374 -30
- data/app/assets/stylesheets/_welcome-ui.scss +179 -11
- data/app/assets/stylesheets/_welcome_bootstrap_variables.scss +0 -1
- data/lib/welcome_css/version.rb +1 -1
- metadata +2 -2
|
@@ -1,28 +1,64 @@
|
|
|
1
1
|
// Variables
|
|
2
2
|
|
|
3
3
|
/* ====================================== */
|
|
4
|
-
// Welcome UI Fonts
|
|
5
4
|
|
|
6
5
|
body {
|
|
7
6
|
-webkit-font-smoothing: antialiased;
|
|
8
7
|
-moz-osx-font-smoothing: grayscale;
|
|
8
|
+
background-color: #FAFAFA !important;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
/* ====================================== */
|
|
12
|
+
// Welcome UI - Fonts
|
|
13
|
+
|
|
14
|
+
.s-text {
|
|
15
|
+
font-size: 14px;
|
|
16
|
+
}
|
|
17
|
+
$s-text: 14px;
|
|
18
|
+
|
|
19
|
+
.m-text {
|
|
20
|
+
font-size: 18px;
|
|
21
|
+
}
|
|
22
|
+
$m-text: 18px;
|
|
23
|
+
|
|
24
|
+
.l-text {
|
|
25
|
+
font-size: 22px;
|
|
26
|
+
}
|
|
27
|
+
$l-text: 22px;
|
|
28
|
+
|
|
29
|
+
.text-bold {
|
|
30
|
+
font-weight: 600;
|
|
31
|
+
}
|
|
32
|
+
$text-bold: 600;
|
|
33
|
+
|
|
11
34
|
$ui_font_small: 14px;
|
|
12
35
|
$ui_font_normal: 16px;
|
|
13
36
|
|
|
37
|
+
/* --------------- */
|
|
38
|
+
|
|
14
39
|
h1, h2, h3, h4 {
|
|
15
|
-
font-family: 'gt-eesti-regular'
|
|
40
|
+
/*font-family: 'gt-eesti-regular';*/
|
|
41
|
+
font-family: 'gilroy-bold';
|
|
16
42
|
}
|
|
17
43
|
.ui-app-area {
|
|
18
|
-
font-family: 'hk_groteskmedium'
|
|
44
|
+
/*font-family: 'hk_groteskmedium';*/
|
|
45
|
+
font-family: 'nunitosans-regular';
|
|
19
46
|
}
|
|
20
47
|
.ui-app-area strong {
|
|
21
|
-
font-family: 'hk_groteskbold'
|
|
48
|
+
/*font-family: 'hk_groteskbold';*/
|
|
49
|
+
font-family: 'nunitosans-bold';
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* --------------- */
|
|
53
|
+
|
|
54
|
+
.am-content.ui-app-area .page-head h2 {
|
|
55
|
+
font-family: 'gilroy-bold';
|
|
56
|
+
font-size: 26px;
|
|
57
|
+
line-height: 32px;
|
|
22
58
|
}
|
|
23
59
|
|
|
24
60
|
/* ====================================== */
|
|
25
|
-
// Welcome UI Colors
|
|
61
|
+
// Welcome UI - Colors
|
|
26
62
|
|
|
27
63
|
$ui_back: #000000 !important;
|
|
28
64
|
$ui_white: #ffffff !important;
|
|
@@ -58,28 +94,127 @@ $ui-radius: .25rem !important;
|
|
|
58
94
|
// Welcome UI - Margin & Padding
|
|
59
95
|
|
|
60
96
|
$sm-margintop: 10px;
|
|
97
|
+
$s-mt: 5px;
|
|
98
|
+
|
|
61
99
|
$sm-marginbottom: 10px;
|
|
100
|
+
$s-mb: 5px;
|
|
62
101
|
|
|
63
102
|
$md-margintop: 30px;
|
|
103
|
+
$m-mt: 15px;
|
|
104
|
+
|
|
64
105
|
$md-marginbottom: 30px;
|
|
106
|
+
$m-mb: 15px;
|
|
65
107
|
|
|
66
108
|
$lg-margintop: 60px;
|
|
109
|
+
$l-mt: 30px;
|
|
110
|
+
|
|
67
111
|
$lg-marginbottom: 60px;
|
|
112
|
+
$l-mb: 30px;
|
|
113
|
+
|
|
114
|
+
$sm-paddingtop: 5px;
|
|
115
|
+
$s-pt: 5px;
|
|
68
116
|
|
|
69
117
|
$md-paddingtop: 30px;
|
|
70
|
-
$
|
|
118
|
+
$m-pt: 15px;
|
|
71
119
|
|
|
72
120
|
$lg-paddingtop: 60px;
|
|
121
|
+
$l-pt: 30px;
|
|
122
|
+
|
|
123
|
+
$sm-paddingbottom: 10px;
|
|
124
|
+
$s-pb: 5px;
|
|
125
|
+
|
|
126
|
+
$md-paddingbottom: 30px;
|
|
127
|
+
$m-pb: 15px;
|
|
128
|
+
|
|
73
129
|
$lg-paddingbottom: 60px;
|
|
130
|
+
$l-pb: 30px;
|
|
131
|
+
|
|
132
|
+
$s-padding: 20px 15px;
|
|
133
|
+
$m-padding: 30px 30px;
|
|
134
|
+
$l-padding: 60px 60px;
|
|
135
|
+
|
|
136
|
+
/* ====================================== */
|
|
137
|
+
// Welcome UI - Buttons & Effects
|
|
138
|
+
|
|
139
|
+
.pointer:hover {
|
|
140
|
+
cursor: pointer;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
/* ====================================== */
|
|
144
|
+
// Welcome UI - Hide & Show
|
|
145
|
+
|
|
146
|
+
@media (max-width: 992px) {
|
|
147
|
+
.no-responsive {
|
|
148
|
+
display: none !important;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
/* ====================================== */
|
|
153
|
+
// Welcome UI - Shadows
|
|
154
|
+
|
|
155
|
+
$ui-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
|
|
156
|
+
.shadow {
|
|
157
|
+
box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
$ui-light-shadow: 1px -1px 7px 0px rgba(174,174,174,0.05);
|
|
161
|
+
.light-shadow {
|
|
162
|
+
box-shadow: 1px -1px 7px 0px rgba(174,174,174,0.05);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
$ui-shadow-right: 0 0 15px rgba(174,174,174,0.15%);
|
|
166
|
+
.right-shadow {
|
|
167
|
+
box-shadow: 0 0 15px rgba(174,174,174,0.15%);
|
|
168
|
+
}
|
|
74
169
|
|
|
75
170
|
/* ====================================== */
|
|
171
|
+
// Welcome UI - Block text sizes
|
|
76
172
|
|
|
173
|
+
$header-title: 22px;
|
|
174
|
+
|
|
175
|
+
/* ====================================== */
|
|
176
|
+
// Welcome UI - Blocks
|
|
177
|
+
|
|
178
|
+
.simple-block {
|
|
179
|
+
display: block;
|
|
180
|
+
float: left;
|
|
181
|
+
position: relative;
|
|
182
|
+
background-color: $ui_white;
|
|
183
|
+
padding: $s-padding;
|
|
184
|
+
}
|
|
185
|
+
.rounded {
|
|
186
|
+
border-radius: $ui-radius;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
/* ====================================== */
|
|
190
|
+
|
|
191
|
+
$block-title: 16px;
|
|
192
|
+
$block-title-color: #000;
|
|
193
|
+
$block-secondary-title: 14px;
|
|
194
|
+
$block-secondary-title-color: #787878;
|
|
195
|
+
$block-result: 18px;
|
|
196
|
+
$block-result-color: #000;
|
|
197
|
+
|
|
198
|
+
/* ====================================== */
|
|
199
|
+
|
|
200
|
+
.inline-flex {
|
|
201
|
+
display: inline-flex;
|
|
202
|
+
flex-wrap: wrap;
|
|
203
|
+
margin-right: -15px;
|
|
204
|
+
margin-left: -15px;
|
|
205
|
+
}
|
|
77
206
|
.ui-app-area h4 {
|
|
78
207
|
font-size: 20px;
|
|
79
208
|
}
|
|
80
209
|
.land-app, .main-app {
|
|
81
210
|
background-color: $ui_lightergray;
|
|
82
211
|
}
|
|
212
|
+
.main-app {
|
|
213
|
+
display: block;
|
|
214
|
+
float: left;
|
|
215
|
+
position: relative;
|
|
216
|
+
width: 100%;
|
|
217
|
+
}
|
|
83
218
|
.land-app .main-btns .ui-menu-dots {
|
|
84
219
|
display: block;
|
|
85
220
|
float: right;
|
|
@@ -93,25 +228,44 @@ $lg-paddingbottom: 60px;
|
|
|
93
228
|
.ui-app-area .no-margin {
|
|
94
229
|
margin: 0;
|
|
95
230
|
}
|
|
231
|
+
.ui-app-area .no-padding {
|
|
232
|
+
padding: 0;
|
|
233
|
+
}
|
|
96
234
|
|
|
97
235
|
/* ====================================== */
|
|
98
236
|
|
|
99
237
|
.am-wrapper.main-app .menu-app {
|
|
100
238
|
width: 16%;
|
|
239
|
+
position: absolute;
|
|
240
|
+
top: 0;
|
|
101
241
|
}
|
|
102
242
|
.am-wrapper.main-app .navbar {
|
|
103
243
|
background-color: $ui_white;
|
|
104
|
-
height:
|
|
244
|
+
height: 40px;
|
|
105
245
|
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05%);
|
|
246
|
+
display: block;
|
|
247
|
+
float: right;
|
|
248
|
+
position: relative;
|
|
249
|
+
width: auto;
|
|
250
|
+
top: 6px;
|
|
251
|
+
right: 15px;
|
|
252
|
+
padding: 4px 0px 0px 0px;
|
|
253
|
+
margin-bottom: 4px;
|
|
106
254
|
}
|
|
107
255
|
.am-wrapper.main-app .ui-app-area {
|
|
108
256
|
padding: 15px;
|
|
109
257
|
width: 84%;
|
|
110
258
|
float: right;
|
|
111
|
-
|
|
259
|
+
position: absolute;
|
|
260
|
+
margin: 0;
|
|
261
|
+
display: block;
|
|
262
|
+
right: 0;
|
|
263
|
+
top: 42px;
|
|
264
|
+
/*background-color: #fafafa !important;*/
|
|
112
265
|
}
|
|
113
266
|
.am-wrapper.main-app .ui-app-area .page-head {
|
|
114
267
|
padding: 20px;
|
|
268
|
+
margin-bottom: 30px;
|
|
115
269
|
}
|
|
116
270
|
.am-wrapper.main-app .ui-app-area .main-content {
|
|
117
271
|
padding: 0;
|
|
@@ -256,7 +410,7 @@ $lg-paddingbottom: 60px;
|
|
|
256
410
|
position: relative;
|
|
257
411
|
height: auto;
|
|
258
412
|
width: 100%;
|
|
259
|
-
padding: 0 0 0
|
|
413
|
+
padding: 0 0 0 22px;
|
|
260
414
|
}
|
|
261
415
|
.am-left-sidebar .sidebar-elements > li > ul >
|
|
262
416
|
.nav-items .am-scroller .content {
|
|
@@ -345,7 +499,10 @@ $lg-paddingbottom: 60px;
|
|
|
345
499
|
}
|
|
346
500
|
@media (min-width: 769px) {
|
|
347
501
|
input[type="radio"]#swipe, input[type="checkbox"]#swipe {
|
|
348
|
-
display: none;
|
|
502
|
+
display: none;
|
|
503
|
+
}
|
|
504
|
+
.navbar .welcome-homes-logo {
|
|
505
|
+
display: none;
|
|
349
506
|
}
|
|
350
507
|
}
|
|
351
508
|
@media (max-width: 768px) {
|
|
@@ -358,6 +515,17 @@ $lg-paddingbottom: 60px;
|
|
|
358
515
|
.am-wrapper.main-app .navbar {
|
|
359
516
|
height: 50px;
|
|
360
517
|
display: block;
|
|
518
|
+
width: 100%;
|
|
519
|
+
right: 0;
|
|
520
|
+
top: 0;
|
|
521
|
+
z-index: 1;
|
|
522
|
+
}
|
|
523
|
+
.navbar .welcome-homes-logo {
|
|
524
|
+
display: block;
|
|
525
|
+
margin-top: 12px !important;
|
|
526
|
+
}
|
|
527
|
+
.navbar .logo-area {
|
|
528
|
+
border-bottom: none;
|
|
361
529
|
}
|
|
362
530
|
.am-top-header {
|
|
363
531
|
position: fixed !important;
|
|
@@ -370,7 +538,7 @@ $lg-paddingbottom: 60px;
|
|
|
370
538
|
}
|
|
371
539
|
.am-wrapper.main-app .ui-app-area {
|
|
372
540
|
width: 100%;
|
|
373
|
-
margin-top:
|
|
541
|
+
margin-top: 20px;
|
|
374
542
|
display: block;
|
|
375
543
|
}
|
|
376
544
|
.am-wrapper.main-app .menu-app {
|
data/lib/welcome_css/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: welcome_css
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: '0.
|
|
4
|
+
version: '0.36'
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Jose Camacho
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-
|
|
11
|
+
date: 2022-02-17 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|