viniBaxter-spa_landing 0.9 → 10.0
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/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
|
}
|