viniBaxter-spa_landing 0.9 → 10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/sass/bootstrap/_buttons.scss +2 -2
  3. data/lib/viniBaxter/sass/bootstrap/_forms.scss +29 -12
  4. data/lib/viniBaxter/sass/bootstrap/_grid.scss +1 -2
  5. data/lib/viniBaxter/sass/bootstrap/_navbar.scss +1 -7
  6. data/lib/viniBaxter/sass/bootstrap/_reboot.scss +49 -21
  7. data/lib/viniBaxter/sass/bootstrap/_type.scss +37 -13
  8. data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +0 -1
  9. data/lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss +0 -1
  10. data/lib/viniBaxter/sass/bootstrap/mixins/_grid.scss +5 -2
  11. data/lib/viniBaxter/sass/spa_landing/theme/_landin-page.scss +39 -0
  12. data/lib/viniBaxter/sass/spa_landing/theme/_navbar.scss +4 -1
  13. data/lib/viniBaxter/sass/spa_landing/theme/_navbar_creative.scss +38 -7
  14. data/lib/viniBaxter/sass/spa_landing/theme/_theme-basic-nav.scss +6 -0
  15. data/lib/viniBaxter/sass/spa_landing/theme/_theme.scss +7 -0
  16. data/lib/viniBaxter/sass/spa_landing/theme/_type.scss +7 -8
  17. data/lib/viniBaxter/sass/spa_landing/theme/iOS/_1068.scss +44 -0
  18. data/lib/viniBaxter/sass/spa_landing/theme/iOS/_735.scss +56 -0
  19. data/lib/viniBaxter/sass/spa_landing/theme/iOS/_OS_style.scss +211 -0
  20. data/lib/viniBaxter/sass/spa_landing/theme/iOS/_index.scss +3 -0
  21. data/lib/viniBaxter/sass/spa_landing/theme/iOS/_os_card.scss +152 -0
  22. data/lib/viniBaxter/sass/spa_landing/theme/iOS/_safari__blur__effect.scss +50 -0
  23. data/lib/viniBaxter/sass/spa_landing/theme/mixins/_navbar.scss +45 -25
  24. data/lib/viniBaxter/spa_landing/version.rb +1 -1
  25. metadata +9 -3
  26. data/lib/viniBaxter/sass/bootstrap/_functions.scss +0 -164
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6954c7a3c5c1ea024f2df059c41007bf9d679f0d5a5862dcf58e20f82f2d3b1c
4
- data.tar.gz: 4557f403822e6dd78115be86b584d428bdfa2bf58e94ee988ebf6711b9081bdb
3
+ metadata.gz: b3462abbf178ddf4bcc88b0fac22687c60c528268f53c2974be75f0a470d78f4
4
+ data.tar.gz: 2e5e08996b11a990799d0207438909cd47b664053eda472725482250b4e6e944
5
5
  SHA512:
6
- metadata.gz: ea3d2867cf103e8dea442d6931d8a8194c04c827a12298c6a6b08c01d9d951f075e05989bf48fa9c1a65666ba23e8de888cf23360edae2d0dd267717c388fcec
7
- data.tar.gz: 41e2982c7d06fee479e992343aa6020a335102bb7cc1f92d3586bd912428f26dbcd1ee7c5d6240e4fc834feb397191f012f18fc97cacd8dda3813a9edb351ffe
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="date"],
63
- input[type="time"],
64
- input[type="datetime-local"],
65
- input[type="month"] {
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*="col-"] {
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($state, map-get($data, color), map-get($data, icon));
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
  }
@@ -40,7 +40,6 @@
40
40
  }
41
41
  }
42
42
 
43
-
44
43
  // Row
45
44
  //
46
45
  // Rows contain your columns.
@@ -57,7 +56,7 @@
57
56
  margin-left: 0;
58
57
 
59
58
  > .col,
60
- > [class*="col-"] {
59
+ > [class*='col-'] {
61
60
  padding-right: 0;
62
61
  padding-left: 0;
63
62
  }
@@ -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, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
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="-1"]:focus:not(:focus-visible) {
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, h2, h3, h4, h5, h6 {
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] { // 1
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 { bottom: -.25em; }
176
- sup { top: -.5em; }
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="button"] {
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="button"],
355
- [type="reset"],
356
- [type="submit"] {
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="button"]::-moz-focus-inner,
366
- [type="reset"]::-moz-focus-inner,
367
- [type="submit"]::-moz-focus-inner {
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="radio"],
373
- input[type="checkbox"] {
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="number"]::-webkit-inner-spin-button,
417
- [type="number"]::-webkit-outer-spin-button {
444
+ [type='number']::-webkit-inner-spin-button,
445
+ [type='number']::-webkit-outer-spin-button {
418
446
  height: auto;
419
447
  }
420
448
 
421
- [type="search"] {
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="search"]::-webkit-search-decoration {
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, h2, h3, h4, h5, h6,
8
- .h1, .h2, .h3, .h4, .h5, .h6 {
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, .h1 { @include font-size($h1-font-size); }
17
- h2, .h2 { @include font-size($h2-font-size); }
18
- h3, .h3 { @include font-size($h3-font-size); }
19
- h4, .h4 { @include font-size($h4-font-size); }
20
- h5, .h5 { @include font-size($h5-font-size); }
21
- h6, .h6 { @include font-size($h6-font-size); }
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: "\2014\00A0"; // em dash, nbsp
147
+ content: '\2014\00A0'; // em dash, nbsp
124
148
  }
125
149
  }