vbax-blk_syst 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: c5d484c5505cdcf5dfa7c5b18db1baebab4ba703a999f2f171109b0ce9ebb1ac
4
+ data.tar.gz: 1187b899cbebf50ac9ab5d6a115aa2e490097b36429e58e5db6b4efeb8afbbc9
5
+ SHA512:
6
+ metadata.gz: a99b2fab4e41186bc6b44ac44b34a55c230303a48c27b945f82b085a47620fc160e4f573dc4283cbe1299ad821a89b7cfab9fb63aaca9dc1fb02b86aefa73400
7
+ data.tar.gz: dfb02f27b0897c5251e193a926b2531b968e555dbe0dc1244f949aae9e7b625df883f878a29430d82ac79b16f08db788be62620bb1a969dffb4b89bbf5a0714b
data/.gitignore ADDED
@@ -0,0 +1,8 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /_yardoc/
4
+ /coverage/
5
+ /doc/
6
+ /pkg/
7
+ /spec/reports/
8
+ /tmp/
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source "https://rubygems.org"
2
+
3
+ # Specify your gem's dependencies in vbax-blk_syst.gemspec
4
+ gemspec
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2019 v baxter
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,39 @@
1
+ # Vbax::BlkSyst
2
+
3
+ Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/vbax/blk_syst`. To experiment with that code, run `bin/console` for an interactive prompt.
4
+
5
+ TODO: Delete this and the text above, and describe your gem
6
+
7
+ ## Installation
8
+
9
+ Add this line to your application's Gemfile:
10
+
11
+ ```ruby
12
+ gem 'vbax-blk_syst'
13
+ ```
14
+
15
+ And then execute:
16
+
17
+ $ bundle
18
+
19
+ Or install it yourself as:
20
+
21
+ $ gem install vbax-blk_syst
22
+
23
+ ## Usage
24
+
25
+ TODO: Write usage instructions here
26
+
27
+ ## Development
28
+
29
+ After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
30
+
31
+ To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
32
+
33
+ ## Contributing
34
+
35
+ Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/vbax-blk_syst.
36
+
37
+ ## License
38
+
39
+ The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
data/Rakefile ADDED
@@ -0,0 +1,2 @@
1
+ require "bundler/gem_tasks"
2
+ task :default => :spec
data/bin/console ADDED
@@ -0,0 +1,14 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require "bundler/setup"
4
+ require "vbax/blk_syst"
5
+
6
+ # You can add fixtures and/or initialization code here to make experimenting
7
+ # with your gem easier. You can also use a different console, if you like.
8
+
9
+ # (If you use this, don't forget to add pry to your Gemfile!)
10
+ # require "pry"
11
+ # Pry.start
12
+
13
+ require "irb"
14
+ IRB.start(__FILE__)
data/bin/setup ADDED
@@ -0,0 +1,8 @@
1
+ #!/usr/bin/env bash
2
+ set -euo pipefail
3
+ IFS=$'\n\t'
4
+ set -vx
5
+
6
+ bundle install
7
+
8
+ # Do any other automated setup that you need to do here
@@ -0,0 +1,14 @@
1
+ module Vbax
2
+ module BlkSyst
3
+ class Engine < ::Rails::Engine
4
+ initializer 'blk_syst.sass' do |app|
5
+ # Set the sass load paths
6
+ app.config.sass.load_paths << File.join(config.root, "lib","vbax", "sass")
7
+
8
+ # Set the add becky_thatcher/lib/sass to assets path
9
+ app.config.assets.paths << File.join(config.root, "lib","vbax", "sass")
10
+ end
11
+
12
+ end
13
+ end
14
+ end
@@ -0,0 +1,5 @@
1
+ module Vbax
2
+ module BlkSyst
3
+ VERSION = "0.1.0"
4
+ end
5
+ end
@@ -0,0 +1,8 @@
1
+ require "vbax/blk_syst/version"
2
+ require "vbax/blk_syst/engine"
3
+ module Vbax
4
+ module BlkSyst
5
+ class Error < StandardError; end
6
+ # Your code goes here...
7
+ end
8
+ end
@@ -0,0 +1,1073 @@
1
+ .card .card-footer.hhcards {
2
+ background-color: transparent;
3
+ border: 0;
4
+ padding: 15px;
5
+ display: flex;
6
+ justify-content: space-between;
7
+ align-items: center;
8
+ }
9
+
10
+ .btn.btn-icon:not(.btn-footer) {
11
+ .fa, .fab, .far, .fas, .tim-icons {
12
+ position: absolute;
13
+ font-size: 1em;
14
+ top: 50%;
15
+ left: 50%;
16
+ transform: translate(-12px, -12px);
17
+ line-height: 1.5626rem;
18
+ width: 24px;
19
+ }
20
+ }
21
+
22
+ .navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) {
23
+ .fa, .fab, .far, .fas, .tim-icons {
24
+ position: absolute;
25
+ font-size: 1em;
26
+ top: 50%;
27
+ left: 50%;
28
+ transform: translate(-12px, -12px);
29
+ line-height: 1.5626rem;
30
+ width: 24px;
31
+ }
32
+ }
33
+
34
+ .card-profile {
35
+ .table td i {
36
+ margin-right: 5px;
37
+ font-size: 17px;
38
+ color: #e14eca;
39
+ margin-top: -3px;
40
+ }
41
+ &[data-background=full] {
42
+ img {
43
+ height: 100%;
44
+ width: 100%;
45
+ }
46
+ .card-image {
47
+ position: absolute;
48
+ top: 0;
49
+ width: 100%;
50
+ height: 100%;
51
+ }
52
+ .card-body {
53
+ position: absolute;
54
+ bottom: 15px;
55
+ background: #fff;
56
+ width: 88%;
57
+ margin: 0 20px;
58
+ z-index: 2;
59
+ border-radius: 6px;
60
+ opacity: 0.9;
61
+ }
62
+ }
63
+ }
64
+
65
+ hr.line-primary {
66
+ background-color: #e14eca;
67
+ width: 10%;
68
+ height: 1px;
69
+ border-radius: 3px;
70
+ }
71
+
72
+ .card[data-background-color=red] {
73
+ background-color: #fd5d93;
74
+ }
75
+
76
+ .card-profile {
77
+ &[data-background=full] {
78
+ .card-body {
79
+ .job-title, .table td {
80
+ color: #344675 !important;
81
+ border-top: 0rem solid #e3e3e3;
82
+ }
83
+ }
84
+ .card-image {
85
+ position: absolute;
86
+ top: 0;
87
+ width: 100%;
88
+ height: 100%;
89
+ }
90
+ }
91
+ .card-image {
92
+ .title {
93
+ position: absolute;
94
+ left: 20px;
95
+ top: -20px;
96
+ }
97
+ .dropdown {
98
+ position: absolute;
99
+ right: 10px;
100
+ top: 10px;
101
+ }
102
+ }
103
+ }
104
+ .card {
105
+ background: #1f2251;
106
+ border: 0;
107
+ position: relative;
108
+ width: 100%;
109
+ box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
110
+ border-radius: 7px;
111
+ // margin-top: 30px;
112
+ label {
113
+ color: hsla(0, 0%, 100%, 0.6);
114
+ }
115
+ .card-title {
116
+ margin-bottom: 0.75rem;
117
+ }
118
+ .card-body {
119
+ padding: 15px;
120
+ &.table-full-width {
121
+ padding-left: 0;
122
+ padding-right: 0;
123
+ }
124
+ .card-title {
125
+ color: #fff;
126
+ text-transform: inherit;
127
+ font-weight: 300;
128
+ margin-bottom: .75rem;
129
+ margin-top: 15px;
130
+ line-height: 1.25em;
131
+ }
132
+ .card-category, .card-description {
133
+ color: hsla(0, 0%, 100%, 0.6);
134
+ }
135
+ }
136
+ .category-social .tim-icons, .category .tim-icons {
137
+ margin-right: 3px;
138
+ }
139
+ .card-header {
140
+ padding: 15px 15px 0;
141
+ border: 0;
142
+ color: hsla(0, 0%, 100%, 0.8);
143
+ &:not([data-background-color]) {
144
+ background-color: transparent;
145
+ }
146
+ .card-title {
147
+ color: #fff;
148
+ font-weight: 100;
149
+ }
150
+ .card-category {
151
+ color: #9a9a9a;
152
+ margin-bottom: 5px;
153
+ font-weight: 300;
154
+ }
155
+ }
156
+ .map {
157
+ border-radius: 0.2857rem;
158
+ &.map-big {
159
+ height: 420px;
160
+ }
161
+ }
162
+ &.card-plain {
163
+ background: transparent;
164
+ box-shadow: none;
165
+ }
166
+ .image {
167
+ overflow: hidden;
168
+ height: 200px;
169
+ position: relative;
170
+ }
171
+ .avatar {
172
+ width: 30px;
173
+ height: 30px;
174
+ overflow: hidden;
175
+ border-radius: 50%;
176
+ margin-right: 5px;
177
+ }
178
+ label {
179
+ font-size: .75rem;
180
+ margin-bottom: 5px;
181
+ }
182
+ .card-footer {
183
+ background-color: transparent;
184
+ border: 0;
185
+ padding: 0;
186
+ margin-top: 15px;
187
+ .stats {
188
+ i {
189
+ margin-right: 5px;
190
+ position: relative;
191
+ }
192
+ &.stats-right {
193
+ float: right;
194
+ line-height: 30px;
195
+ }
196
+ }
197
+ h6 {
198
+ margin-bottom: 0;
199
+ padding: 7px 0;
200
+ }
201
+ }
202
+ &.card-coin {
203
+ border: 2px solid #344675;
204
+ .card-header {
205
+ margin: -100px auto 20px;
206
+ }
207
+ img {
208
+ width: 150px;
209
+ }
210
+ hr {
211
+ width: 20%;
212
+ margin: 15px auto;
213
+ }
214
+ .list-group {
215
+ margin: 0 auto;
216
+ text-align: center;
217
+ .list-group-item {
218
+ background-color: transparent;
219
+ border: none;
220
+ padding: 0.4rem 1rem;
221
+ }
222
+ }
223
+ .card-footer {
224
+ padding-bottom: 15px;
225
+ }
226
+ }
227
+ &[data-background-color=gray] {
228
+ background-color: #344675;
229
+ }
230
+ &[data-background-color=purple] {
231
+ background-color: #e14eca;
232
+ }
233
+ &[data-background-color=red] {
234
+ background-color: #fd5d93;
235
+ }
236
+ &[data-background-color=yellow] {
237
+ background-color: #ff8d72;
238
+ }
239
+ &[data-background-color=blue] {
240
+ background-color: #1d8cf8;
241
+ }
242
+ &[data-background-color=green] {
243
+ background-color: #00d9ae;
244
+ }
245
+ }
246
+
247
+ // .card .card-footer div {
248
+ // display: inline-block
249
+ // }
250
+
251
+ .card-body {
252
+ padding: 1.25rem;
253
+ }
254
+
255
+ @media (max-width: 575.98px) {
256
+ .card.card-coin {
257
+ margin-top: 80px;
258
+ }
259
+ }
260
+
261
+ .text-on-back {
262
+ position: relative;
263
+ z-index: 1;
264
+ font-size: 9.5em;
265
+ margin-left: -4px;
266
+ font-weight: 900;
267
+ color: hsla(0, 0%, 100%, 0.2) !important;
268
+ }
269
+
270
+ .map {
271
+ height: 500px;
272
+ }
273
+
274
+ .card-user {
275
+ overflow: hidden;
276
+ .image {
277
+ height: 120px;
278
+ }
279
+ .author {
280
+ text-align: center;
281
+ text-transform: none;
282
+ margin-top: 25px;
283
+ a + p.description {
284
+ margin-top: -7px;
285
+ }
286
+ .block {
287
+ position: absolute;
288
+ height: 100px;
289
+ width: 250px;
290
+ &.block-one {
291
+ transform: rotate(150deg);
292
+ margin-top: -90px;
293
+ margin-left: -50px;
294
+ background: rgba(225, 78, 202, 0.6);
295
+ background: linear-gradient(90deg, rgba(225, 78, 202, 0.6) 0, rgba(225, 78, 202, 0));
296
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
297
+ }
298
+ &.block-two {
299
+ background: rgba(225, 78, 202, 0.6);
300
+ background: linear-gradient(90deg, rgba(225, 78, 202, 0.6) 0, rgba(225, 78, 202, 0));
301
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
302
+ transform: rotate(30deg);
303
+ margin-top: -40px;
304
+ margin-left: -100px;
305
+ }
306
+ &.block-three {
307
+ transform: rotate(170deg);
308
+ margin-top: -70px;
309
+ }
310
+ &.block-four, &.block-three {
311
+ background: rgba(225, 78, 202, 0.6);
312
+ background: linear-gradient(90deg, rgba(225, 78, 202, 0.6) 0, rgba(225, 78, 202, 0));
313
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
314
+ right: -45px;
315
+ }
316
+ &.block-four {
317
+ transform: rotate(150deg);
318
+ margin-top: -25px;
319
+ }
320
+ }
321
+ }
322
+ .avatar {
323
+ width: 124px;
324
+ height: 124px;
325
+ border: 5px solid #2b3553;
326
+ border-bottom-color: transparent;
327
+ background-color: transparent;
328
+ position: relative;
329
+ }
330
+ .card-body {
331
+ min-height: 240px;
332
+ }
333
+ hr {
334
+ margin: 5px 15px;
335
+ }
336
+ .button-container {
337
+ margin-bottom: 6px;
338
+ text-align: center;
339
+ }
340
+ .card-description {
341
+ margin-top: 30px;
342
+ }
343
+ }
344
+
345
+ .card-tasks {
346
+ height: 473px;
347
+ .table-full-width {
348
+ max-height: 410px;
349
+ position: relative;
350
+ }
351
+ .card-header {
352
+ .title {
353
+ margin-right: 20px;
354
+ font-weight: 400;
355
+ }
356
+ .dropdown {
357
+ float: right;
358
+ color: #ccc;
359
+ }
360
+ }
361
+ .card-body i {
362
+ color: #9a9a9a;
363
+ font-size: 1.4em;
364
+ &:hover {
365
+ color: #fff;
366
+ }
367
+ }
368
+ }
369
+
370
+ .card-plain {
371
+ background: transparent;
372
+ box-shadow: none;
373
+ .card-footer, .card-header {
374
+ margin-left: 0;
375
+ margin-right: 0;
376
+ background-color: transparent;
377
+ }
378
+ &:not(.card-subcategories).card-body {
379
+ padding-left: 0;
380
+ padding-right: 0;
381
+ }
382
+ }
383
+
384
+ .card-register {
385
+ overflow: hidden;
386
+ text-align: left;
387
+ z-index: 9999;
388
+ .card-header img {
389
+ position: absolute;
390
+ margin-left: -50px;
391
+ margin-top: -150px;
392
+ border-radius: 20%;
393
+ width: 350px;
394
+ }
395
+ .header {
396
+ margin-left: 20px;
397
+ margin-right: 20px;
398
+ padding: 30px 0;
399
+ }
400
+ .text-divider {
401
+ margin-top: 30px;
402
+ margin-bottom: 0;
403
+ text-align: center;
404
+ }
405
+ .content {
406
+ padding: 0 30px;
407
+ }
408
+ .form-check {
409
+ margin-top: 20px;
410
+ margin-left: 20px;
411
+ label:not(.form-check-label) {
412
+ padding-left: 38px;
413
+ }
414
+ }
415
+ .card-header {
416
+ padding: 0 0 50px;
417
+ overflow: hidden;
418
+ .card-title {
419
+ position: relative;
420
+ font-size: 5em;
421
+ font-weight: 900;
422
+ color: #222a42;
423
+ text-transform: lowercase;
424
+ margin-left: -5px;
425
+ z-index: 1;
426
+ }
427
+ }
428
+ .card-img {
429
+ position: absolute;
430
+ left: 0;
431
+ top: -15%;
432
+ width: 70%;
433
+ }
434
+ .social-line {
435
+ margin-top: 20px;
436
+ text-align: center;
437
+ .btn.btn-icon {
438
+ margin-left: 5px;
439
+ margin-right: 5px;
440
+ box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.2);
441
+ .btn-icon {
442
+ margin-left: 5px;
443
+ margin-right: 5px;
444
+ box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.2);
445
+ }
446
+ }
447
+ }
448
+ .card-footer {
449
+ margin-bottom: 10px;
450
+ margin-top: 24px;
451
+ padding: 15px;
452
+ }
453
+ }
454
+
455
+ @media (max-width: 991.98px) {
456
+ .card.card-register .card-img {
457
+ margin-left: -45px;
458
+ }
459
+ }
460
+
461
+ @media (max-width: 575.98px) {
462
+ .card.card-register {
463
+ margin-top: 50px;
464
+ }
465
+ }
466
+
467
+ .card-background {
468
+ background-position: 50%;
469
+ background-size: cover;
470
+ text-align: center;
471
+ .card-body {
472
+ position: relative;
473
+ z-index: 2;
474
+ min-height: 330px;
475
+ padding-top: 60px;
476
+ padding-bottom: 60px;
477
+ .content-bottom {
478
+ position: absolute;
479
+ bottom: 10px;
480
+ text-align: left;
481
+ }
482
+ }
483
+ &.card-blog {
484
+ overflow: hidden;
485
+ height: 330px;
486
+ &[data-animation=true]:after, &[data-animation=zooming]:after {
487
+ height: 74%;
488
+ top: auto;
489
+ border-radius: .4285rem;
490
+ background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.65));
491
+ }
492
+ }
493
+ &.card-grande {
494
+ height: 550px;
495
+ .card-body {
496
+ height: 550px;
497
+ text-align: left;
498
+ padding-left: 30px;
499
+ .author {
500
+ margin-top: 50px;
501
+ }
502
+ .card-title {
503
+ margin-bottom: 40px;
504
+ margin-top: 15px;
505
+ }
506
+ .card-description {
507
+ margin-bottom: 70px;
508
+ }
509
+ }
510
+ .full-background {
511
+ height: 550px;
512
+ }
513
+ &:after {
514
+ position: absolute;
515
+ top: 0;
516
+ bottom: 0;
517
+ left: 0;
518
+ height: 100%;
519
+ z-index: 1;
520
+ width: 100%;
521
+ display: block;
522
+ content: "";
523
+ background: rgba(0, 0, 0, 0.63);
524
+ }
525
+ }
526
+ .full-background {
527
+ background-position: 50%;
528
+ background-size: cover;
529
+ text-align: center;
530
+ margin-bottom: 30px;
531
+ width: 100%;
532
+ height: 100%;
533
+ position: absolute;
534
+ border-radius: .4285rem;
535
+ backface-visibility: hidden;
536
+ -webkit-backface-visibility: hidden;
537
+ transition: all 1s cubic-bezier(0.2, 1, 0.22, 1);
538
+ -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.22, 1);
539
+ }
540
+ &[data-animation=true]:hover .full-background {
541
+ transform: scale(1.07);
542
+ -webkit-transform: scale(1.07);
543
+ }
544
+ &[data-animation=zooming] {
545
+ &:hover .full-background {
546
+ transform: scale(1.07);
547
+ -webkit-transform: scale(1.07);
548
+ }
549
+ transition: all 1s cubic-bezier(0.2, 1, 0.22, 1);
550
+ -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.22, 1);
551
+ .card-body {
552
+ padding-bottom: 30px;
553
+ margin: initial;
554
+ }
555
+ &:hover {
556
+ transform: scale(1.07);
557
+ -webkit-transform: scale(1.07);
558
+ z-index: 2;
559
+ &:after {
560
+ background: none;
561
+ }
562
+ }
563
+ }
564
+ &.card-background-product .card-body .card-title {
565
+ margin-top: 30px;
566
+ }
567
+ .stats {
568
+ color: #fff;
569
+ }
570
+ .card-footer .stats-link > a {
571
+ color: #fff;
572
+ line-height: 1.9;
573
+ }
574
+ .card-description, .category, small {
575
+ color: hsla(0, 0%, 100%, 0.8);
576
+ }
577
+ .card-title {
578
+ color: #fff;
579
+ margin-top: 130px;
580
+ }
581
+ &:not(.card-pricing) .btn {
582
+ margin-bottom: 0;
583
+ }
584
+ &:after {
585
+ position: absolute;
586
+ top: 0;
587
+ bottom: 0;
588
+ left: 0;
589
+ height: 100%;
590
+ z-index: 1;
591
+ width: 100%;
592
+ display: block;
593
+ content: "";
594
+ background: rgba(0, 0, 0, 0.63);
595
+ }
596
+ .content-center {
597
+ margin-top: 120px;
598
+ .card-category {
599
+ margin: 30px auto 5px;
600
+ }
601
+ .avatar {
602
+ width: 40px;
603
+ height: 40px;
604
+ }
605
+ }
606
+ }
607
+
608
+ @media screen and (min-width: 991px) {
609
+ .card-background.card-grande .card-body {
610
+ padding: 60px;
611
+ }
612
+ }
613
+
614
+ .card-header.card-background {
615
+ &:after {
616
+ border-bottom-left-radius: 0;
617
+ border-bottom-right-radius: 0;
618
+ border-top-left-radius: 3px;
619
+ border-top-right-radius: 3px;
620
+ }
621
+ .badge, .card-title, h1, h2, h3, h4, h5, h6, p {
622
+ position: relative;
623
+ z-index: 2;
624
+ }
625
+ }
626
+
627
+ .card-blog {
628
+ min-height: 550px;
629
+ .card-image {
630
+ height: 380px;
631
+ img {
632
+ height: 100%;
633
+ width: 100%;
634
+ }
635
+ }
636
+ &.blog-horizontal {
637
+ .card-image {
638
+ height: auto;
639
+ width: auto;
640
+ img {
641
+ height: 100%;
642
+ width: 100%;
643
+ }
644
+ }
645
+ .card-body {
646
+ .card-title {
647
+ margin-top: 30px;
648
+ }
649
+ .card-description {
650
+ margin: 30px auto;
651
+ }
652
+ }
653
+ .author {
654
+ position: relative;
655
+ display: inline-block;
656
+ text-align: left;
657
+ margin: 20px auto 0;
658
+ .avatar {
659
+ width: 40px;
660
+ height: 40px;
661
+ position: absolute;
662
+ }
663
+ .text {
664
+ position: relative;
665
+ left: 55px;
666
+ top: 1px;
667
+ }
668
+ .name {
669
+ font-size: 1.1em;
670
+ font-weight: 700;
671
+ line-height: 1.15;
672
+ max-width: 11em;
673
+ overflow: hidden;
674
+ padding-top: 3px;
675
+ text-overflow: ellipsis;
676
+ }
677
+ .meta {
678
+ color: #a49e9e;
679
+ font-size: 0.8em;
680
+ }
681
+ }
682
+ }
683
+ .row .category {
684
+ margin-bottom: 0;
685
+ }
686
+ .card-image + .category {
687
+ margin-top: 20px;
688
+ }
689
+ .stars i {
690
+ margin-top: -5px;
691
+ margin-right: 2px !important;
692
+ }
693
+ .text .name {
694
+ color: hsla(0, 0%, 100%, 0.8);
695
+ }
696
+ }
697
+
698
+ .card-profile, .card-testimonial {
699
+ margin-top: 30px;
700
+ text-align: center;
701
+ }
702
+
703
+ .card-profile .card-body .card-title, .card-testimonial .card-body .card-title {
704
+ margin-top: 0;
705
+ }
706
+
707
+ .card-profile [class*=col-] .card-description, .card-testimonial [class*=col-] .card-description {
708
+ margin-bottom: 0;
709
+ }
710
+
711
+ .card-profile [class*=col-] .card-description + .card-footer, .card-testimonial [class*=col-] .card-description + .card-footer {
712
+ margin-top: 8px;
713
+ }
714
+
715
+ .card-profile .card-avatar, .card-testimonial .card-avatar {
716
+ max-width: 130px;
717
+ max-height: 130px;
718
+ margin: -60px auto 0;
719
+ }
720
+
721
+ .card-profile .card-avatar img, .card-testimonial .card-avatar img {
722
+ border-radius: 50% !important;
723
+ }
724
+
725
+ .card-profile .card-avatar + .card-body, .card-testimonial .card-avatar + .card-body {
726
+ margin-top: 15px;
727
+ }
728
+
729
+ .card-plain {
730
+ &.card-profile .card-avatar, &.card-testimonial .card-avatar {
731
+ margin-top: 0;
732
+ }
733
+ }
734
+
735
+ .card-profile .card-body .card-avatar, .card-testimonial .card-body .card-avatar {
736
+ margin: 0 auto 30px;
737
+ }
738
+
739
+ .card-profile {
740
+ &.card-horizontal .card-image .img {
741
+ border-top-right-radius: 0 !important;
742
+ border-bottom-right-radius: 0 !important;
743
+ border-bottom-left-radius: 0.2857rem !important;
744
+ }
745
+ .card-image {
746
+ position: relative;
747
+ .title {
748
+ position: absolute;
749
+ left: 20px;
750
+ top: 10px;
751
+ }
752
+ .dropdown {
753
+ position: absolute;
754
+ right: 10px;
755
+ top: 10px;
756
+ }
757
+ img {
758
+ border-bottom-left-radius: 0 !important;
759
+ border-bottom-right-radius: 0 !important;
760
+ }
761
+ .dropdown, .title {
762
+ z-index: 2;
763
+ }
764
+ .dropdown .btn, .title .btn {
765
+ color: #fff;
766
+ }
767
+ &:after {
768
+ position: absolute;
769
+ top: 0;
770
+ bottom: 0;
771
+ left: 0;
772
+ height: 100%;
773
+ z-index: 1;
774
+ width: 100%;
775
+ display: block;
776
+ content: "";
777
+ background: rgba(0, 0, 0, 0.6);
778
+ border-top-left-radius: 0.25rem !important;
779
+ border-top-right-radius: 0.25rem !important;
780
+ }
781
+ &.no-mask:after {
782
+ background: none;
783
+ }
784
+ }
785
+ hr {
786
+ margin-right: 0;
787
+ margin-left: auto;
788
+ }
789
+ .job-title {
790
+ text-align: right;
791
+ margin-bottom: 10px;
792
+ }
793
+ .table {
794
+ margin-bottom: 0;
795
+ td {
796
+ border: none;
797
+ padding: 7px;
798
+ padding-right: 0;
799
+ i {
800
+ margin-right: 5px;
801
+ font-size: 17px;
802
+ color: #e14eca;
803
+ margin-top: -3px;
804
+ }
805
+ }
806
+ }
807
+ &[data-background=full] {
808
+ img {
809
+ height: 100%;
810
+ width: 100%;
811
+ }
812
+ .card-image {
813
+ position: absolute;
814
+ top: 0;
815
+ width: 100%;
816
+ height: 100%;
817
+ }
818
+ .card-body {
819
+ position: absolute;
820
+ bottom: 15px;
821
+ background: #fff;
822
+ width: 88%;
823
+ margin: 0 20px;
824
+ z-index: 2;
825
+ border-radius: 6px;
826
+ opacity: 0.9;
827
+ .job-title, .table td {
828
+ color: #344675 !important;
829
+ }
830
+ }
831
+ }
832
+ .card-footer {
833
+ padding: 15px;
834
+ margin-top: 0;
835
+ }
836
+ &.profile-bg {
837
+ .card-header {
838
+ background-position: 50%;
839
+ background-size: cover;
840
+ margin-bottom: 60px;
841
+ width: 100%;
842
+ height: 150px;
843
+ .card-avatar {
844
+ margin: 70px auto 0;
845
+ .img {
846
+ border: 2px solid #fff;
847
+ }
848
+ }
849
+ }
850
+ .card-body {
851
+ margin-top: 25px;
852
+ }
853
+ }
854
+ }
855
+
856
+ .card-pricing {
857
+ h1 small {
858
+ font-size: 18px;
859
+ &:first-child {
860
+ position: relative;
861
+ top: -30px;
862
+ font-size: 26px;
863
+ }
864
+ }
865
+ ul {
866
+ list-style: none;
867
+ padding: 0;
868
+ max-width: 240px;
869
+ margin: 10px auto;
870
+ li {
871
+ text-align: center;
872
+ padding: 12px 0;
873
+ border-bottom: 1px solid rgba(52, 70, 117, 0.3);
874
+ &:last-child {
875
+ border: 0;
876
+ }
877
+ b {
878
+ color: #222a42;
879
+ }
880
+ i {
881
+ top: -1px;
882
+ right: 3px;
883
+ position: relative;
884
+ font-size: 16px;
885
+ }
886
+ }
887
+ }
888
+ &.card-background {
889
+ ul li {
890
+ color: #fff;
891
+ border-color: hsla(0, 0%, 100%, 0.3);
892
+ b {
893
+ color: #fff;
894
+ }
895
+ }
896
+ [class*=text-] {
897
+ color: #fff !important;
898
+ }
899
+ .card-body {
900
+ padding-top: 1.25rem;
901
+ padding-bottom: 1.25rem;
902
+ }
903
+ &:after {
904
+ background-color: rgba(0, 0, 0, 0.65);
905
+ }
906
+ }
907
+ &.card-plain {
908
+ transition: 0.2s ease;
909
+ &.card-primary:hover {
910
+ background: #e14eca;
911
+ box-shadow: 13px 13px 77px -24px #e14eca;
912
+ }
913
+ &.card-info:hover {
914
+ background: #1d8cf8;
915
+ box-shadow: 13px 13px 77px -24px #1d8cf8;
916
+ }
917
+ &.card-warning:hover {
918
+ background: #ff8d72;
919
+ box-shadow: 13px 13px 77px -24px #ff8d72;
920
+ }
921
+ &.card-danger:hover {
922
+ background: #fd5d93;
923
+ box-shadow: 13px 13px 77px -24px #fd5d93;
924
+ }
925
+ &.card-success:hover {
926
+ background: #00f2c3;
927
+ box-shadow: 13px 13px 77px -24px #00f2c3;
928
+ }
929
+ &:hover ul li {
930
+ border-color: transparent;
931
+ color: #fff;
932
+ }
933
+ }
934
+ }
935
+
936
+ .card-login {
937
+ overflow: hidden;
938
+ text-align: left;
939
+ z-index: 2;
940
+ .card-header {
941
+ padding: 0 0 50px;
942
+ overflow: hidden;
943
+ img {
944
+ position: absolute;
945
+ margin-left: -50px;
946
+ margin-top: -220px;
947
+ border-radius: 20%;
948
+ width: 350px;
949
+ }
950
+ .card-title {
951
+ position: relative;
952
+ font-size: 5em;
953
+ font-weight: 900;
954
+ color: #222a42;
955
+ text-transform: lowercase;
956
+ margin-left: -5px;
957
+ z-index: 1;
958
+ }
959
+ }
960
+ .card-footer {
961
+ padding: 15px;
962
+ }
963
+ }
964
+
965
+ @media (max-width: 991.98px) {
966
+ .card.card-login .card-img {
967
+ margin-left: -45px;
968
+ }
969
+ }
970
+
971
+ @media (max-width: 575.98px) {
972
+ .card.card-login {
973
+ margin-top: 50px;
974
+ }
975
+ .modal-content .card.card-login {
976
+ margin-top: 0;
977
+ }
978
+ }
979
+
980
+ .card-testimonial {
981
+ .card-body {
982
+ padding-top: 25px;
983
+ }
984
+ .card-avatar {
985
+ max-width: 100px;
986
+ max-height: 100px;
987
+ margin-top: -50px;
988
+ }
989
+ .card-footer {
990
+ margin-bottom: 1.5rem;
991
+ }
992
+ .card-description + .card-title {
993
+ margin-top: 30px;
994
+ }
995
+ .icon {
996
+ i {
997
+ font-size: 32px;
998
+ }
999
+ &.icon-primary i {
1000
+ color: #e14eca;
1001
+ }
1002
+ &.icon-info i {
1003
+ color: #1d8cf8;
1004
+ }
1005
+ &.icon-danger i {
1006
+ color: #fd5d93;
1007
+ }
1008
+ &.icon-warning i {
1009
+ color: #ff8d72;
1010
+ }
1011
+ &.icon-success i {
1012
+ color: #00f2c3;
1013
+ }
1014
+ }
1015
+ .card-description + .card-title {
1016
+ margin-top: 20px;
1017
+ }
1018
+ }
1019
+
1020
+ @media screen and (max-width: 991px) {
1021
+ .testimonials-4 .positioned {
1022
+ position: relative;
1023
+ }
1024
+ }
1025
+
1026
+ .card-product {
1027
+ margin-top: 30px;
1028
+ .btn {
1029
+ margin: 0;
1030
+ }
1031
+ .image {
1032
+ overflow: hidden;
1033
+ border-radius: 0.4285rem;
1034
+ }
1035
+ .card-body .card-title {
1036
+ margin-bottom: 0;
1037
+ }
1038
+ .card-footer {
1039
+ margin-top: 10px;
1040
+ .price h4 {
1041
+ margin-bottom: 0;
1042
+ margin-top: 0;
1043
+ }
1044
+ .stats {
1045
+ margin-top: 5px;
1046
+ .btn {
1047
+ position: relative;
1048
+ top: -3px;
1049
+ }
1050
+ }
1051
+ }
1052
+ .category {
1053
+ margin-bottom: 0;
1054
+ ~ .card-title {
1055
+ margin-top: 0;
1056
+ }
1057
+ }
1058
+ .price {
1059
+ font-size: 16px;
1060
+ color: hsla(0, 0%, 100%, 0.7);
1061
+ }
1062
+ .price-old {
1063
+ text-decoration: line-through;
1064
+ font-size: 16px;
1065
+ color: #344675;
1066
+ }
1067
+ .price-new {
1068
+ color: #fd5d93;
1069
+ }
1070
+ &:not(.card-plain) .card-image {
1071
+ padding: 15px;
1072
+ }
1073
+ }
@@ -0,0 +1,41 @@
1
+
2
+ lib = File.expand_path("../lib", __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require "vbax/blk_syst/version"
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "vbax-blk_syst"
8
+ spec.version = Vbax::BlkSyst::VERSION
9
+ spec.authors = ["v baxter"]
10
+ spec.email = ["vincent.viricel@gmail.com"]
11
+
12
+ spec.summary = %q{test on front}
13
+ spec.description = %q{test on front}
14
+ # spec.homepage = "TODO: Put your gem's website or public repo URL here."
15
+ spec.license = "MIT"
16
+
17
+ # Prevent pushing this gem to RubyGems.org. To allow pushes either set the 'allowed_push_host'
18
+ # to allow pushing to a single host or delete this section to allow pushing to any host.
19
+ # if spec.respond_to?(:metadata)
20
+ # spec.metadata["allowed_push_host"] = "TODO: Set to 'http://mygemserver.com'"
21
+ #
22
+ # spec.metadata["homepage_uri"] = spec.homepage
23
+ # spec.metadata["source_code_uri"] = "TODO: Put your gem's public repo URL here."
24
+ # spec.metadata["changelog_uri"] = "TODO: Put your gem's CHANGELOG.md URL here."
25
+ # else
26
+ # raise "RubyGems 2.0 or newer is required to protect against " \
27
+ # "public gem pushes."
28
+ # end
29
+
30
+ # Specify which files should be added to the gem when it is released.
31
+ # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
32
+ spec.files = Dir.chdir(File.expand_path('..', __FILE__)) do
33
+ `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
34
+ end
35
+ spec.bindir = "exe"
36
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
37
+ spec.require_paths = ["lib"]
38
+
39
+ spec.add_development_dependency "bundler", "~> 2.0"
40
+ spec.add_development_dependency "rake", "~> 10.0"
41
+ end
metadata ADDED
@@ -0,0 +1,84 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: vbax-blk_syst
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - v baxter
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2019-04-14 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '2.0'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '2.0'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ description: test on front
42
+ email:
43
+ - vincent.viricel@gmail.com
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - ".gitignore"
49
+ - Gemfile
50
+ - LICENSE.txt
51
+ - README.md
52
+ - Rakefile
53
+ - bin/console
54
+ - bin/setup
55
+ - lib/vbax/blk_syst.rb
56
+ - lib/vbax/blk_syst/engine.rb
57
+ - lib/vbax/blk_syst/version.rb
58
+ - lib/vbax/sass/blk_syst.scss
59
+ - vbax-blk_syst.gemspec
60
+ homepage:
61
+ licenses:
62
+ - MIT
63
+ metadata: {}
64
+ post_install_message:
65
+ rdoc_options: []
66
+ require_paths:
67
+ - lib
68
+ required_ruby_version: !ruby/object:Gem::Requirement
69
+ requirements:
70
+ - - ">="
71
+ - !ruby/object:Gem::Version
72
+ version: '0'
73
+ required_rubygems_version: !ruby/object:Gem::Requirement
74
+ requirements:
75
+ - - ">="
76
+ - !ruby/object:Gem::Version
77
+ version: '0'
78
+ requirements: []
79
+ rubyforge_project:
80
+ rubygems_version: 2.7.6
81
+ signing_key:
82
+ specification_version: 4
83
+ summary: test on front
84
+ test_files: []