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.
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
  }