viniBaxter-spa_directory 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +11 -0
- data/.rspec +3 -0
- data/.travis.yml +7 -0
- data/CODE_OF_CONDUCT.md +74 -0
- data/Gemfile +4 -0
- data/README.md +39 -0
- data/Rakefile +6 -0
- data/app/assets/images/spa_landing/.DS_Store +0 -0
- data/app/assets/images/spa_landing/avatar-group-hover-last.svg +9 -0
- data/app/assets/images/spa_landing/avatar-group-hover.svg +10 -0
- data/app/assets/images/spa_landing/avatar-group.svg +9 -0
- data/app/assets/images/spa_landing/avatar-status.svg +9 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/lib/viniBaxter/sass/spa_directory.scss +3 -0
- data/lib/viniBaxter/sass/spa_directory/.DS_Store +0 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_alert.scss +51 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_badge.scss +54 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_breadcrumb.scss +42 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_button-group.scss +163 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_buttons.scss +139 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_card.scss +278 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_carousel.scss +197 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_close.scss +41 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_code.scss +48 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_custom-forms.scss +521 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_dropdown.scss +191 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_forms.scss +338 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_functions.scss +134 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_grid.scss +69 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_images.scss +42 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_input-group.scss +191 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_jumbotron.scss +17 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_list-group.scss +158 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_media.scss +8 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_mixins.scss +47 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_modal.scss +239 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_nav.scss +120 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_navbar.scss +324 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_pagination.scss +73 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_popover.scss +170 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_print.scss +141 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_progress.scss +46 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_reboot.scss +482 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_root.scss +20 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_spinners.scss +55 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_tables.scss +185 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_toasts.scss +44 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_tooltip.scss +115 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_transitions.scss +20 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_type.scss +125 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_utilities.scss +17 -0
- data/lib/viniBaxter/sass/spa_directory/scss/_variables.scss +1143 -0
- data/lib/viniBaxter/sass/spa_directory/scss/bootstrap-grid.scss +29 -0
- data/lib/viniBaxter/sass/spa_directory/scss/bootstrap-reboot.scss +12 -0
- data/lib/viniBaxter/sass/spa_directory/scss/bootstrap.scss +44 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_alert.scss +13 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_background-variant.scss +22 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_badge.scss +17 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_border-radius.scss +63 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_box-shadow.scss +20 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_breakpoints.scss +123 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_buttons.scss +110 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_caret.scss +62 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_clearfix.scss +7 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_deprecate.scss +10 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_float.scss +14 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_forms.scss +177 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_gradients.scss +45 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_grid-framework.scss +71 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_grid.scss +69 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_hover.scss +37 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_image.scss +36 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_list-group.scss +21 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_lists.scss +7 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_nav-divider.scss +11 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_pagination.scss +22 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_reset-text.scss +17 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_resize.scss +6 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_screen-reader.scss +34 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_size.scss +7 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_table-row.scss +39 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_text-emphasis.scss +17 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_text-hide.scss +11 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_text-truncate.scss +8 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_transition.scss +16 -0
- data/lib/viniBaxter/sass/spa_directory/scss/mixins/_visibility.scss +8 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_align.scss +8 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_background.scss +19 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_borders.scss +75 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_clearfix.scss +3 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_display.scss +26 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_embed.scss +39 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_flex.scss +51 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_float.scss +11 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_overflow.scss +5 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_position.scss +32 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_screenreaders.scss +11 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_shadows.scss +6 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_sizing.scss +20 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_spacing.scss +73 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_stretched-link.scss +19 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_text.scss +72 -0
- data/lib/viniBaxter/sass/spa_directory/scss/utilities/_visibility.scss +13 -0
- data/lib/viniBaxter/sass/spa_directory/scss/vendor/_rfs.scss +204 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/.DS_Store +0 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/_core.scss +17 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/style.default.scss +3 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/style.green.scss +5 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/style.pink.scss +3 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/style.red.scss +4 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/style.sea.scss +4 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/style.spassngo.scss +3 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/style.violet.scss +4 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_accordion.scss +16 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_booking.scss +16 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_bootstrap-select.scss +511 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_breadcrumb.scss +24 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_card.scss +73 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_daterangepicker.scss +530 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_demo.scss +38 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_detail.scss +56 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_docs.scss +49 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_dropzone.scss +327 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_filter.scss +24 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_forms.scss +210 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_functions.scss +18 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_home.scss +180 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_icons.scss +83 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_leaft.scss +40 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_magnificpopup.scss +39 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_map.scss +167 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_mixins-custom.scss +35 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_navbar.scss +272 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_navpills.scss +26 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_nouislider.scss +71 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_ribbons.scss +52 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_swiper.scss +1 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_team.scss +31 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_testimonials.scss +49 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_theme.scss +45 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_type.scss +158 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_utils.scss +411 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_variables-3rd-party.scss +29 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/theme/_variables.scss +284 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/user/_user-variables.scss +12 -0
- data/lib/viniBaxter/sass/spa_directory/temp_directory/user/_user.scss +1 -0
- data/lib/viniBaxter/spa_directory.rb +9 -0
- data/lib/viniBaxter/spa_directory/engine.rb +17 -0
- data/lib/viniBaxter/spa_directory/version.rb +5 -0
- data/viniBaxter-spa_directory.gemspec +33 -0
- metadata +235 -0
@@ -0,0 +1,26 @@
|
|
1
|
+
/*
|
2
|
+
* ===================================================
|
3
|
+
* Custom Nav Pills
|
4
|
+
* ===================================================
|
5
|
+
*/
|
6
|
+
.nav-pills-custom {
|
7
|
+
flex-wrap: wrap;
|
8
|
+
|
9
|
+
.nav-link {
|
10
|
+
margin: 10px;
|
11
|
+
color: theme-color('primary');
|
12
|
+
border: 1px solid theme-color('primary');
|
13
|
+
border-radius: 50px;
|
14
|
+
|
15
|
+
&.active,
|
16
|
+
&:hover,
|
17
|
+
&:focus {
|
18
|
+
color: #fff;
|
19
|
+
background: theme-color('primary');
|
20
|
+
}
|
21
|
+
|
22
|
+
&:first-of-type {
|
23
|
+
margin-left: 0;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
}
|
@@ -0,0 +1,71 @@
|
|
1
|
+
/*
|
2
|
+
* ===================================================
|
3
|
+
* NoUI Slider theming
|
4
|
+
* ===================================================
|
5
|
+
*/
|
6
|
+
|
7
|
+
.noUi-target {
|
8
|
+
background: #ddd;
|
9
|
+
border-radius: 0;
|
10
|
+
border: none;
|
11
|
+
box-shadow: none;
|
12
|
+
height: 3px;
|
13
|
+
margin-top: 10px;
|
14
|
+
}
|
15
|
+
|
16
|
+
.noUi-horizontal .noUi-handle {
|
17
|
+
// width: 3px;
|
18
|
+
// height: 14px;
|
19
|
+
// right: -2px !important;
|
20
|
+
// top: -5px;
|
21
|
+
// background: theme-color('dark');
|
22
|
+
// border: none;
|
23
|
+
// border-radius: 0;
|
24
|
+
// cursor: pointer;
|
25
|
+
// box-shadow: none;
|
26
|
+
// outline: none;
|
27
|
+
width: 3px;
|
28
|
+
height: 14px;
|
29
|
+
right: -2px !important;
|
30
|
+
top: -8px;
|
31
|
+
background: #384c74;
|
32
|
+
border: none;
|
33
|
+
border-radius: 0;
|
34
|
+
cursor: pointer;
|
35
|
+
box-shadow: none;
|
36
|
+
outline: none;
|
37
|
+
height: 20px;
|
38
|
+
width: 20px;
|
39
|
+
border-radius: 50%;
|
40
|
+
}
|
41
|
+
|
42
|
+
.noUi-horizontal .noUi-handle::before,
|
43
|
+
.noUi-horizontal .noUi-handle::after {
|
44
|
+
display: none;
|
45
|
+
}
|
46
|
+
|
47
|
+
.noUi-connect {
|
48
|
+
background: theme-color('dark');
|
49
|
+
}
|
50
|
+
|
51
|
+
.text-primary {
|
52
|
+
.noUi-handle,
|
53
|
+
.noUi-connect {
|
54
|
+
background: theme-color('primary');
|
55
|
+
}
|
56
|
+
}
|
57
|
+
|
58
|
+
.text-secondary {
|
59
|
+
.noUi-handle,
|
60
|
+
.noUi-connect {
|
61
|
+
background: theme-color('secondary');
|
62
|
+
}
|
63
|
+
}
|
64
|
+
|
65
|
+
.nouislider-values {
|
66
|
+
display: flex;
|
67
|
+
justify-content: space-between;
|
68
|
+
margin-top: 1rem;
|
69
|
+
color: $gray-600;
|
70
|
+
font-size: $font-size-sm;
|
71
|
+
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
/*
|
2
|
+
* ===================================================
|
3
|
+
* RIBBONS
|
4
|
+
* ===================================================
|
5
|
+
*/
|
6
|
+
|
7
|
+
.ribbon {
|
8
|
+
position: absolute;
|
9
|
+
top: 10px;
|
10
|
+
left: -11px;
|
11
|
+
z-index: 999;
|
12
|
+
display: inline-block;
|
13
|
+
font-family: $font-family-heading;
|
14
|
+
font-size: .8rem;
|
15
|
+
text-transform: uppercase;
|
16
|
+
letter-spacing: .3em;
|
17
|
+
padding: 3px 15px 5px;
|
18
|
+
color: #fff;
|
19
|
+
text-align: center;
|
20
|
+
&+.ribbon {
|
21
|
+
top: 60px;
|
22
|
+
&+.ribbon {
|
23
|
+
top: 110px;
|
24
|
+
&+.ribbon {
|
25
|
+
top: 160px;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
}
|
29
|
+
&::before {
|
30
|
+
content: '';
|
31
|
+
border-left: 12px solid transparent;
|
32
|
+
border-right: 0 solid transparent;
|
33
|
+
border-top: 14px solid darken(theme-color('primary'), 20%);
|
34
|
+
position: absolute;
|
35
|
+
bottom: -14px;
|
36
|
+
left: 0;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
@mixin ribbon-variant($parent, $color) {
|
41
|
+
#{$parent} {
|
42
|
+
background-color: $color !important;
|
43
|
+
&::before {
|
44
|
+
border-top-color: darken($color, 20%);
|
45
|
+
}
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
@each $color,
|
50
|
+
$value in $theme-colors {
|
51
|
+
@include ribbon-variant('.ribbon-#{$color}', $value);
|
52
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
// TODO: this scss has been deketed because loaded twice with jspack
|
@@ -0,0 +1,31 @@
|
|
1
|
+
/*
|
2
|
+
* ===================================================
|
3
|
+
* Homepage Elements
|
4
|
+
* ===================================================
|
5
|
+
*/
|
6
|
+
|
7
|
+
.team-img {
|
8
|
+
position: relative;
|
9
|
+
z-index: 20;
|
10
|
+
max-width: 100%;
|
11
|
+
}
|
12
|
+
|
13
|
+
.team-circle {
|
14
|
+
display: inline-block;
|
15
|
+
position: absolute;
|
16
|
+
bottom: -20px;
|
17
|
+
left: 0;
|
18
|
+
width: 100%;
|
19
|
+
height: auto;
|
20
|
+
padding-bottom: 100%;
|
21
|
+
border-radius: 50%;
|
22
|
+
background-color: theme-color-level('primary', -11);
|
23
|
+
z-index: 0;
|
24
|
+
}
|
25
|
+
|
26
|
+
.team-body {
|
27
|
+
position: relative;
|
28
|
+
border-radius: $border-radius;
|
29
|
+
background: $white;
|
30
|
+
box-shadow: $box-shadow;
|
31
|
+
}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
/*
|
2
|
+
* ===================================================
|
3
|
+
* Testimonials
|
4
|
+
* ===================================================
|
5
|
+
*/
|
6
|
+
|
7
|
+
.testimonial-quote {
|
8
|
+
margin-bottom: 10px;
|
9
|
+
color: theme-color('primary');
|
10
|
+
font-size: 1.5rem;
|
11
|
+
}
|
12
|
+
|
13
|
+
.testimonial {
|
14
|
+
position: relative;
|
15
|
+
margin-left: 3rem;
|
16
|
+
padding: 4rem;
|
17
|
+
padding-left: 70px;
|
18
|
+
}
|
19
|
+
|
20
|
+
.testimonial-text {
|
21
|
+
color: #656565;
|
22
|
+
font-size: 0.9rem;
|
23
|
+
line-height: 1.8rem;
|
24
|
+
line-height: 1.7rem;
|
25
|
+
}
|
26
|
+
|
27
|
+
.testimonial-avatar {
|
28
|
+
overflow: hidden;
|
29
|
+
width: 80px;
|
30
|
+
height: 80px;
|
31
|
+
transform: translate(-50%, -50%);
|
32
|
+
border-radius: 50%;
|
33
|
+
box-shadow: -5.665px 9.429px 35px 0px rgba(0, 0, 0, 0.2);
|
34
|
+
@include position(absolute, 50%, $left: 0);
|
35
|
+
}
|
36
|
+
|
37
|
+
|
38
|
+
@include media-breakpoint-down(lg) {
|
39
|
+
|
40
|
+
.testimonial {
|
41
|
+
margin-top: 2rem;
|
42
|
+
margin-left: 0;
|
43
|
+
padding: 60px 40px 40px; // margin: 0;
|
44
|
+
|
45
|
+
.testimonial-avatar {
|
46
|
+
@include position(absolute, 0, $left: 50%);
|
47
|
+
}
|
48
|
+
}
|
49
|
+
}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
// 3rd party plugin variables
|
2
|
+
@import "variables-3rd-party";
|
3
|
+
// theme mixins
|
4
|
+
|
5
|
+
@import "mixins-custom";
|
6
|
+
@import "functions";
|
7
|
+
|
8
|
+
// theme components
|
9
|
+
|
10
|
+
@import "breadcrumb";
|
11
|
+
@import "navbar";
|
12
|
+
@import "card";
|
13
|
+
@import "home";
|
14
|
+
@import "detail";
|
15
|
+
@import "filter";
|
16
|
+
@import "forms";
|
17
|
+
@import "map";
|
18
|
+
@import "icons";
|
19
|
+
@import "navpills";
|
20
|
+
@import "testimonials";
|
21
|
+
@import "ribbons";
|
22
|
+
@import "type";
|
23
|
+
@import "accordion";
|
24
|
+
@import "booking";
|
25
|
+
@import "team";
|
26
|
+
|
27
|
+
// 3rd party plugins styling
|
28
|
+
|
29
|
+
@import "daterangepicker";
|
30
|
+
@import "dropzone";
|
31
|
+
@import "bootstrap-select";
|
32
|
+
@import "magnificpopup";
|
33
|
+
@import "nouislider";
|
34
|
+
@import "swiper";
|
35
|
+
|
36
|
+
// utils + docs
|
37
|
+
|
38
|
+
@import "utils";
|
39
|
+
@import "docs";
|
40
|
+
|
41
|
+
// demo
|
42
|
+
@import "demo";
|
43
|
+
|
44
|
+
// leaft
|
45
|
+
@import "leaft"
|
@@ -0,0 +1,158 @@
|
|
1
|
+
/*
|
2
|
+
* ===================================================
|
3
|
+
* Typography
|
4
|
+
* ===================================================
|
5
|
+
*/
|
6
|
+
|
7
|
+
.subtitle {
|
8
|
+
margin-bottom: 0;
|
9
|
+
letter-spacing: 0.2em;
|
10
|
+
text-transform: uppercase;
|
11
|
+
color: $gray-600;
|
12
|
+
font-weight: bold;
|
13
|
+
}
|
14
|
+
|
15
|
+
.label-heading {
|
16
|
+
color: $gray-600;
|
17
|
+
font-size: $font-size-base * .8;
|
18
|
+
@include uppercase;
|
19
|
+
font-weight: normal;
|
20
|
+
}
|
21
|
+
|
22
|
+
.hero-heading {
|
23
|
+
margin-bottom: 2rem;
|
24
|
+
}
|
25
|
+
|
26
|
+
@include media-breakpoint-down(md) {
|
27
|
+
h1.hero-heading {
|
28
|
+
font-size: $h1-font-size * .5;
|
29
|
+
}
|
30
|
+
|
31
|
+
h2.hero-heading {
|
32
|
+
font-size: $h2-font-size * .5;
|
33
|
+
}
|
34
|
+
|
35
|
+
h3.hero-heading {
|
36
|
+
font-size: $h3-font-size * .5;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
@include media-breakpoint-down(sm) {
|
41
|
+
.display-1 {
|
42
|
+
font-size: $display1-size-small;
|
43
|
+
}
|
44
|
+
|
45
|
+
.display-2 {
|
46
|
+
font-size: $display2-size-small;
|
47
|
+
}
|
48
|
+
|
49
|
+
.display-3 {
|
50
|
+
font-size: $display3-size-small;
|
51
|
+
}
|
52
|
+
|
53
|
+
.display-4 {
|
54
|
+
font-size: $display4-size-small;
|
55
|
+
}
|
56
|
+
}
|
57
|
+
|
58
|
+
.text-content {
|
59
|
+
|
60
|
+
h1,
|
61
|
+
h2,
|
62
|
+
h3,
|
63
|
+
h4,
|
64
|
+
h5,
|
65
|
+
h6,
|
66
|
+
p,
|
67
|
+
ul,
|
68
|
+
ol,
|
69
|
+
blockquote {
|
70
|
+
margin-bottom: 2rem;
|
71
|
+
}
|
72
|
+
}
|
73
|
+
|
74
|
+
.text-content {
|
75
|
+
|
76
|
+
p,
|
77
|
+
ul,
|
78
|
+
ol {
|
79
|
+
font-size: 1.1rem;
|
80
|
+
}
|
81
|
+
|
82
|
+
p,
|
83
|
+
ul,
|
84
|
+
ol {
|
85
|
+
color: $gray-600;
|
86
|
+
}
|
87
|
+
}
|
88
|
+
|
89
|
+
p.lead {
|
90
|
+
strong {
|
91
|
+
font-weight: bold;
|
92
|
+
}
|
93
|
+
}
|
94
|
+
|
95
|
+
.btn {
|
96
|
+
letter-spacing: .3em;
|
97
|
+
text-transform: uppercase;
|
98
|
+
font-weight: bold;
|
99
|
+
}
|
100
|
+
|
101
|
+
.input-group .btn {
|
102
|
+
padding-top: $input-btn-padding-y;
|
103
|
+
padding-bottom: $input-btn-padding-y;
|
104
|
+
}
|
105
|
+
|
106
|
+
.btn-sm {
|
107
|
+
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm - .1rem, $btn-line-height-sm, $btn-border-radius-sm);
|
108
|
+
}
|
109
|
+
|
110
|
+
.dropdown-menu {
|
111
|
+
box-shadow: $dropdown-box-shadow;
|
112
|
+
}
|
113
|
+
|
114
|
+
.dropdown-header {
|
115
|
+
padding: .7rem $dropdown-item-padding-x;
|
116
|
+
letter-spacing: 0.2rem;
|
117
|
+
@include uppercase;
|
118
|
+
}
|
119
|
+
|
120
|
+
.blockquote {
|
121
|
+
padding: $spacer;
|
122
|
+
border-left: 2px solid theme-color();
|
123
|
+
}
|
124
|
+
|
125
|
+
.blockquote-icon {
|
126
|
+
padding-top: 5rem;
|
127
|
+
background-image: str-replace(url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 508.044 508.044' style='enable-background:new 0 0 508.044 508.044;' fill='#{$blockquoteiconfill}' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0.108,352.536c0,66.794,54.144,120.938,120.937,120.938c66.794,0,120.938-54.144,120.938-120.938 s-54.144-120.937-120.938-120.937c-13.727,0-26.867,2.393-39.168,6.61C109.093,82.118,230.814-18.543,117.979,64.303 C-7.138,156.17-0.026,348.84,0.114,352.371C0.114,352.426,0.108,352.475,0.108,352.536z'/%3E%3Cpath d='M266.169,352.536c0,66.794,54.144,120.938,120.938,120.938s120.938-54.144,120.938-120.938S453.9,231.599,387.106,231.599 c-13.728,0-26.867,2.393-39.168,6.61C375.154,82.118,496.875-18.543,384.04,64.303C258.923,156.17,266.034,348.84,266.175,352.371 C266.175,352.426,266.169,352.475,266.169,352.536z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), "#", "%23");
|
128
|
+
background-repeat: no-repeat;
|
129
|
+
}
|
130
|
+
|
131
|
+
.hr-text {
|
132
|
+
line-height: 1em;
|
133
|
+
position: relative;
|
134
|
+
outline: 0;
|
135
|
+
border: 0;
|
136
|
+
color: $hr-border-color;;
|
137
|
+
text-align: center;
|
138
|
+
height: 1.5rem;
|
139
|
+
&:before {
|
140
|
+
content: '';
|
141
|
+
background: $hr-border-color;
|
142
|
+
position: absolute;
|
143
|
+
left: 0;
|
144
|
+
top: 50%;
|
145
|
+
width: 100%;
|
146
|
+
height: 1px;
|
147
|
+
}
|
148
|
+
&:after {
|
149
|
+
content: attr(data-content);
|
150
|
+
position: relative;
|
151
|
+
display: inline-block;
|
152
|
+
font-size: .8rem;
|
153
|
+
padding: 0 .5em;
|
154
|
+
line-height: 1.5rem;
|
155
|
+
color: $gray-500;
|
156
|
+
background-color: #fff;
|
157
|
+
}
|
158
|
+
}
|
@@ -0,0 +1,411 @@
|
|
1
|
+
/*
|
2
|
+
* ===================================================
|
3
|
+
* Custom Bootstrapious Utils
|
4
|
+
* ===================================================
|
5
|
+
*/
|
6
|
+
|
7
|
+
/*
|
8
|
+
Text utils
|
9
|
+
------------------------
|
10
|
+
*/
|
11
|
+
|
12
|
+
.text-uppercase {
|
13
|
+
@include uppercase;
|
14
|
+
}
|
15
|
+
|
16
|
+
.text-xs {
|
17
|
+
font-size: $font-size-xs;
|
18
|
+
}
|
19
|
+
|
20
|
+
.text-sm {
|
21
|
+
font-size: $font-size-sm;
|
22
|
+
}
|
23
|
+
|
24
|
+
.text-base {
|
25
|
+
font-size: $font-size-base;
|
26
|
+
}
|
27
|
+
|
28
|
+
.text-lg {
|
29
|
+
font-size: $font-size-lg;
|
30
|
+
}
|
31
|
+
|
32
|
+
.text-xl {
|
33
|
+
font-size: $font-size-xl;
|
34
|
+
}
|
35
|
+
|
36
|
+
.text-serif {
|
37
|
+
font-family: $font-family-serif !important;
|
38
|
+
}
|
39
|
+
|
40
|
+
.text-shadow {
|
41
|
+
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
|
42
|
+
}
|
43
|
+
|
44
|
+
.text-shadow-primary {
|
45
|
+
text-shadow: 2px 2px 2px rgba(theme-color('primary'), .1);
|
46
|
+
}
|
47
|
+
|
48
|
+
/*
|
49
|
+
Rounded corners - lg, sm
|
50
|
+
------------------------
|
51
|
+
*/
|
52
|
+
|
53
|
+
.rounded-lg {
|
54
|
+
border-radius: $border-radius-lg;
|
55
|
+
}
|
56
|
+
|
57
|
+
.rounded-sm {
|
58
|
+
border-radius: $border-radius-sm;
|
59
|
+
}
|
60
|
+
|
61
|
+
.rounded-xl {
|
62
|
+
border-radius: 10rem;
|
63
|
+
}
|
64
|
+
|
65
|
+
/*
|
66
|
+
Responsive borders - border-[breakpoint]
|
67
|
+
------------------------
|
68
|
+
*/
|
69
|
+
@each $breakpoint in map-keys($grid-breakpoints) {
|
70
|
+
@include media-breakpoint-up($breakpoint) {
|
71
|
+
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
72
|
+
|
73
|
+
.border#{$infix} {
|
74
|
+
border: $border-width solid $border-color !important;
|
75
|
+
}
|
76
|
+
}
|
77
|
+
}
|
78
|
+
|
79
|
+
/*
|
80
|
+
Avatars
|
81
|
+
------------------------
|
82
|
+
*/
|
83
|
+
|
84
|
+
.avatar {
|
85
|
+
display: inline-block;
|
86
|
+
position: relative;
|
87
|
+
width: 3rem;
|
88
|
+
height: 3rem;
|
89
|
+
text-align: center;
|
90
|
+
border: $border-color;
|
91
|
+
border-radius: 50%;
|
92
|
+
background: $white;
|
93
|
+
box-shadow: $box-shadow;
|
94
|
+
line-height: 3rem;
|
95
|
+
|
96
|
+
&.avatar-sm {
|
97
|
+
width: 2.5rem;
|
98
|
+
height: 2.5rem;
|
99
|
+
}
|
100
|
+
|
101
|
+
&.avatar-lg {
|
102
|
+
width: 5rem;
|
103
|
+
height: 5rem;
|
104
|
+
}
|
105
|
+
|
106
|
+
&.avatar-xl {
|
107
|
+
width: 7rem;
|
108
|
+
height: 7rem;
|
109
|
+
}
|
110
|
+
|
111
|
+
&.avatar-xxl {
|
112
|
+
width: 10rem;
|
113
|
+
min-width: 10rem;
|
114
|
+
height: 10rem;
|
115
|
+
}
|
116
|
+
|
117
|
+
&.avatar-border-white {
|
118
|
+
border: solid 2px $white;
|
119
|
+
}
|
120
|
+
}
|
121
|
+
|
122
|
+
/*
|
123
|
+
Opacity helpers - .opacity-[1-9]
|
124
|
+
------------------------
|
125
|
+
*/
|
126
|
+
|
127
|
+
|
128
|
+
$opacity: 1 2 3 4 5 6 7 8 9;
|
129
|
+
|
130
|
+
@each $current-opacity in $opacity {
|
131
|
+
.opacity-#{$current-opacity} {
|
132
|
+
opacity: #{$current-opacity/10};
|
133
|
+
}
|
134
|
+
}
|
135
|
+
|
136
|
+
/*
|
137
|
+
Z-index helpers - .z-index-[10-50]
|
138
|
+
------------------------
|
139
|
+
*/
|
140
|
+
|
141
|
+
$z-index: 10 20 30 40 50;
|
142
|
+
|
143
|
+
@each $current-z-index in $z-index {
|
144
|
+
.z-index-#{$current-z-index} {
|
145
|
+
z-index: #{$current-z-index};
|
146
|
+
}
|
147
|
+
}
|
148
|
+
|
149
|
+
/*
|
150
|
+
Letter spacing helpers - .letter-spacing-[1-5]
|
151
|
+
------------------------
|
152
|
+
*/
|
153
|
+
|
154
|
+
$spacing: .1em .2em .3em .4em .5em;
|
155
|
+
|
156
|
+
@each $current-spacing in $spacing {
|
157
|
+
$i: index($spacing, $current-spacing);
|
158
|
+
|
159
|
+
.letter-spacing-#{$i} {
|
160
|
+
letter-spacing: #{$current-spacing};
|
161
|
+
}
|
162
|
+
}
|
163
|
+
|
164
|
+
/*
|
165
|
+
Colours and backgrounds
|
166
|
+
------------------------
|
167
|
+
*/
|
168
|
+
|
169
|
+
|
170
|
+
@each $color,
|
171
|
+
$value in $theme-colors {
|
172
|
+
.text-hover-#{$color} {
|
173
|
+
|
174
|
+
&:focus,
|
175
|
+
&:hover {
|
176
|
+
color: $value !important;
|
177
|
+
}
|
178
|
+
}
|
179
|
+
|
180
|
+
.bg-#{$color}-light {
|
181
|
+
background-color: theme-color-level($color, -11);
|
182
|
+
}
|
183
|
+
}
|
184
|
+
|
185
|
+
@each $color,
|
186
|
+
$value in $grays {
|
187
|
+
.bg-gray-#{$color} {
|
188
|
+
background: $value !important;
|
189
|
+
}
|
190
|
+
|
191
|
+
.text-gray-#{$color} {
|
192
|
+
color: $value;
|
193
|
+
}
|
194
|
+
}
|
195
|
+
|
196
|
+
.bg-primary-100 {
|
197
|
+
background: $primary-100;
|
198
|
+
}
|
199
|
+
|
200
|
+
@each $color,
|
201
|
+
$value in $theme-colors {
|
202
|
+
.badge-#{$color}-light {
|
203
|
+
color: $value;
|
204
|
+
background-color: theme-color-level($color, -11);
|
205
|
+
}
|
206
|
+
}
|
207
|
+
|
208
|
+
.table-hover {
|
209
|
+
tbody tr.no-stripe {
|
210
|
+
background-color: transparent !important;
|
211
|
+
}
|
212
|
+
}
|
213
|
+
|
214
|
+
.table-hover {
|
215
|
+
tbody tr.no-hover {
|
216
|
+
@include hover() {
|
217
|
+
background-color: transparent !important;
|
218
|
+
}
|
219
|
+
}
|
220
|
+
}
|
221
|
+
|
222
|
+
/*
|
223
|
+
Transparent overlays
|
224
|
+
------------------------
|
225
|
+
*/
|
226
|
+
|
227
|
+
.light-overlay,
|
228
|
+
.dark-overlay,
|
229
|
+
.gradient-overlay {
|
230
|
+
position: relative;
|
231
|
+
overflow: hidden;
|
232
|
+
|
233
|
+
.overlay-content {
|
234
|
+
position: relative;
|
235
|
+
z-index: 20;
|
236
|
+
}
|
237
|
+
|
238
|
+
&::after {
|
239
|
+
position: absolute;
|
240
|
+
top: 0;
|
241
|
+
left: 0;
|
242
|
+
width: 100%;
|
243
|
+
height: 100%;
|
244
|
+
content: ' ';
|
245
|
+
opacity: .3;
|
246
|
+
background: #000;
|
247
|
+
}
|
248
|
+
}
|
249
|
+
|
250
|
+
.light-overlay {
|
251
|
+
&::after {
|
252
|
+
opacity: .3;
|
253
|
+
background: #fff;
|
254
|
+
}
|
255
|
+
}
|
256
|
+
|
257
|
+
.gradient-overlay {
|
258
|
+
&::after {
|
259
|
+
opacity: 1;
|
260
|
+
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0.65) 100%);
|
261
|
+
}
|
262
|
+
}
|
263
|
+
|
264
|
+
/*
|
265
|
+
SVG icons
|
266
|
+
------------------------
|
267
|
+
*/
|
268
|
+
|
269
|
+
.svg-icon {
|
270
|
+
width: 18px;
|
271
|
+
height: 18px;
|
272
|
+
vertical-align: text-bottom;
|
273
|
+
stroke: currentColor;
|
274
|
+
stroke-width: 3;
|
275
|
+
|
276
|
+
--layer1: currentColor;
|
277
|
+
--layer2: currentColor;
|
278
|
+
|
279
|
+
&.svg-icon-light {
|
280
|
+
stroke-width: 2;
|
281
|
+
}
|
282
|
+
|
283
|
+
&.svg-icon-heavy {
|
284
|
+
stroke-width: 4;
|
285
|
+
}
|
286
|
+
|
287
|
+
}
|
288
|
+
|
289
|
+
/*
|
290
|
+
Other
|
291
|
+
------------------------
|
292
|
+
*/
|
293
|
+
|
294
|
+
.overflow-visible {
|
295
|
+
overflow: visible !important;
|
296
|
+
}
|
297
|
+
|
298
|
+
.overflow-y-visible {
|
299
|
+
overflow-y: visible !important;
|
300
|
+
}
|
301
|
+
|
302
|
+
.shadow-0 {
|
303
|
+
box-shadow: none !important;
|
304
|
+
}
|
305
|
+
|
306
|
+
.left-box {
|
307
|
+
box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7);
|
308
|
+
}
|
309
|
+
|
310
|
+
.hover-scale {
|
311
|
+
transition: $transition-base;
|
312
|
+
|
313
|
+
&:hover {
|
314
|
+
transform: scale(1.05);
|
315
|
+
}
|
316
|
+
}
|
317
|
+
|
318
|
+
.hover-animate {
|
319
|
+
transition: $transition-base;
|
320
|
+
|
321
|
+
&:hover,
|
322
|
+
&:focus {
|
323
|
+
transform: translate3d(0, -2px, 5px);
|
324
|
+
}
|
325
|
+
}
|
326
|
+
|
327
|
+
.hover-scale-bg-image {
|
328
|
+
.bg-image {
|
329
|
+
transition: $transition-base;
|
330
|
+
}
|
331
|
+
|
332
|
+
&:hover,
|
333
|
+
&:focus {
|
334
|
+
.bg-image {
|
335
|
+
transform: scale(1.05);
|
336
|
+
}
|
337
|
+
}
|
338
|
+
}
|
339
|
+
|
340
|
+
.tile-link {
|
341
|
+
position: absolute;
|
342
|
+
top: 0;
|
343
|
+
left: 0;
|
344
|
+
width: 100%;
|
345
|
+
height: 100%;
|
346
|
+
cursor: pointer;
|
347
|
+
z-index: 30;
|
348
|
+
}
|
349
|
+
|
350
|
+
.close-absolute {
|
351
|
+
position: absolute;
|
352
|
+
top: 0;
|
353
|
+
right: 0;
|
354
|
+
}
|
355
|
+
|
356
|
+
.bg-image {
|
357
|
+
position: absolute;
|
358
|
+
top: 0;
|
359
|
+
left: 0;
|
360
|
+
width: 100%;
|
361
|
+
height: 100%;
|
362
|
+
z-index: 0;
|
363
|
+
}
|
364
|
+
|
365
|
+
img.bg-image {
|
366
|
+
font-family: 'object-fit: cover;';
|
367
|
+
object-fit: cover;
|
368
|
+
}
|
369
|
+
|
370
|
+
.bg-cover {
|
371
|
+
background-repeat: no-repeat;
|
372
|
+
background-position: center center;
|
373
|
+
background-size: cover;
|
374
|
+
}
|
375
|
+
|
376
|
+
.full-screen {
|
377
|
+
height: calc(100vh - #{$navbarHeight});
|
378
|
+
}
|
379
|
+
|
380
|
+
.mh-full-screen {
|
381
|
+
min-height: 100vh;
|
382
|
+
|
383
|
+
// hack for IE 11
|
384
|
+
@media screen and (-ms-high-contrast: active),
|
385
|
+
screen and (-ms-high-contrast: none) {
|
386
|
+
height: 100vh;
|
387
|
+
}
|
388
|
+
}
|
389
|
+
|
390
|
+
.list-group {
|
391
|
+
border-radius: $list-group-border-radius
|
392
|
+
}
|
393
|
+
|
394
|
+
// fixes for IE11
|
395
|
+
@media screen and (-ms-high-contrast: active),
|
396
|
+
screen and (-ms-high-contrast: none) {
|
397
|
+
|
398
|
+
.card {
|
399
|
+
display: block;
|
400
|
+
}
|
401
|
+
|
402
|
+
.card-img-top,
|
403
|
+
.card-img-bottom,
|
404
|
+
.card-img {
|
405
|
+
width: auto;
|
406
|
+
min-width: 100%;
|
407
|
+
height: auto;
|
408
|
+
}
|
409
|
+
|
410
|
+
|
411
|
+
}
|