viniBaxter-spa_landing 0.9 → 10.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/viniBaxter/sass/bootstrap/_buttons.scss +2 -2
- data/lib/viniBaxter/sass/bootstrap/_forms.scss +29 -12
- data/lib/viniBaxter/sass/bootstrap/_grid.scss +1 -2
- data/lib/viniBaxter/sass/bootstrap/_navbar.scss +1 -7
- data/lib/viniBaxter/sass/bootstrap/_reboot.scss +49 -21
- data/lib/viniBaxter/sass/bootstrap/_type.scss +37 -13
- data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +0 -1
- data/lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss +0 -1
- data/lib/viniBaxter/sass/bootstrap/mixins/_grid.scss +5 -2
- data/lib/viniBaxter/sass/spa_landing/theme/_landin-page.scss +39 -0
- data/lib/viniBaxter/sass/spa_landing/theme/_navbar.scss +4 -1
- data/lib/viniBaxter/sass/spa_landing/theme/_navbar_creative.scss +38 -7
- data/lib/viniBaxter/sass/spa_landing/theme/_theme-basic-nav.scss +6 -0
- data/lib/viniBaxter/sass/spa_landing/theme/_theme.scss +7 -0
- data/lib/viniBaxter/sass/spa_landing/theme/_type.scss +7 -8
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_1068.scss +44 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_735.scss +56 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_OS_style.scss +211 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_index.scss +3 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_os_card.scss +152 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_safari__blur__effect.scss +50 -0
- data/lib/viniBaxter/sass/spa_landing/theme/mixins/_navbar.scss +45 -25
- data/lib/viniBaxter/spa_landing/version.rb +1 -1
- metadata +9 -3
- data/lib/viniBaxter/sass/bootstrap/_functions.scss +0 -164
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b3462abbf178ddf4bcc88b0fac22687c60c528268f53c2974be75f0a470d78f4
|
4
|
+
data.tar.gz: 2e5e08996b11a990799d0207438909cd47b664053eda472725482250b4e6e944
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c00890da8475a26897d48bebf26077de9742ccccd5d926fa1ddb9cf73e6068e52bb36145918cb51cb537ed64aecf4edabbd5c66c1259ab4276d277fb08889094
|
7
|
+
data.tar.gz: 3d1555ead2fb5c8fcfb0960fcdd79abf0cd588fd05536313fb7a5bb841d13f93c6fb9f69bfdc55ffda7152423c407044e0db73ce3768fc5583ab08c9fd52fd64
|
@@ -83,13 +83,13 @@ fieldset:disabled a.btn {
|
|
83
83
|
@each $color, $value in $theme-gradient-colors {
|
84
84
|
.btn-gradient-#{$color} {
|
85
85
|
@include set-gradient-button($color);
|
86
|
-
width: 200px;
|
87
86
|
color: $light;
|
88
|
-
background-size: 300% 100%;
|
87
|
+
// background-size: 300% 100%;
|
89
88
|
transition: all 0.4s ease-in-out;
|
90
89
|
&:hover {
|
91
90
|
background-position: 100% 0;
|
92
91
|
transition: all 0.4s ease-in-out;
|
92
|
+
color: $light;
|
93
93
|
}
|
94
94
|
}
|
95
95
|
}
|
@@ -59,10 +59,10 @@
|
|
59
59
|
}
|
60
60
|
}
|
61
61
|
|
62
|
-
input[type=
|
63
|
-
input[type=
|
64
|
-
input[type=
|
65
|
-
input[type=
|
62
|
+
input[type='date'],
|
63
|
+
input[type='time'],
|
64
|
+
input[type='datetime-local'],
|
65
|
+
input[type='month'] {
|
66
66
|
&.form-control {
|
67
67
|
appearance: none; // Fix appearance for date inputs in Safari
|
68
68
|
}
|
@@ -87,7 +87,6 @@ select.form-control {
|
|
87
87
|
width: 100%;
|
88
88
|
}
|
89
89
|
|
90
|
-
|
91
90
|
//
|
92
91
|
// Labels
|
93
92
|
//
|
@@ -116,7 +115,6 @@ select.form-control {
|
|
116
115
|
line-height: $input-line-height-sm;
|
117
116
|
}
|
118
117
|
|
119
|
-
|
120
118
|
// Readonly controls as plain text
|
121
119
|
//
|
122
120
|
// Apply class to a readonly input to make it appear like regular plain
|
@@ -141,7 +139,6 @@ select.form-control {
|
|
141
139
|
}
|
142
140
|
}
|
143
141
|
|
144
|
-
|
145
142
|
// Form control sizing
|
146
143
|
//
|
147
144
|
// Build on `.form-control` with modifier classes to decrease or increase the
|
@@ -191,7 +188,6 @@ textarea.form-control {
|
|
191
188
|
margin-top: $form-text-margin-top;
|
192
189
|
}
|
193
190
|
|
194
|
-
|
195
191
|
// Form grid
|
196
192
|
//
|
197
193
|
// Special replacement for our grid system's `.row` for tighter form layouts.
|
@@ -203,13 +199,12 @@ textarea.form-control {
|
|
203
199
|
margin-left: -$form-grid-gutter-width / 2;
|
204
200
|
|
205
201
|
> .col,
|
206
|
-
> [class*=
|
202
|
+
> [class*='col-'] {
|
207
203
|
padding-right: $form-grid-gutter-width / 2;
|
208
204
|
padding-left: $form-grid-gutter-width / 2;
|
209
205
|
}
|
210
206
|
}
|
211
207
|
|
212
|
-
|
213
208
|
// Checkboxes and radios
|
214
209
|
//
|
215
210
|
// Indent the labels to position radios/checkboxes as hanging controls.
|
@@ -251,7 +246,6 @@ textarea.form-control {
|
|
251
246
|
}
|
252
247
|
}
|
253
248
|
|
254
|
-
|
255
249
|
// Form validation
|
256
250
|
//
|
257
251
|
// Provide feedback to users when form field values are valid or invalid. Works
|
@@ -260,7 +254,11 @@ textarea.form-control {
|
|
260
254
|
// server side validation.
|
261
255
|
|
262
256
|
@each $state, $data in $form-validation-states {
|
263
|
-
@include form-validation-state(
|
257
|
+
@include form-validation-state(
|
258
|
+
$state,
|
259
|
+
map-get($data, color),
|
260
|
+
map-get($data, icon)
|
261
|
+
);
|
264
262
|
}
|
265
263
|
|
266
264
|
// Inline forms
|
@@ -344,4 +342,23 @@ textarea.form-control {
|
|
344
342
|
margin-bottom: 0;
|
345
343
|
}
|
346
344
|
}
|
345
|
+
&.form-landing {
|
346
|
+
.form-control {
|
347
|
+
border: 1px solid $gray-400 !important;
|
348
|
+
|
349
|
+
&:focus {
|
350
|
+
border-color: $primary-200 !important;
|
351
|
+
}
|
352
|
+
}
|
353
|
+
}
|
354
|
+
.btn_landing {
|
355
|
+
// background: $primary-gradient;
|
356
|
+
@include media-breakpoint-down(xs) {
|
357
|
+
margin-left: 0px !important;
|
358
|
+
margin-top: 10px !important;
|
359
|
+
}
|
360
|
+
}
|
361
|
+
.input_email_landing {
|
362
|
+
flex-grow: 4;
|
363
|
+
}
|
347
364
|
}
|
@@ -9,7 +9,6 @@
|
|
9
9
|
// Navbar position
|
10
10
|
// Navbar themes
|
11
11
|
|
12
|
-
|
13
12
|
// Navbar
|
14
13
|
//
|
15
14
|
// Provide a static navbar from which we expand to create full-width, fixed, and
|
@@ -44,7 +43,6 @@
|
|
44
43
|
}
|
45
44
|
}
|
46
45
|
|
47
|
-
|
48
46
|
// Navbar brand
|
49
47
|
//
|
50
48
|
// Used for brand, project, or site names.
|
@@ -63,7 +61,6 @@
|
|
63
61
|
}
|
64
62
|
}
|
65
63
|
|
66
|
-
|
67
64
|
// Navbar nav
|
68
65
|
//
|
69
66
|
// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
|
@@ -86,7 +83,6 @@
|
|
86
83
|
}
|
87
84
|
}
|
88
85
|
|
89
|
-
|
90
86
|
// Navbar text
|
91
87
|
//
|
92
88
|
//
|
@@ -97,7 +93,6 @@
|
|
97
93
|
padding-bottom: $nav-link-padding-y;
|
98
94
|
}
|
99
95
|
|
100
|
-
|
101
96
|
// Responsive navbar
|
102
97
|
//
|
103
98
|
// Custom styles for responsive collapsing and toggling of navbar contents.
|
@@ -135,7 +130,7 @@
|
|
135
130
|
width: 1.5em;
|
136
131
|
height: 1.5em;
|
137
132
|
vertical-align: middle;
|
138
|
-
content:
|
133
|
+
content: '';
|
139
134
|
background: no-repeat center center;
|
140
135
|
background-size: 100% 100%;
|
141
136
|
}
|
@@ -214,7 +209,6 @@
|
|
214
209
|
}
|
215
210
|
}
|
216
211
|
|
217
|
-
|
218
212
|
// Navbar themes
|
219
213
|
//
|
220
214
|
// Styles for switching between navbars with light or dark background.
|
@@ -31,7 +31,16 @@ html {
|
|
31
31
|
// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
|
32
32
|
// TODO: remove in v5
|
33
33
|
// stylelint-disable-next-line selector-list-comma-newline-after
|
34
|
-
article,
|
34
|
+
article,
|
35
|
+
aside,
|
36
|
+
figcaption,
|
37
|
+
figure,
|
38
|
+
footer,
|
39
|
+
header,
|
40
|
+
hgroup,
|
41
|
+
main,
|
42
|
+
nav,
|
43
|
+
section {
|
35
44
|
display: block;
|
36
45
|
}
|
37
46
|
|
@@ -51,6 +60,15 @@ body {
|
|
51
60
|
color: $body-color;
|
52
61
|
text-align: left; // 3
|
53
62
|
background-color: $body-bg; // 2
|
63
|
+
|
64
|
+
&.fixed_nav {
|
65
|
+
padding-top: $padding-body-lg-fixed-nav;
|
66
|
+
}
|
67
|
+
|
68
|
+
p {
|
69
|
+
font-weight: $font-weight-light;
|
70
|
+
@include font-size($paragraph-font-size);
|
71
|
+
}
|
54
72
|
}
|
55
73
|
|
56
74
|
// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
|
@@ -62,7 +80,7 @@ body {
|
|
62
80
|
//
|
63
81
|
// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
|
64
82
|
// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
|
65
|
-
[tabindex=
|
83
|
+
[tabindex='-1']:focus:not(:focus-visible) {
|
66
84
|
outline: 0 !important;
|
67
85
|
}
|
68
86
|
|
@@ -86,7 +104,12 @@ hr {
|
|
86
104
|
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
|
87
105
|
// margin for easier control within type scales as it avoids margin collapsing.
|
88
106
|
// stylelint-disable-next-line selector-list-comma-newline-after
|
89
|
-
h1,
|
107
|
+
h1,
|
108
|
+
h2,
|
109
|
+
h3,
|
110
|
+
h4,
|
111
|
+
h5,
|
112
|
+
h6 {
|
90
113
|
margin-top: 0;
|
91
114
|
margin-bottom: $headings-margin-bottom;
|
92
115
|
}
|
@@ -109,7 +132,8 @@ p {
|
|
109
132
|
// 5. Prevent the text-decoration to be skipped.
|
110
133
|
|
111
134
|
abbr[title],
|
112
|
-
abbr[data-original-title] {
|
135
|
+
abbr[data-original-title] {
|
136
|
+
// 1
|
113
137
|
text-decoration: underline; // 2
|
114
138
|
text-decoration: underline dotted; // 2
|
115
139
|
cursor: help; // 3
|
@@ -142,7 +166,7 @@ dt {
|
|
142
166
|
}
|
143
167
|
|
144
168
|
dd {
|
145
|
-
margin-bottom: .5rem;
|
169
|
+
margin-bottom: 0.5rem;
|
146
170
|
margin-left: 0; // Undo browser default
|
147
171
|
}
|
148
172
|
|
@@ -172,8 +196,12 @@ sup {
|
|
172
196
|
vertical-align: baseline;
|
173
197
|
}
|
174
198
|
|
175
|
-
sub {
|
176
|
-
|
199
|
+
sub {
|
200
|
+
bottom: -0.25em;
|
201
|
+
}
|
202
|
+
sup {
|
203
|
+
top: -0.5em;
|
204
|
+
}
|
177
205
|
|
178
206
|
//
|
179
207
|
// Links
|
@@ -327,7 +355,7 @@ select {
|
|
327
355
|
// Set the cursor for non-`<button>` buttons
|
328
356
|
//
|
329
357
|
// Details at https://github.com/twbs/bootstrap/pull/30562
|
330
|
-
[role=
|
358
|
+
[role='button'] {
|
331
359
|
cursor: pointer;
|
332
360
|
}
|
333
361
|
|
@@ -351,9 +379,9 @@ button,
|
|
351
379
|
// Opinionated: add "hand" cursor to non-disabled button elements.
|
352
380
|
@if $enable-pointer-cursor-for-buttons {
|
353
381
|
button,
|
354
|
-
[type=
|
355
|
-
[type=
|
356
|
-
[type=
|
382
|
+
[type='button'],
|
383
|
+
[type='reset'],
|
384
|
+
[type='submit'] {
|
357
385
|
&:not(:disabled) {
|
358
386
|
cursor: pointer;
|
359
387
|
}
|
@@ -362,15 +390,15 @@ button,
|
|
362
390
|
|
363
391
|
// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
|
364
392
|
button::-moz-focus-inner,
|
365
|
-
[type=
|
366
|
-
[type=
|
367
|
-
[type=
|
393
|
+
[type='button']::-moz-focus-inner,
|
394
|
+
[type='reset']::-moz-focus-inner,
|
395
|
+
[type='submit']::-moz-focus-inner {
|
368
396
|
padding: 0;
|
369
397
|
border-style: none;
|
370
398
|
}
|
371
399
|
|
372
|
-
input[type=
|
373
|
-
input[type=
|
400
|
+
input[type='radio'],
|
401
|
+
input[type='checkbox'] {
|
374
402
|
box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
|
375
403
|
padding: 0; // 2. Remove the padding in IE 10-
|
376
404
|
}
|
@@ -401,7 +429,7 @@ legend {
|
|
401
429
|
width: 100%;
|
402
430
|
max-width: 100%; // 1
|
403
431
|
padding: 0;
|
404
|
-
margin-bottom: .5rem;
|
432
|
+
margin-bottom: 0.5rem;
|
405
433
|
@include font-size(1.5rem);
|
406
434
|
line-height: inherit;
|
407
435
|
color: inherit; // 2
|
@@ -413,12 +441,12 @@ progress {
|
|
413
441
|
}
|
414
442
|
|
415
443
|
// Correct the cursor style of increment and decrement buttons in Chrome.
|
416
|
-
[type=
|
417
|
-
[type=
|
444
|
+
[type='number']::-webkit-inner-spin-button,
|
445
|
+
[type='number']::-webkit-outer-spin-button {
|
418
446
|
height: auto;
|
419
447
|
}
|
420
448
|
|
421
|
-
[type=
|
449
|
+
[type='search'] {
|
422
450
|
// This overrides the extra rounded corners on search inputs in iOS so that our
|
423
451
|
// `.form-control` class can properly style them. Note that this cannot simply
|
424
452
|
// be added to `.form-control` as it's not specific enough. For details, see
|
@@ -431,7 +459,7 @@ progress {
|
|
431
459
|
// Remove the inner padding in Chrome and Safari on macOS.
|
432
460
|
//
|
433
461
|
|
434
|
-
[type=
|
462
|
+
[type='search']::-webkit-search-decoration {
|
435
463
|
-webkit-appearance: none;
|
436
464
|
}
|
437
465
|
|
@@ -4,8 +4,18 @@
|
|
4
4
|
// Headings
|
5
5
|
//
|
6
6
|
|
7
|
-
h1,
|
8
|
-
|
7
|
+
h1,
|
8
|
+
h2,
|
9
|
+
h3,
|
10
|
+
h4,
|
11
|
+
h5,
|
12
|
+
h6,
|
13
|
+
.h1,
|
14
|
+
.h2,
|
15
|
+
.h3,
|
16
|
+
.h4,
|
17
|
+
.h5,
|
18
|
+
.h6 {
|
9
19
|
margin-bottom: $headings-margin-bottom;
|
10
20
|
font-family: $headings-font-family;
|
11
21
|
font-weight: $headings-font-weight;
|
@@ -13,12 +23,30 @@ h1, h2, h3, h4, h5, h6,
|
|
13
23
|
color: $headings-color;
|
14
24
|
}
|
15
25
|
|
16
|
-
h1,
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
26
|
+
h1,
|
27
|
+
.h1 {
|
28
|
+
@include font-size($h1-font-size);
|
29
|
+
}
|
30
|
+
h2,
|
31
|
+
.h2 {
|
32
|
+
@include font-size($h2-font-size);
|
33
|
+
}
|
34
|
+
h3,
|
35
|
+
.h3 {
|
36
|
+
@include font-size($h3-font-size);
|
37
|
+
}
|
38
|
+
h4,
|
39
|
+
.h4 {
|
40
|
+
@include font-size($h4-font-size);
|
41
|
+
}
|
42
|
+
h5,
|
43
|
+
.h5 {
|
44
|
+
@include font-size($h5-font-size);
|
45
|
+
}
|
46
|
+
h6,
|
47
|
+
.h6 {
|
48
|
+
@include font-size($h6-font-size);
|
49
|
+
}
|
22
50
|
|
23
51
|
.lead {
|
24
52
|
@include font-size($lead-font-size);
|
@@ -47,7 +75,6 @@ h6, .h6 { @include font-size($h6-font-size); }
|
|
47
75
|
line-height: $display-line-height;
|
48
76
|
}
|
49
77
|
|
50
|
-
|
51
78
|
//
|
52
79
|
// Horizontal rules
|
53
80
|
//
|
@@ -59,7 +86,6 @@ hr {
|
|
59
86
|
border-top: $hr-border-width solid $hr-border-color;
|
60
87
|
}
|
61
88
|
|
62
|
-
|
63
89
|
//
|
64
90
|
// Emphasis
|
65
91
|
//
|
@@ -76,7 +102,6 @@ mark,
|
|
76
102
|
background-color: $mark-bg;
|
77
103
|
}
|
78
104
|
|
79
|
-
|
80
105
|
//
|
81
106
|
// Lists
|
82
107
|
//
|
@@ -97,7 +122,6 @@ mark,
|
|
97
122
|
}
|
98
123
|
}
|
99
124
|
|
100
|
-
|
101
125
|
//
|
102
126
|
// Misc
|
103
127
|
//
|
@@ -120,6 +144,6 @@ mark,
|
|
120
144
|
color: $blockquote-small-color;
|
121
145
|
|
122
146
|
&::before {
|
123
|
-
content:
|
147
|
+
content: '\2014\00A0'; // em dash, nbsp
|
124
148
|
}
|
125
149
|
}
|