vbax-template_go 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/lib/vbax/sass/template_go/components/_accordion.scss +9 -9
  3. data/lib/vbax/sass/template_go/components/_blog.scss +3 -3
  4. data/lib/vbax/sass/template_go/components/_boxes.scss +9 -9
  5. data/lib/vbax/sass/template_go/components/_buttons.scss +1 -1
  6. data/lib/vbax/sass/template_go/components/_cards.scss +2 -2
  7. data/lib/vbax/sass/template_go/components/_carousel.scss +11 -9
  8. data/lib/vbax/sass/template_go/components/_dropdowns.scss +2 -2
  9. data/lib/vbax/sass/template_go/components/_gallery.scss +1 -1
  10. data/lib/vbax/sass/template_go/components/_hero.scss +3 -3
  11. data/lib/vbax/sass/template_go/components/_jobs.scss +2 -2
  12. data/lib/vbax/sass/template_go/components/_list.scss +1 -1
  13. data/lib/vbax/sass/template_go/components/_modals.scss +1 -1
  14. data/lib/vbax/sass/template_go/components/_nav.scss +1 -1
  15. data/lib/vbax/sass/template_go/components/_navbar.scss +2 -2
  16. data/lib/vbax/sass/template_go/components/_presentations.scss +1 -1
  17. data/lib/vbax/sass/template_go/components/_swiper.scss +2 -2
  18. data/lib/vbax/sass/template_go/components/_tables.scss +2 -2
  19. data/lib/vbax/sass/template_go/components/_testimonials.scss +2 -2
  20. data/lib/vbax/sass/template_go/components/_users.scss +10 -10
  21. data/lib/vbax/sass/template_go/components/_video.scss +1 -1
  22. data/lib/vbax/sass/template_go/layout/_colors.scss +2 -2
  23. data/lib/vbax/sass/template_go/layout/_components.scss +13 -3
  24. data/lib/vbax/sass/template_go/layout/_content.scss +2 -2
  25. data/lib/vbax/sass/template_go/layout/_custom-forms.scss +27 -5
  26. data/lib/vbax/sass/template_go/layout/_footer.scss +1 -1
  27. data/lib/vbax/sass/template_go/layout/_forms.scss +2 -2
  28. data/lib/vbax/sass/template_go/layout/_header.scss +2 -2
  29. data/lib/vbax/sass/template_go/layout/_invert.scss +2 -2
  30. data/lib/vbax/sass/template_go/layout/_mixins.scss +2 -2
  31. data/lib/vbax/sass/template_go/layout/_overlay.scss +3 -3
  32. data/lib/vbax/sass/template_go/layout/_typography.scss +4 -3
  33. data/lib/vbax/sass/template_go.scss +12 -0
  34. data/lib/vbax/template_go/version.rb +1 -1
  35. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 034bc3002c637d3eacafa7fcf764bc5b4a4d1bc039e7c011bb75b0aa0a2bed57
4
- data.tar.gz: 636130f4331cc7a96ed55a6d3ea8a1f04a86508c275a2d91813fa745aaa8d6c6
3
+ metadata.gz: e8458e0f61b68d0013d0d81f74d2a371957e755e11ec19a8e11c2983cf33f067
4
+ data.tar.gz: a50f7be89364e643e2e60e54d8c7bb3521324ddac4a3683244030619627ca68d
5
5
  SHA512:
6
- metadata.gz: 9fb812f844d326c05e069638c996f783b27decfb90393999af2601a691da55c0cf99ecc30dc2178cf667310d55cce8a4de6894515dd229630b318fb13d13e79c
7
- data.tar.gz: 88e142d0bebddc6535eac2ba6152757b3204172124c5eb018bb363374106850b74680f8c2b942175cea8abe24df6b1ddb072c3fe4a190e33f62ea98038854e42
6
+ metadata.gz: 56afac3b73ec764652043960ec75d0dbf6ad3e011e415153fb0b1d827c9e03a190f5db6dddfeda04050212d03d7e0bf5fc48d5ee4c81c4fe33f1e80263a575bd
7
+ data.tar.gz: 5a026d049a9076ede9605c5d5d9053704fc5022cf8c42f617ed9b4616cef7bb7d58a03423a08ca2d9b05cf154e5e4dbec55e37187a0b409500f6463ac592cdf2
@@ -18,7 +18,7 @@
18
18
  &.open .accordion-control::after {
19
19
  @include rotate(180deg);
20
20
  }
21
-
21
+
22
22
  &:not(:first-child) {
23
23
  border-top-width: 0;
24
24
  }
@@ -35,7 +35,7 @@
35
35
  cursor: pointer;
36
36
  @include selection(none);
37
37
 
38
- > * {
38
+ > * {
39
39
  flex-basis: 0;
40
40
  flex-grow: 1;
41
41
  max-width: 100%;
@@ -104,7 +104,7 @@
104
104
  //
105
105
  // Feature
106
106
  //
107
- .accordion-group-feature {
107
+ .accordion-group-feature {
108
108
  .accordion {
109
109
  @include border-radius;
110
110
  padding: 1rem;
@@ -156,7 +156,7 @@
156
156
  @extend %boxed;
157
157
  left: -3rem;
158
158
  width: 3.75rem;
159
- color: $black;
159
+ color: $canalplus;
160
160
  margin-top: -(3.75rem / 2);
161
161
  line-height: 3.75rem;
162
162
  text-align: center;
@@ -181,7 +181,7 @@
181
181
 
182
182
  .accordion-control {
183
183
  &::after {
184
- color: $black;
184
+ color: $canalplus;
185
185
  }
186
186
  }
187
187
  }
@@ -192,7 +192,7 @@
192
192
  //
193
193
  .accordion-group-steps {
194
194
  overflow: visible;
195
-
195
+
196
196
  .accordion {
197
197
  padding-left: 3.75rem;
198
198
  counter-increment: accordion;
@@ -270,7 +270,7 @@
270
270
  left: 0;
271
271
  width: 3.75rem;
272
272
  height: 3.75rem;
273
- color: $black;
273
+ color: $canalplus;
274
274
  margin-top: -30px;
275
275
  line-height: calc(3.75rem - 4px);
276
276
  text-align: center;
@@ -319,7 +319,7 @@
319
319
  //
320
320
  .accordion-group-highlight {
321
321
  overflow: visible;
322
-
322
+
323
323
  .accordion {
324
324
  background: transparent;
325
325
  border: 0;
@@ -418,7 +418,7 @@
418
418
  @include media-breakpoint-down(md) {
419
419
  .accordion-control {
420
420
  display: block;
421
-
421
+
422
422
  > * {
423
423
  &:not(:first-child) {
424
424
  margin-top: .25rem;
@@ -104,7 +104,7 @@
104
104
  .text-white {
105
105
  .news {
106
106
  a {
107
- background: rgba($black, .1);
107
+ background: rgba($canalplus, .1);
108
108
  }
109
109
 
110
110
  time {
@@ -148,7 +148,7 @@
148
148
  bottom: 0;
149
149
  left: 0;
150
150
  display: block;
151
- background: rgba($black, 0.2);
151
+ background: rgba($canalplus, 0.2);
152
152
  }
153
153
  }
154
154
 
@@ -251,7 +251,7 @@
251
251
  .list-group-categories {
252
252
  .list-group-item {
253
253
  @include transition;
254
- color: $black;
254
+ color: $canalplus;
255
255
 
256
256
  &:hover {
257
257
  color: $primary;
@@ -22,9 +22,9 @@
22
22
  }
23
23
 
24
24
  %floating {
25
- -webkit-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
26
- -moz-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
27
- box-shadow: 0px 10px 15px 0 rgba($black,0.1);
25
+ -webkit-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
26
+ -moz-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
27
+ box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
28
28
  }
29
29
 
30
30
  [class*="boxed"] { @extend %boxed; }
@@ -57,9 +57,9 @@
57
57
  @include translate(0,-10px);
58
58
  position: relative;
59
59
  z-index: 50;
60
- -webkit-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
61
- -moz-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
62
- box-shadow: 0px 10px 15px 0 rgba($black,0.1);
60
+ -webkit-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
61
+ -moz-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
62
+ box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
63
63
  }
64
64
  }
65
65
 
@@ -82,9 +82,9 @@
82
82
  @include translate(0,-10px);
83
83
  position: relative;
84
84
  z-index: 50;
85
- -webkit-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
86
- -moz-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
87
- box-shadow: 0px 10px 15px 0 rgba($black,0.1);
85
+ -webkit-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
86
+ -moz-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
87
+ box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
88
88
  }
89
89
  }
90
90
  }
@@ -65,7 +65,7 @@
65
65
  line-height: ($input-btn-padding-y * 2 + $line-height-base);
66
66
  font-size: 24px;
67
67
  width: ($input-btn-padding-y * 2 + $line-height-base);
68
- background: rgba($black, .1);
68
+ background: rgba($canalplus, .1);
69
69
  }
70
70
 
71
71
  &.btn-lg {
@@ -32,7 +32,7 @@
32
32
  bottom: 0;
33
33
  left: 0;
34
34
  display: block;
35
- background: rgba($black, .1);
35
+ background: rgba($canalplus, .1);
36
36
  z-index: 5;
37
37
  }
38
38
 
@@ -61,7 +61,7 @@
61
61
  .card-title {
62
62
  a {
63
63
  @include transition;
64
- color: $black;
64
+ color: $canalplus;
65
65
 
66
66
  &:hover {
67
67
  color: $primary;
@@ -3,7 +3,8 @@
3
3
  //
4
4
  //
5
5
 
6
- .owl-carousel {
6
+ .owl-carousel,
7
+ .owl-carousel-landing_page {
7
8
  &[data-dots="true"] {
8
9
  margin-bottom: 60px;
9
10
  }
@@ -14,7 +15,7 @@
14
15
  button.owl-prev,
15
16
  button.owl-next {
16
17
  @include transition;
17
- background: rgba($black, .4);
18
+ background: rgba($canalplus, .4);
18
19
  position: absolute;
19
20
  border-radius: 50%;
20
21
  top: 50%;
@@ -37,7 +38,7 @@
37
38
  }
38
39
 
39
40
  &:hover {
40
- background: rgba($black, .5);
41
+ background: rgba($canalplus, .5);
41
42
  }
42
43
 
43
44
  span {
@@ -82,7 +83,7 @@
82
83
 
83
84
 
84
85
  // Dots
85
- .owl-carousel-inside-project {
86
+ .owl-carousel-inside-project-toto {
86
87
  .owl-nav{
87
88
  &.disabled {
88
89
  display: none;
@@ -110,19 +111,19 @@
110
111
  height: 8px;
111
112
  margin: 10px;
112
113
  border-radius: 50%;
113
- background: rgba($black,0.2);
114
+ background: rgba($canalplus,0.2);
114
115
  @include transition();
115
116
  }
116
117
 
117
118
  &:hover {
118
119
  span {
119
- background: rgba($black, 0.4);
120
+ background: rgba($canalplus, 0.4);
120
121
  }
121
122
  }
122
123
 
123
124
  &.active {
124
125
  span {
125
- background: $black;
126
+ background: $canalplus;
126
127
  @include scale(1.5);
127
128
  }
128
129
  }
@@ -181,7 +182,7 @@
181
182
  border: $border-width solid transparent;
182
183
 
183
184
  &::before {
184
- color: $black;
185
+ color: $canalplus;
185
186
  }
186
187
 
187
188
  &:hover {
@@ -226,7 +227,8 @@
226
227
 
227
228
 
228
229
  // General
229
- .owl-carousel {
230
+ .owl-carousel,
231
+ .owl-carousel-landing_page {
230
232
 
231
233
  .owl-stage-outer {
232
234
 
@@ -83,7 +83,7 @@
83
83
  display: block;
84
84
  padding: 0 $dropdown-item-padding-y;
85
85
  margin-bottom: .5rem;
86
- color: $black;
86
+ color: $canalplus;
87
87
  letter-spacing: $letter-spacing;
88
88
  font-size: $font-size-sm;
89
89
  text-transform: uppercase;
@@ -104,7 +104,7 @@
104
104
  color: $gray-300;
105
105
 
106
106
  &:hover {
107
- background-color: rgba($black, .05);
107
+ background-color: rgba($canalplus, .05);
108
108
  }
109
109
 
110
110
  &.highlight {
@@ -56,7 +56,7 @@
56
56
  right: 0;
57
57
  bottom: 0;
58
58
  left: 0;
59
- background: rgba($black, .2);
59
+ background: rgba($canalplus, .2);
60
60
  }
61
61
  }
62
62
 
@@ -90,7 +90,7 @@
90
90
  bottom: 0;
91
91
  left: 0;
92
92
  content: "";
93
- // background: rgba($black, 0.25)
93
+ // background: rgba($canalplus, 0.25)
94
94
  }
95
95
  }
96
96
 
@@ -102,7 +102,7 @@
102
102
  bottom: 0;
103
103
  left: 0;
104
104
  content: "";
105
- background: rgba($black, 0.4)
105
+ background: rgba($canalplus, 0.4)
106
106
  }
107
107
  }
108
108
 
@@ -213,7 +213,7 @@
213
213
  left: 50%;
214
214
  width: 6px;
215
215
  height: 6px;
216
- background: $black;
216
+ background: $canalplus;
217
217
  border-radius: 50%;
218
218
  -webkit-animation: mouse 2s linear infinite;
219
219
  -moz-animation: mouse 2s linear infinite;
@@ -8,10 +8,10 @@
8
8
  @include border-radius;
9
9
  padding: $grid-gutter-width ($grid-gutter-width / 2);
10
10
  margin: 0;
11
- background: rgba($black, .1);
11
+ background: rgba($canalplus, .1);
12
12
 
13
13
  &:hover {
14
- background: rgba($black, .2);
14
+ background: rgba($canalplus, .2);
15
15
  }
16
16
 
17
17
  &:not(:last-child) {
@@ -79,7 +79,7 @@
79
79
 
80
80
  &.active {
81
81
  background: transparent;
82
- color: $black;
82
+ color: $canalplus;
83
83
  }
84
84
 
85
85
  [class*="icon"] {
@@ -23,7 +23,7 @@
23
23
  border-radius: 50%;
24
24
 
25
25
  span {
26
- color: $black;
26
+ color: $canalplus;
27
27
  }
28
28
 
29
29
  &:hover {
@@ -177,7 +177,7 @@
177
177
 
178
178
  &.active,
179
179
  &:hover {
180
- color: $black;
180
+ color: $canalplus;
181
181
  }
182
182
 
183
183
 
@@ -73,14 +73,14 @@
73
73
 
74
74
  &:focus,
75
75
  &:hover {
76
- color: $black;
76
+ color: $canalplus;
77
77
  }
78
78
  }
79
79
 
80
80
  &.show,
81
81
  &.active {
82
82
  .nav-link {
83
- color: $black;
83
+ color: $canalplus;
84
84
  }
85
85
  }
86
86
  }
@@ -24,7 +24,7 @@
24
24
  width: 100%;
25
25
  height: 100%;
26
26
  border-radius: 50%;
27
- border: $border-width solid rgba($black, .1);
27
+ border: $border-width solid rgba($canalplus, .1);
28
28
  z-index: -1;
29
29
  animation-timing-function: cubic-bezier(0.1, 0.2, 0.3,1);
30
30
  }
@@ -199,7 +199,7 @@
199
199
  right: 0;
200
200
  bottom: 0;
201
201
  left: 0;
202
- color: $black;
202
+ color: $canalplus;
203
203
  line-height: 3.75rem;
204
204
  font-family: 'icomoon';
205
205
  font-size: 1.5rem;
@@ -209,7 +209,7 @@
209
209
  border-color: $border-color;
210
210
 
211
211
  &::before {
212
- color: $black;
212
+ color: $canalplus;
213
213
  }
214
214
  }
215
215
  }
@@ -11,7 +11,7 @@
11
11
  }
12
12
 
13
13
  td {
14
- color: $black;
14
+ color: $canalplus;
15
15
  }
16
16
 
17
17
  th,
@@ -113,7 +113,7 @@
113
113
  tbody tr {
114
114
  &:nth-child(2n+1) {
115
115
  > * {
116
- background: rgba($black,.2);
116
+ background: rgba($canalplus,.2);
117
117
  }
118
118
  }
119
119
  }
@@ -7,7 +7,7 @@
7
7
  position: relative;
8
8
  margin: inherit;
9
9
  padding: 2rem 0 0 2rem;
10
- color: $black;
10
+ color: $canalplus;
11
11
 
12
12
  &::before {
13
13
  content: '\201C';
@@ -18,7 +18,7 @@
18
18
  color: inherit;
19
19
  font-family: $headings-font-family;
20
20
  font-size: 30rem;
21
- color: rgba($black, .1);
21
+ color: rgba($canalplus, .1);
22
22
  line-height: 1em;
23
23
  z-index: 1;
24
24
  }
@@ -62,7 +62,7 @@
62
62
  right: 0;
63
63
  left: 0;
64
64
  padding: 1.875rem;
65
- background: linear-gradient(to bottom, rgba($black,0) 0%,rgba($black,0.5) 100%);
65
+ background: linear-gradient(to bottom, rgba($canalplus,0) 0%,rgba($canalplus,0.5) 100%);
66
66
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
67
67
 
68
68
  > * {
@@ -126,8 +126,8 @@
126
126
  right: 0;
127
127
  bottom: 0;
128
128
  left: 0;
129
- // background: -moz-linear-gradient(top, rgba($black,0.0) 0%, rgba($black,1) 100%);
130
- // background: -webkit-linear-gradient(top, rgba($black,0.0) 0%, rgba($black,1) 100%);
129
+ // background: -moz-linear-gradient(top, rgba($canalplus,0.0) 0%, rgba($canalplus,1) 100%);
130
+ // background: -webkit-linear-gradient(top, rgba($canalplus,0.0) 0%, rgba($canalplus,1) 100%);
131
131
  background: linear-gradient(to bottom, rgba(52, 231, 154, 0) 0%, rgba(193, 193, 193, 0.6) 20%, rgba(171, 171, 171, 0.8) 40%, black 100%);
132
132
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
133
133
  }
@@ -151,7 +151,7 @@
151
151
  line-height: 4.25rem;
152
152
  text-align: center;
153
153
  cursor: pointer;
154
- color: $black;
154
+ color: $canalplus;
155
155
 
156
156
  &::before {
157
157
  font-family: 'icomoon';
@@ -217,16 +217,16 @@
217
217
 
218
218
  &:hover {
219
219
  @include scale(1.1);
220
- -webkit-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
221
- -moz-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
222
- box-shadow: 0px 10px 15px 0 rgba($black,0.1);
220
+ -webkit-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
221
+ -moz-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
222
+ box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
223
223
  }
224
224
 
225
225
  &.expanded {
226
226
  @include scale(1.1);
227
- -webkit-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
228
- -moz-box-shadow: 0px 10px 15px 0 rgba($black,0.1);
229
- box-shadow: 0px 10px 15px 0 rgba($black,0.1);
227
+ -webkit-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
228
+ -moz-box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
229
+ box-shadow: 0px 10px 15px 0 rgba($canalplus,0.1);
230
230
  }
231
231
 
232
232
  img {
@@ -66,7 +66,7 @@
66
66
  border: 2px solid $white;
67
67
  content: "";
68
68
  font-size: 20px;
69
- color: $black;
69
+ color: $canalplus;
70
70
  border-radius: 50%;
71
71
  }
72
72
  }
@@ -19,7 +19,7 @@
19
19
  right: 0;
20
20
  bottom: 0;
21
21
  left: 0;
22
- background: rgba($black, .4);
22
+ background: rgba($canalplus, .4);
23
23
  z-index: 10;
24
24
  }
25
25
 
@@ -51,4 +51,4 @@
51
51
  @include text-emphasis-variant(".text-#{$color}", $value);
52
52
  }
53
53
 
54
- .text-black { color: $black!important; }
54
+ .text-black { color: $canalplus!important; }
@@ -26,7 +26,7 @@ img {
26
26
  top: 50%;
27
27
  left: 50%;
28
28
  font-size: 1.5rem;
29
- color: $black;
29
+ color: $canalplus;
30
30
  }
31
31
 
32
32
  &:hover {
@@ -40,9 +40,19 @@ img {
40
40
 
41
41
 
42
42
  // typed
43
+
43
44
  #typed-strings {
44
45
  display: none;
45
46
  }
47
+ #typed {
48
+ font-family: "Playfair Display", serif;
49
+ font-weight: 400 !important;
50
+ &.gold{
51
+ display: inline-block;
52
+ font-style: italic;
53
+ color: $gold;
54
+ }
55
+ }
46
56
 
47
57
 
48
58
 
@@ -216,7 +226,7 @@ img {
216
226
  position: relative;
217
227
  display: inline-block;
218
228
  padding: 1rem 1rem 1rem 5rem;
219
- color: $black;
229
+ color: $canalplus;
220
230
  letter-spacing: $letter-spacing;
221
231
 
222
232
  &::before {
@@ -250,4 +260,4 @@ img {
250
260
  background: $text-white-border;
251
261
  }
252
262
  }
253
- }
263
+ }
@@ -334,7 +334,7 @@ section {
334
334
  top: 40%;
335
335
  width: 20vw;
336
336
  height: 20vw;
337
- background: rgba($black, .1);
337
+ background: rgba($canalplus, .1);
338
338
  border-radius: 50%;
339
339
  }
340
340
 
@@ -344,7 +344,7 @@ section {
344
344
  left: 75vw;
345
345
  width: 15vw;
346
346
  height: 15vw;
347
- background: rgba($black, .1);
347
+ background: rgba($canalplus, .1);
348
348
  }
349
349
 
350
350
 
@@ -54,7 +54,7 @@
54
54
  // custom select
55
55
  //
56
56
  select {
57
- opacity: 0!important;
57
+ opacity: 0.5!important;
58
58
  }
59
59
 
60
60
  $selectric-main-color: #DDD !default; // Color used in border
@@ -81,7 +81,7 @@ $selectric-inner-height: $selectric-height - ($selectric-border-width * 2) !d
81
81
  @include transition;
82
82
  @include border-radius;
83
83
  border: $input-border-width solid $input-border-color;
84
- background-color: transparent;
84
+ // background-color: transparent;
85
85
  position: relative;
86
86
 
87
87
  .label {
@@ -293,7 +293,7 @@ $selectric-inner-height: $selectric-height - ($selectric-border-width * 2) !d
293
293
  &.selected,
294
294
  &.selected:hover {
295
295
  &:before {
296
- background: $primary;
296
+ background: $rework;
297
297
  }
298
298
  }
299
299
 
@@ -339,7 +339,7 @@ $selectric-inner-height: $selectric-height - ($selectric-border-width * 2) !d
339
339
  .selectric {
340
340
  border-radius: 0;
341
341
  border: 0;
342
- border-bottom: $border-width solid rgba($black, .1);
342
+ border-bottom: $border-width solid rgba($canalplus, .1);
343
343
  }
344
344
 
345
345
  .selectric-items {
@@ -347,6 +347,28 @@ $selectric-inner-height: $selectric-height - ($selectric-border-width * 2) !d
347
347
  }
348
348
  }
349
349
 
350
+ .form-control.transparency.text-dark{
351
+ background-color: #ffffffc2!important;
352
+ &::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
353
+ color: #151515;
354
+ opacity: 1; /* Firefox */
355
+ }
356
+
357
+ &:-ms-input-placeholder { /* Internet Explorer 10-11 */
358
+ color: #151515;
359
+ }
360
+
361
+ &::-ms-input-placeholder { /* Microsoft Edge */
362
+ color: #151515;
363
+ }
364
+ color: #151515;
365
+ }
366
+ .text-dark {
367
+ .selectric {
368
+ border-color: transparent;
369
+ background-color: #ffffffc2!important;
370
+ }
371
+ }
350
372
 
351
373
  .text-white {
352
374
  .selectric {
@@ -364,4 +386,4 @@ $selectric-inner-height: $selectric-height - ($selectric-border-width * 2) !d
364
386
  }
365
387
  }
366
388
  }
367
- }
389
+ }
@@ -29,7 +29,7 @@ footer {
29
29
  }
30
30
 
31
31
  .overlay {
32
- background: rgba($black, .1);
32
+ background: rgba($canalplus, .1);
33
33
  }
34
34
 
35
35
  .copyright-text {
@@ -24,7 +24,7 @@ label {
24
24
  // input group
25
25
  //
26
26
  // .input-group {
27
- // background: rgba($black, .1);
27
+ // background: rgba($canalplus, .1);
28
28
 
29
29
  // .form-control {
30
30
  // background: transparent;
@@ -59,7 +59,7 @@ label {
59
59
 
60
60
  // input group
61
61
  // .input-group {
62
- // background: rgba($black, .1);
62
+ // background: rgba($canalplus, .1);
63
63
 
64
64
  // .form-control {
65
65
  // background: transparent;
@@ -12,7 +12,7 @@ header {
12
12
 
13
13
  @include media-breakpoint-up(lg) {
14
14
  &[class*="-dark"] {
15
- border-color: rgba($black, .1);
15
+ border-color: rgba($canalplus, .1);
16
16
 
17
17
  .navbar-logo-light {
18
18
  display: block!important;
@@ -97,7 +97,7 @@ header {
97
97
  }
98
98
 
99
99
  .navbar-brand {
100
- color: $black;
100
+ color: $canalplus;
101
101
  }
102
102
  }
103
103
  }
@@ -32,7 +32,7 @@
32
32
  h1, h2, h3, h4, h5, h6,
33
33
  .h1, .h2, .h3, .h4, .h5, .h6,
34
34
  strong, b, li {
35
- color: $black;
35
+ color: $canalplus;
36
36
  }
37
37
 
38
38
  p, span {
@@ -167,7 +167,7 @@
167
167
  &::before {
168
168
  background: $white;
169
169
  border-color: $white;
170
- color: $black;
170
+ color: $canalplus;
171
171
  }
172
172
  }
173
173
 
@@ -51,7 +51,7 @@ $font-size-list: ( 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 5
51
51
 
52
52
  // Helpers
53
53
  @mixin text-shadow($size: 25px) {
54
- text-shadow: 0px 0px $size rgba($black, 0.4);
54
+ text-shadow: 0px 0px $size rgba($canalplus, 0.4);
55
55
  }
56
56
 
57
57
 
@@ -69,7 +69,7 @@ $font-size-list: ( 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 5
69
69
  @include prefix(user-select, $type, webkit moz ms);
70
70
  }
71
71
 
72
- @mixin shadow($size: 10px, $size-2: 0px, $color: rgba($black,0.05)) {
72
+ @mixin shadow($size: 10px, $size-2: 0px, $color: rgba($canalplus,0.05)) {
73
73
  @include prefix(box-shadow , 0px 0px $size $size-2 $color, webkit moz);
74
74
  }
75
75
 
@@ -94,7 +94,7 @@ $sass-burger-add-vendor-prefixes: true !default;
94
94
  z-index: 100;
95
95
 
96
96
  span {
97
- @include burger(20px, 2px, 4px, $black);
97
+ @include burger(20px, 2px, 4px, $canalplus);
98
98
  position: absolute;
99
99
  top: 50%;
100
100
  left: 50%;
@@ -107,7 +107,7 @@ $sass-burger-add-vendor-prefixes: true !default;
107
107
  @include burger-to-cross();
108
108
 
109
109
  &:before, &:after {
110
- background-color: $black;
110
+ background-color: $canalplus;
111
111
  }
112
112
  }
113
113
  }
@@ -135,7 +135,7 @@ $sass-burger-add-vendor-prefixes: true !default;
135
135
  right: 0;
136
136
  bottom: 0;
137
137
  left: 0;
138
- background: rgba($black,.75);
138
+ background: rgba($canalplus,.75);
139
139
  z-index: 90;
140
140
  overflow: hidden;
141
141
 
@@ -31,8 +31,9 @@ figure {
31
31
  }
32
32
 
33
33
  strong, b {
34
- color: $black;
34
+ color: $canalplus;
35
35
  font-weight: $font-weight-bold;
36
+
36
37
  }
37
38
 
38
39
  code {
@@ -60,7 +61,7 @@ hr {
60
61
 
61
62
  blockquote {
62
63
  p {
63
- color: $black;
64
+ color: $canalplus;
64
65
  }
65
66
  }
66
67
 
@@ -79,7 +80,7 @@ blockquote {
79
80
  top: .6em;
80
81
  width: 5rem; // 80px
81
82
  height: $border-width;
82
- background: $black;
83
+ background: $canalplus;
83
84
  @include translate(-140%,0);
84
85
  }
85
86
 
@@ -1,2 +1,14 @@
1
+ $rework: #34e79a !default;
2
+ $gold: #cba173;
3
+ $canalplus: #484848;
4
+ $text-color: $canalplus !default;
5
+ $body-color: $canalplus !default;
6
+ .form-control:focus{
7
+ border-color: $rework;
8
+ }
9
+ body {
10
+ color: $body-color;
11
+ }
12
+
1
13
  @import "template_go/layout/layout";
2
14
  @import "template_go/components/components";
@@ -1,5 +1,5 @@
1
1
  module Vbax
2
2
  module TemplateGo
3
- VERSION = "0.1.0"
3
+ VERSION = "0.2.0"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: vbax-template_go
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - v baxter
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2019-05-13 00:00:00.000000000 Z
11
+ date: 2019-05-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler