jekyll-theme-marketing 0.5.0 → 1.0.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.
- checksums.yaml +5 -5
- data/{LICENSE.txt → LICENSE} +1 -1
- data/README.md +6 -1
- data/_includes/components/analytics/google.js +13 -0
- data/_includes/components/assets/file-downloads.html +15 -0
- data/_includes/components/breadcrumbs/bootstrap.html +35 -0
- data/_includes/components/breadcrumbs/bootstrap.js +11 -0
- data/_includes/components/bullets/fontawesome.html +4 -0
- data/_includes/components/cards/bootstrap-h.html +20 -0
- data/_includes/components/cards/bootstrap-v.html +16 -0
- data/_includes/components/contact-cards/phone-card.html +6 -0
- data/_includes/components/contact-cards/phone-directory.html +22 -0
- data/_includes/components/copyrights/progressive.html +19 -0
- data/_includes/components/exchange-rates/progressive.html +6 -0
- data/_includes/{body/header/exchange-rates/usd.html → components/exchange-rates/progressive.js} +1 -6
- data/_includes/components/filters/isotope.html +32 -0
- data/_includes/components/filters/isotope.js +47 -0
- data/_includes/components/firebase/sdk.html +17 -0
- data/_includes/components/firebase/special-offers.html +28 -0
- data/_includes/components/firebase/ui.html +15 -0
- data/_includes/components/firebase/ui.js +33 -0
- data/_includes/{head/fonts.html → components/fonts/google.html} +0 -0
- data/_includes/components/footers/progressive/custom-item.liquid +1 -0
- data/_includes/components/footers/progressive/custom-title.liquid +1 -0
- data/_includes/components/footers/progressive/footer.html +43 -0
- data/_includes/components/footers/progressive/top.html +27 -0
- data/_includes/components/forms/formspree.html +59 -0
- data/_includes/components/forms/formspree.js +35 -0
- data/_includes/components/forms/google-forms.css +5 -0
- data/_includes/components/forms/google-forms.html +76 -0
- data/_includes/components/forms/google-forms.js +31 -0
- data/_includes/components/generators/pdf/special-offers.html +51 -0
- data/_includes/components/icons/bootstrap.html +14 -0
- data/_includes/components/icons/progressive.html +29 -0
- data/_includes/components/icons/progressive.js +5 -0
- data/_includes/components/info-cards/card-deck.html +16 -0
- data/_includes/components/info-cards/progressive.html +20 -0
- data/_includes/components/info-cards/search-results.html +38 -0
- data/_includes/components/jumbotron/bootstrap.html +5 -0
- data/_includes/components/lang-switchers/two-langs.html +27 -0
- data/_includes/components/login/progressive.html +89 -0
- data/_includes/components/logos/motorola.html +3 -0
- data/_includes/components/logos/progressive.html +3 -0
- data/_includes/components/maps/google-maps.html +2 -0
- data/_includes/components/maps/google-maps.js +96 -0
- data/_includes/components/maps/image-map.html +21 -0
- data/_includes/components/megamenu/progressive.html +35 -0
- data/_includes/{head/meta.html → components/meta/progressive.html} +5 -1
- data/_includes/components/modals/bootstrap.html +124 -0
- data/_includes/components/modals/bootstrap.js +26 -0
- data/_includes/components/nav-items/bootstrap.html +23 -0
- data/_includes/components/nav-tabs/product-nav-tab.html +48 -0
- data/_includes/components/nav-tabs/product-nav-tab.js +38 -0
- data/_includes/components/navbars/bootstrap.html +16 -0
- data/_includes/components/navbars/common.liquid +14 -0
- data/_includes/components/navbars/progressive.html +33 -0
- data/_includes/components/navbars/progressive.js +18 -0
- data/_includes/components/panels/brands.html +12 -0
- data/_includes/{body → components}/product-cards/3d-space.html +5 -5
- data/_includes/components/product-cards/featured-product.html +15 -0
- data/_includes/components/product-cards/product-details.html +48 -0
- data/_includes/components/product-cards/product-generals.html +54 -0
- data/_includes/components/product-cards/progressive.html +57 -0
- data/_includes/components/scripts/body.js +41 -0
- data/_includes/components/scripts/head.js +14 -0
- data/_includes/components/scroll-to-tops/progressive.html +3 -0
- data/_includes/components/search-engines/lunr.html +19 -0
- data/_includes/components/search-engines/lunr.js +119 -0
- data/_includes/components/searchbars/progressive.html +14 -0
- data/_includes/components/sidenavs/material/dependencies.html +2 -2
- data/_includes/components/sliders/bootstrap.html +37 -0
- data/_includes/components/sliders/lightslider.html +35 -0
- data/_includes/components/sliders/lightslider.js +12 -0
- data/_includes/components/sliders/revolution-slider.html +67 -0
- data/_includes/components/social-media/facebook.html +18 -0
- data/_includes/components/social-media/progressive.html +9 -0
- data/_includes/components/spinners/bootstrap.html +5 -0
- data/_includes/components/stylesheets/progressive.html +47 -0
- data/_includes/components/timelines/9.html +27 -0
- data/_includes/components/topbars/progressive.html +36 -0
- data/_includes/components/topbars/progressive.js +5 -0
- data/_includes/components/videos/background.html +22 -0
- data/_includes/components/videos/youtube.html +23 -0
- data/_includes/components/zendesk/script.js +9 -0
- data/_includes/pages/footer/grupopv/our-offices.js +22 -0
- data/_layouts/default.html +30 -12
- data/_layouts/grid.html +34 -28
- data/_layouts/page.html +4 -48
- data/_layouts/product.html +29 -174
- data/_sass/common/_common.scss +32 -0
- data/_sass/components/breadcrumbs/_bootstrap.scss +2 -3
- data/_sass/components/contact-cards/_location.scss +14 -0
- data/_sass/components/contact-cards/_phone-card.scss +17 -0
- data/_sass/components/footers/_vg_progressive.scss +72 -0
- data/_sass/components/forms/_formspree.scss +5 -0
- data/_sass/components/forms/_google-forms.scss +29 -0
- data/_sass/components/icons/bootstrap.scss +21 -0
- data/_sass/components/info-cards/_card-deck.scss +12 -0
- data/_sass/components/info-cards/search-results.scss +9 -0
- data/_sass/components/jumbotron/bootstrap.scss +5 -0
- data/_sass/components/lang-switchers/_toogle-lang.scss +0 -1
- data/_sass/components/login/progressive.scss +13 -0
- data/_sass/components/logos/progressive.scss +12 -0
- data/_sass/components/maps/google-maps.scss +13 -0
- data/_sass/components/megamenu/progressive.scss +9 -0
- data/_sass/components/nav-items/bootstrap.scss +26 -0
- data/_sass/components/navbars/bootstrap.scss +8 -0
- data/_sass/components/navbars/progressive.scss +94 -0
- data/_sass/components/product-cards/_3d-space.scss +12 -12
- data/_sass/components/product-cards/_product-details.scss +6 -0
- data/_sass/components/product-cards/_product-generals.scss +13 -0
- data/_sass/components/product-cards/_progressive.scss +30 -0
- data/_sass/components/product-cards/featured-product.scss +12 -0
- data/_sass/components/searchbars/progressive.scss +8 -0
- data/_sass/components/sidenavs/_material.scss +160 -0
- data/_sass/components/sliders/_lightslider.scss +33 -0
- data/_sass/components/social-media/_progressive.scss +25 -0
- data/_sass/components/timelines/9.scss +152 -0
- data/_sass/components/videos/background.scss +22 -0
- data/_sass/grupopv/_navbar.scss +22 -0
- data/_sass/layouts/_404.scss +39 -0
- data/_sass/layouts/_default.scss +3 -0
- data/_sass/layouts/_page.scss +70 -0
- data/_sass/layouts/_product.scss +56 -0
- data/assets/css/main.min.scss +88 -0
- data/assets/img/common/favicon.png +0 -0
- data/assets/js/firebase/firebase-account-controller.js +42 -0
- data/assets/js/firebase/firebase-login.js +4 -4
- data/assets/js/firebase/firebase-sdk.js +19 -0
- data/assets/js/firebase/firebase-special-offers.js +41 -0
- data/assets/node_modules/@fortawesome/fontawesome-free-brands/index.js +1221 -0
- data/assets/node_modules/@fortawesome/fontawesome-free-regular/index.js +489 -0
- data/assets/node_modules/@fortawesome/fontawesome-free-solid/index.js +2013 -0
- data/assets/node_modules/@fortawesome/fontawesome/index.js +1823 -0
- data/assets/node_modules/@fortawesome/fontawesome/styles.css +345 -0
- data/assets/node_modules/bootstrap/dist/css/bootstrap.min.css +5 -3
- data/assets/node_modules/bootstrap/dist/css/bootstrap.min.css.map +1 -0
- data/assets/node_modules/bootstrap/dist/js/bootstrap.min.js +6 -5
- data/assets/node_modules/bootstrap/dist/js/bootstrap.min.js.map +1 -0
- data/assets/node_modules/bootstrap/scss/_badge.scss +54 -0
- data/assets/node_modules/bootstrap/scss/_buttons.scss +139 -0
- data/assets/node_modules/bootstrap/scss/_functions.scss +134 -0
- data/assets/node_modules/bootstrap/scss/_nav.scss +120 -0
- data/assets/node_modules/bootstrap/scss/_reboot.scss +482 -0
- data/assets/node_modules/bootstrap/scss/_variables.scss +1143 -0
- data/assets/node_modules/bootstrap/scss/mixins/_background-variant.scss +22 -0
- data/assets/node_modules/bootstrap/scss/mixins/_badge.scss +17 -0
- data/assets/node_modules/bootstrap/scss/mixins/_border-radius.scss +63 -0
- data/assets/node_modules/bootstrap/scss/mixins/_box-shadow.scss +20 -0
- data/assets/node_modules/bootstrap/scss/mixins/_breakpoints.scss +123 -0
- data/assets/node_modules/bootstrap/scss/mixins/_buttons.scss +110 -0
- data/assets/node_modules/bootstrap/scss/mixins/_deprecate.scss +10 -0
- data/assets/node_modules/bootstrap/scss/mixins/_gradients.scss +45 -0
- data/assets/node_modules/bootstrap/scss/mixins/_hover.scss +37 -0
- data/assets/node_modules/bootstrap/scss/mixins/_text-emphasis.scss +17 -0
- data/assets/node_modules/bootstrap/scss/mixins/_text-hide.scss +11 -0
- data/assets/node_modules/bootstrap/scss/mixins/_text-truncate.scss +8 -0
- data/assets/node_modules/bootstrap/scss/mixins/_transition.scss +16 -0
- data/assets/node_modules/bootstrap/scss/utilities/_background.scss +19 -0
- data/assets/node_modules/bootstrap/scss/utilities/_text.scss +72 -0
- data/assets/node_modules/bootstrap/scss/vendor/_rfs.scss +204 -0
- data/assets/node_modules/firebase/firebase-app.js +2 -0
- data/assets/node_modules/firebase/firebase-app.js.map +1 -0
- data/assets/node_modules/firebase/firebase-auth.js +2 -0
- data/assets/node_modules/firebase/firebase-auth.js.map +1 -0
- data/assets/node_modules/firebase/firebase-firestore.js +2 -0
- data/assets/node_modules/firebase/firebase-firestore.js.map +1 -0
- data/assets/node_modules/flag-icon-css/flags/1x1/br.svg +41 -41
- data/assets/node_modules/flag-icon-css/flags/1x1/mx.svg +371 -378
- data/assets/node_modules/flag-icon-css/flags/1x1/us.svg +2 -2
- data/assets/node_modules/flag-icon-css/sass/_flag-icon-list.scss +265 -249
- data/assets/node_modules/flag-icon-css/sass/_variables.scss +1 -1
- data/assets/node_modules/flag-icon-css/sass/flag-icon.scss +3 -4
- data/assets/node_modules/isotope-layout/dist/isotope.pkgd.min.js +12 -0
- data/assets/node_modules/jquery.stellar/jquery.stellar.min.js +9 -0
- data/assets/node_modules/jquery/dist/jquery.min.js +2 -0
- data/assets/node_modules/jquery/dist/jquery.min.map +1 -0
- data/assets/node_modules/jspdf/dist/jspdf.min.js +149 -88
- data/assets/node_modules/lightslider/dist/css/lightslider.min.css +3 -0
- data/assets/node_modules/lightslider/dist/img/controls.png +0 -0
- data/assets/node_modules/lightslider/dist/js/lightslider.min.js +4 -0
- data/assets/node_modules/lunr/lunr.min.js +6 -0
- data/assets/node_modules/vue/dist/vue.min.js +3 -3
- data/assets/vendors/revolution-slider/assets/coloredbg.png +0 -0
- data/assets/vendors/revolution-slider/assets/shadow3.png +0 -0
- data/assets/vendors/revolution-slider/css/settings.css +1480 -0
- data/assets/vendors/revolution-slider/font/revicons.svg +54 -0
- data/assets/vendors/revolution-slider/font/revicons.woff +0 -0
- data/assets/vendors/revolution-slider/js/jquery.themepunch.revolution.min.js +11 -0
- data/assets/vendors/revolution-slider/js/jquery.themepunch.tools.min.js +138 -0
- data/assets/vendors/revolution-slider/js/settings.js +110 -0
- data/assets/vendors/themeforest/fonts/social-icons.eot +0 -0
- data/assets/vendors/themeforest/fonts/social-icons.svg +403 -0
- data/assets/vendors/themeforest/fonts/social-icons.ttf +0 -0
- data/assets/vendors/themeforest/fonts/social-icons.woff +0 -0
- data/assets/vendors/themeforest/progressive/css/animate.css +1582 -0
- data/assets/vendors/themeforest/progressive/css/base.css +278 -0
- data/assets/vendors/themeforest/progressive/css/buttons.css +272 -0
- data/assets/vendors/themeforest/progressive/css/cms.css +289 -0
- data/assets/vendors/themeforest/progressive/css/responsive.css +2111 -0
- data/assets/vendors/themeforest/progressive/css/social-icons.css +130 -0
- data/assets/vendors/themeforest/progressive/css/style.css +9521 -0
- data/assets/vendors/themeforest/progressive/images/svg/loader.svg +34 -0
- data/assets/vendors/themeforest/progressive/js/jquery.appear.js +150 -0
- data/assets/vendors/themeforest/progressive/js/main.js +2176 -0
- metadata +189 -40
- data/_includes/body/footer.html +0 -0
- data/_includes/body/footer/buttons.html +0 -40
- data/_includes/body/header.html +0 -0
- data/_includes/body/header/logo.html +0 -5
- data/_includes/body/header/search-contact-phone-buttons.html +0 -29
- data/_includes/body/header/top-bar.html +0 -20
- data/_includes/body/scripts.html +0 -41
- data/_includes/head/firebase/sdk.html +0 -4
- data/_includes/head/google-analytics.html +0 -0
- data/_includes/head/scripts.html +0 -9
- data/_includes/head/style.html +0 -50
- data/_sass/components/navbars/_vg_progressive.scss +0 -44
- data/_sass/layouts/_grid.scss +0 -13
- data/assets/css/main.scss +0 -23
- data/assets/js/bootstrap/nav-tabs.js +0 -36
- data/assets/node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.svg +0 -229
- data/assets/node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/assets/node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff +0 -0
- data/assets/node_modules/flag-icon-css/sass/_flag-icon-more.scss +0 -7
- data/assets/node_modules/font-awesome/css/font-awesome.min.css +0 -4
- data/assets/node_modules/font-awesome/fonts/fontawesome-webfont.eot +0 -0
- data/assets/node_modules/font-awesome/fonts/fontawesome-webfont.svg +0 -2671
- data/assets/node_modules/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/node_modules/font-awesome/fonts/fontawesome-webfont.woff +0 -0
- data/assets/node_modules/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
- data/assets/node_modules/jquery/dist/cdn/jquery.min.js +0 -4
@@ -0,0 +1,22 @@
|
|
1
|
+
// stylelint-disable declaration-no-important
|
2
|
+
|
3
|
+
// Contextual backgrounds
|
4
|
+
|
5
|
+
@mixin bg-variant($parent, $color, $ignore-warning: false) {
|
6
|
+
#{$parent} {
|
7
|
+
background-color: $color !important;
|
8
|
+
}
|
9
|
+
a#{$parent},
|
10
|
+
button#{$parent} {
|
11
|
+
@include hover-focus() {
|
12
|
+
background-color: darken($color, 10%) !important;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
@include deprecate("The `bg-variant` mixin", "v4.4.0", "v5", $ignore-warning);
|
16
|
+
}
|
17
|
+
|
18
|
+
@mixin bg-gradient-variant($parent, $color) {
|
19
|
+
#{$parent} {
|
20
|
+
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
|
21
|
+
}
|
22
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
@mixin badge-variant($bg) {
|
2
|
+
color: color-yiq($bg);
|
3
|
+
background-color: $bg;
|
4
|
+
|
5
|
+
@at-root a#{&} {
|
6
|
+
@include hover-focus() {
|
7
|
+
color: color-yiq($bg);
|
8
|
+
background-color: darken($bg, 10%);
|
9
|
+
}
|
10
|
+
|
11
|
+
&:focus,
|
12
|
+
&.focus {
|
13
|
+
outline: 0;
|
14
|
+
box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
|
15
|
+
}
|
16
|
+
}
|
17
|
+
}
|
@@ -0,0 +1,63 @@
|
|
1
|
+
// stylelint-disable property-blacklist
|
2
|
+
// Single side border-radius
|
3
|
+
|
4
|
+
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
5
|
+
@if $enable-rounded {
|
6
|
+
border-radius: $radius;
|
7
|
+
}
|
8
|
+
@else if $fallback-border-radius != false {
|
9
|
+
border-radius: $fallback-border-radius;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
@mixin border-top-radius($radius) {
|
14
|
+
@if $enable-rounded {
|
15
|
+
border-top-left-radius: $radius;
|
16
|
+
border-top-right-radius: $radius;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
|
20
|
+
@mixin border-right-radius($radius) {
|
21
|
+
@if $enable-rounded {
|
22
|
+
border-top-right-radius: $radius;
|
23
|
+
border-bottom-right-radius: $radius;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
@mixin border-bottom-radius($radius) {
|
28
|
+
@if $enable-rounded {
|
29
|
+
border-bottom-right-radius: $radius;
|
30
|
+
border-bottom-left-radius: $radius;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
@mixin border-left-radius($radius) {
|
35
|
+
@if $enable-rounded {
|
36
|
+
border-top-left-radius: $radius;
|
37
|
+
border-bottom-left-radius: $radius;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
@mixin border-top-left-radius($radius) {
|
42
|
+
@if $enable-rounded {
|
43
|
+
border-top-left-radius: $radius;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
@mixin border-top-right-radius($radius) {
|
48
|
+
@if $enable-rounded {
|
49
|
+
border-top-right-radius: $radius;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
@mixin border-bottom-right-radius($radius) {
|
54
|
+
@if $enable-rounded {
|
55
|
+
border-bottom-right-radius: $radius;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
|
59
|
+
@mixin border-bottom-left-radius($radius) {
|
60
|
+
@if $enable-rounded {
|
61
|
+
border-bottom-left-radius: $radius;
|
62
|
+
}
|
63
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
@mixin box-shadow($shadow...) {
|
2
|
+
@if $enable-shadows {
|
3
|
+
$result: ();
|
4
|
+
|
5
|
+
@if (length($shadow) == 1) {
|
6
|
+
// We can pass `@include box-shadow(none);`
|
7
|
+
$result: $shadow;
|
8
|
+
} @else {
|
9
|
+
// Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`
|
10
|
+
@for $i from 1 through length($shadow) {
|
11
|
+
@if nth($shadow, $i) != "none" {
|
12
|
+
$result: append($result, nth($shadow, $i), "comma");
|
13
|
+
}
|
14
|
+
}
|
15
|
+
}
|
16
|
+
@if (length($result) > 0) {
|
17
|
+
box-shadow: $result;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
}
|
@@ -0,0 +1,123 @@
|
|
1
|
+
// Breakpoint viewport sizes and media queries.
|
2
|
+
//
|
3
|
+
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
|
4
|
+
//
|
5
|
+
// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
|
6
|
+
//
|
7
|
+
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
|
8
|
+
|
9
|
+
// Name of the next breakpoint, or null for the last breakpoint.
|
10
|
+
//
|
11
|
+
// >> breakpoint-next(sm)
|
12
|
+
// md
|
13
|
+
// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
14
|
+
// md
|
15
|
+
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
|
16
|
+
// md
|
17
|
+
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
|
18
|
+
$n: index($breakpoint-names, $name);
|
19
|
+
@return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
|
20
|
+
}
|
21
|
+
|
22
|
+
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
|
23
|
+
//
|
24
|
+
// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
25
|
+
// 576px
|
26
|
+
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
|
27
|
+
$min: map-get($breakpoints, $name);
|
28
|
+
@return if($min != 0, $min, null);
|
29
|
+
}
|
30
|
+
|
31
|
+
// Maximum breakpoint width. Null for the largest (last) breakpoint.
|
32
|
+
// The maximum value is calculated as the minimum of the next one less 0.02px
|
33
|
+
// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
|
34
|
+
// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
|
35
|
+
// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
|
36
|
+
// See https://bugs.webkit.org/show_bug.cgi?id=178261
|
37
|
+
//
|
38
|
+
// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
39
|
+
// 767.98px
|
40
|
+
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
|
41
|
+
$next: breakpoint-next($name, $breakpoints);
|
42
|
+
@return if($next, breakpoint-min($next, $breakpoints) - .02, null);
|
43
|
+
}
|
44
|
+
|
45
|
+
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
|
46
|
+
// Useful for making responsive utilities.
|
47
|
+
//
|
48
|
+
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
49
|
+
// "" (Returns a blank string)
|
50
|
+
// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
51
|
+
// "-sm"
|
52
|
+
@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
|
53
|
+
@return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
|
54
|
+
}
|
55
|
+
|
56
|
+
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
|
57
|
+
// Makes the @content apply to the given breakpoint and wider.
|
58
|
+
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
|
59
|
+
$min: breakpoint-min($name, $breakpoints);
|
60
|
+
@if $min {
|
61
|
+
@media (min-width: $min) {
|
62
|
+
@content;
|
63
|
+
}
|
64
|
+
} @else {
|
65
|
+
@content;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
|
69
|
+
// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
|
70
|
+
// Makes the @content apply to the given breakpoint and narrower.
|
71
|
+
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
|
72
|
+
$max: breakpoint-max($name, $breakpoints);
|
73
|
+
@if $max {
|
74
|
+
@media (max-width: $max) {
|
75
|
+
@content;
|
76
|
+
}
|
77
|
+
} @else {
|
78
|
+
@content;
|
79
|
+
}
|
80
|
+
}
|
81
|
+
|
82
|
+
// Media that spans multiple breakpoint widths.
|
83
|
+
// Makes the @content apply between the min and max breakpoints
|
84
|
+
@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
|
85
|
+
$min: breakpoint-min($lower, $breakpoints);
|
86
|
+
$max: breakpoint-max($upper, $breakpoints);
|
87
|
+
|
88
|
+
@if $min != null and $max != null {
|
89
|
+
@media (min-width: $min) and (max-width: $max) {
|
90
|
+
@content;
|
91
|
+
}
|
92
|
+
} @else if $max == null {
|
93
|
+
@include media-breakpoint-up($lower, $breakpoints) {
|
94
|
+
@content;
|
95
|
+
}
|
96
|
+
} @else if $min == null {
|
97
|
+
@include media-breakpoint-down($upper, $breakpoints) {
|
98
|
+
@content;
|
99
|
+
}
|
100
|
+
}
|
101
|
+
}
|
102
|
+
|
103
|
+
// Media between the breakpoint's minimum and maximum widths.
|
104
|
+
// No minimum for the smallest breakpoint, and no maximum for the largest one.
|
105
|
+
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
|
106
|
+
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
|
107
|
+
$min: breakpoint-min($name, $breakpoints);
|
108
|
+
$max: breakpoint-max($name, $breakpoints);
|
109
|
+
|
110
|
+
@if $min != null and $max != null {
|
111
|
+
@media (min-width: $min) and (max-width: $max) {
|
112
|
+
@content;
|
113
|
+
}
|
114
|
+
} @else if $max == null {
|
115
|
+
@include media-breakpoint-up($name, $breakpoints) {
|
116
|
+
@content;
|
117
|
+
}
|
118
|
+
} @else if $min == null {
|
119
|
+
@include media-breakpoint-down($name, $breakpoints) {
|
120
|
+
@content;
|
121
|
+
}
|
122
|
+
}
|
123
|
+
}
|
@@ -0,0 +1,110 @@
|
|
1
|
+
// Button variants
|
2
|
+
//
|
3
|
+
// Easily pump out default styles, as well as :hover, :focus, :active,
|
4
|
+
// and disabled options for all buttons
|
5
|
+
|
6
|
+
@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
|
7
|
+
color: color-yiq($background);
|
8
|
+
@include gradient-bg($background);
|
9
|
+
border-color: $border;
|
10
|
+
@include box-shadow($btn-box-shadow);
|
11
|
+
|
12
|
+
@include hover() {
|
13
|
+
color: color-yiq($hover-background);
|
14
|
+
@include gradient-bg($hover-background);
|
15
|
+
border-color: $hover-border;
|
16
|
+
}
|
17
|
+
|
18
|
+
&:focus,
|
19
|
+
&.focus {
|
20
|
+
color: color-yiq($hover-background);
|
21
|
+
@include gradient-bg($hover-background);
|
22
|
+
border-color: $hover-border;
|
23
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
24
|
+
@if $enable-shadows {
|
25
|
+
box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
26
|
+
} @else {
|
27
|
+
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
// Disabled comes first so active can properly restyle
|
32
|
+
&.disabled,
|
33
|
+
&:disabled {
|
34
|
+
color: color-yiq($background);
|
35
|
+
background-color: $background;
|
36
|
+
border-color: $border;
|
37
|
+
// Remove CSS gradients if they're enabled
|
38
|
+
@if $enable-gradients {
|
39
|
+
background-image: none;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
&:not(:disabled):not(.disabled):active,
|
44
|
+
&:not(:disabled):not(.disabled).active,
|
45
|
+
.show > &.dropdown-toggle {
|
46
|
+
color: color-yiq($active-background);
|
47
|
+
background-color: $active-background;
|
48
|
+
@if $enable-gradients {
|
49
|
+
background-image: none; // Remove the gradient for the pressed/active state
|
50
|
+
}
|
51
|
+
border-color: $active-border;
|
52
|
+
|
53
|
+
&:focus {
|
54
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
55
|
+
@if $enable-shadows and $btn-active-box-shadow != none {
|
56
|
+
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
57
|
+
} @else {
|
58
|
+
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
59
|
+
}
|
60
|
+
}
|
61
|
+
}
|
62
|
+
}
|
63
|
+
|
64
|
+
@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
|
65
|
+
color: $color;
|
66
|
+
border-color: $color;
|
67
|
+
|
68
|
+
@include hover() {
|
69
|
+
color: $color-hover;
|
70
|
+
background-color: $active-background;
|
71
|
+
border-color: $active-border;
|
72
|
+
}
|
73
|
+
|
74
|
+
&:focus,
|
75
|
+
&.focus {
|
76
|
+
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
77
|
+
}
|
78
|
+
|
79
|
+
&.disabled,
|
80
|
+
&:disabled {
|
81
|
+
color: $color;
|
82
|
+
background-color: transparent;
|
83
|
+
}
|
84
|
+
|
85
|
+
&:not(:disabled):not(.disabled):active,
|
86
|
+
&:not(:disabled):not(.disabled).active,
|
87
|
+
.show > &.dropdown-toggle {
|
88
|
+
color: color-yiq($active-background);
|
89
|
+
background-color: $active-background;
|
90
|
+
border-color: $active-border;
|
91
|
+
|
92
|
+
&:focus {
|
93
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
94
|
+
@if $enable-shadows and $btn-active-box-shadow != none {
|
95
|
+
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
|
96
|
+
} @else {
|
97
|
+
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
98
|
+
}
|
99
|
+
}
|
100
|
+
}
|
101
|
+
}
|
102
|
+
|
103
|
+
// Button sizes
|
104
|
+
@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
|
105
|
+
padding: $padding-y $padding-x;
|
106
|
+
@include font-size($font-size);
|
107
|
+
line-height: $line-height;
|
108
|
+
// Manually declare to provide an override to the browser default
|
109
|
+
@include border-radius($border-radius, 0);
|
110
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
// Deprecate mixin
|
2
|
+
//
|
3
|
+
// This mixin can be used to deprecate mixins or functions.
|
4
|
+
// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
|
5
|
+
// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
|
6
|
+
@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
|
7
|
+
@if ($enable-deprecation-messages != false and $ignore-warning != true) {
|
8
|
+
@warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
|
9
|
+
}
|
10
|
+
}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
// Gradients
|
2
|
+
|
3
|
+
@mixin gradient-bg($color) {
|
4
|
+
@if $enable-gradients {
|
5
|
+
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
|
6
|
+
} @else {
|
7
|
+
background-color: $color;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
|
11
|
+
// Horizontal gradient, from left to right
|
12
|
+
//
|
13
|
+
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
14
|
+
@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
|
15
|
+
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
|
16
|
+
background-repeat: repeat-x;
|
17
|
+
}
|
18
|
+
|
19
|
+
// Vertical gradient, from top to bottom
|
20
|
+
//
|
21
|
+
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
22
|
+
@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
|
23
|
+
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
|
24
|
+
background-repeat: repeat-x;
|
25
|
+
}
|
26
|
+
|
27
|
+
@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
|
28
|
+
background-image: linear-gradient($deg, $start-color, $end-color);
|
29
|
+
background-repeat: repeat-x;
|
30
|
+
}
|
31
|
+
@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
|
32
|
+
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
|
33
|
+
background-repeat: no-repeat;
|
34
|
+
}
|
35
|
+
@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
|
36
|
+
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
37
|
+
background-repeat: no-repeat;
|
38
|
+
}
|
39
|
+
@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
|
40
|
+
background-image: radial-gradient(circle, $inner-color, $outer-color);
|
41
|
+
background-repeat: no-repeat;
|
42
|
+
}
|
43
|
+
@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
|
44
|
+
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
45
|
+
}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
// Hover mixin and `$enable-hover-media-query` are deprecated.
|
2
|
+
//
|
3
|
+
// Originally added during our alphas and maintained during betas, this mixin was
|
4
|
+
// designed to prevent `:hover` stickiness on iOS-an issue where hover styles
|
5
|
+
// would persist after initial touch.
|
6
|
+
//
|
7
|
+
// For backward compatibility, we've kept these mixins and updated them to
|
8
|
+
// always return their regular pseudo-classes instead of a shimmed media query.
|
9
|
+
//
|
10
|
+
// Issue: https://github.com/twbs/bootstrap/issues/25195
|
11
|
+
|
12
|
+
@mixin hover() {
|
13
|
+
&:hover { @content; }
|
14
|
+
}
|
15
|
+
|
16
|
+
@mixin hover-focus() {
|
17
|
+
&:hover,
|
18
|
+
&:focus {
|
19
|
+
@content;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
@mixin plain-hover-focus() {
|
24
|
+
&,
|
25
|
+
&:hover,
|
26
|
+
&:focus {
|
27
|
+
@content;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
@mixin hover-focus-active() {
|
32
|
+
&:hover,
|
33
|
+
&:focus,
|
34
|
+
&:active {
|
35
|
+
@content;
|
36
|
+
}
|
37
|
+
}
|