linaro-jekyll-theme 0.1.2 → 0.1.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +52 -19
- data/_data/authors.yml +7 -0
- data/_data/company.yml +29 -0
- data/_data/footer.yml +111 -0
- data/_data/linaro.yml +4 -0
- data/_data/members_db.yaml +115 -0
- data/_data/nav.yml +62 -0
- data/_data/news.yaml +230 -0
- data/_data/sub-nav-stacked.yml +67 -0
- data/_data/sub-nav.yml +61 -0
- data/_includes/_theme-includes/_blog/pagination.html +1 -1
- data/_includes/_theme-includes/_footer/footer.html +54 -23
- data/_includes/_theme-includes/_head/head.html +15 -7
- data/_includes/_theme-includes/_navigation/nav.html +62 -14
- data/_includes/_theme-includes/_navigation/stacked-nav.html +20 -0
- data/_includes/_theme-includes/_navigation/tabbed-nav.html +35 -0
- data/_includes/_theme-includes/_page-structure/breadcrumb.html +77 -27
- data/_includes/_theme-includes/_page-structure/home-hero-shape.html +34 -0
- data/_includes/_theme-includes/_page-structure/home-hero.html +23 -0
- data/_includes/_theme-includes/_page-structure/shape-divider.html +12 -0
- data/_includes/_theme-includes/_script-includes/css.html +40 -1
- data/_includes/_theme-includes/_script-includes/google-analytics/script.html +10 -0
- data/_includes/_theme-includes/_script-includes/gtm/gtm-noscript.html +2 -1
- data/_includes/_theme-includes/_script-includes/gtm/gtm-script.html +9 -7
- data/_includes/_theme-includes/_script-includes/javascript.html +50 -2
- data/_includes/_theme-includes/_third-party/disqus.html +1 -1
- data/_includes/_theme-includes/_third-party/mailchimp-homepage.html +1 -6
- data/_includes/_theme-includes/members.html +3 -3
- data/_includes/image.html +6 -1
- data/_includes/media.html +9 -1
- data/_includes/youtube.html +7 -0
- data/{assets/vendor.js → _layouts/about.html} +0 -0
- data/_layouts/accessory-display-page.html +88 -0
- data/_layouts/blog-breadcrumbless.html +49 -0
- data/_layouts/blog.html +56 -0
- data/_layouts/contact.html +10 -0
- data/_layouts/default-empty.html +11 -0
- data/_layouts/default-no-sub-nav.html +15 -0
- data/_layouts/default-plain.html +16 -0
- data/_layouts/default-stacked-breadcrumb.html +23 -0
- data/_layouts/default-stacked.html +22 -0
- data/_layouts/default.html +20 -0
- data/_layouts/empty.html +10 -0
- data/_layouts/{plain-page.html → fluid-no-sub-nav.html} +2 -2
- data/_layouts/fluid.html +15 -0
- data/_layouts/home-shape.html +18 -0
- data/_layouts/home.html +18 -0
- data/_layouts/post.html +146 -0
- data/_layouts/product-display-page.html +262 -0
- data/_layouts/project-display-page.html +28 -0
- data/_sass/bootstrap/_variables.scss +28 -5
- data/{_assets/css → _sass}/core/animations.scss +0 -0
- data/{_assets/css → _sass}/core/blog.scss +36 -25
- data/{_assets/css → _sass}/core/breadcrumb.scss +20 -1
- data/_sass/core/carousel-styles.scss +3 -0
- data/{_assets/css → _sass}/core/carousel.scss +0 -0
- data/{_assets/css → _sass}/core/cookieconsent.scss +31 -2
- data/_sass/core/custom.scss +3 -0
- data/{_assets/css → _sass}/core/fa.scss +7 -2
- data/{_assets/css → _sass}/core/flipclock.scss +0 -0
- data/{_assets/css → _sass}/core/font-awesome.min.scss +0 -0
- data/{_assets/css → _sass}/core/fonts.scss +0 -0
- data/{_assets/css → _sass}/core/footer.scss +55 -13
- data/_sass/core/homepage.scss +40 -0
- data/{_assets/css → _sass}/core/lightbox.scss +0 -0
- data/{_assets/css → _sass}/core/nav.scss +136 -15
- data/{_assets/css → _sass}/core/openhours.scss +0 -0
- data/{_assets/css → _sass}/core/owl.carousel.min.scss +1 -1
- data/{_assets/css → _sass}/core/owl.theme.default.min.scss +0 -0
- data/{_assets/css → _sass}/core/products.scss +1 -1
- data/{_assets/css → _sass}/core/projects.scss +0 -0
- data/{_assets/css → _sass}/core/social-media-icons.scss +0 -0
- data/{_assets/css → _sass}/core/syntax.scss +0 -0
- data/{_assets/css → _sass}/core/tables.scss +38 -0
- data/_sass/core/theme.scss +538 -0
- data/_sass/custom.scss +0 -0
- data/assets/css/main-blog.scss +19 -0
- data/assets/css/main-home.scss +16 -0
- data/assets/css/main-lightbox.scss +22 -0
- data/assets/css/main-openhours.scss +19 -0
- data/assets/css/main-products.scss +20 -0
- data/assets/css/main-projects.scss +20 -0
- data/{_assets → assets}/css/main.scss +6 -0
- data/assets/fonts/fontawesome-webfont.eot +0 -0
- data/assets/fonts/fontawesome-webfont.svg +2671 -0
- data/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/fontawesome-webfont.woff +0 -0
- data/assets/fonts/fontawesome-webfont.woff2 +0 -0
- data/assets/fonts/fontello.eot +0 -0
- data/assets/fonts/fontello.svg +44 -0
- data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
- data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
- data/assets/fonts/lato-regular/LICENSE.txt +93 -0
- data/assets/fonts/lato-regular/Lato-regular.eot +0 -0
- data/assets/fonts/lato-regular/Lato-regular.svg +435 -0
- data/assets/fonts/lato-regular/Lato-regular.ttf +0 -0
- data/assets/fonts/lato-regular/Lato-regular.woff +0 -0
- data/assets/fonts/lato-regular/Lato-regular.woff2 +0 -0
- data/{_assets → assets}/images/96boards-Logo.svg +0 -0
- data/{_assets → assets}/images/Linaro-Logo_light.png +0 -0
- data/{_assets → assets}/images/Linaro-Logo_standard.svg +0 -0
- data/{_assets → assets}/images/Linaro-Sprinkle.svg +0 -0
- data/assets/images/avatar-placeholder.png +0 -0
- data/assets/images/background-image.jpg +0 -0
- data/assets/images/banner.jpg +0 -0
- data/assets/images/close.png +0 -0
- data/assets/images/css3.png +0 -0
- data/assets/images/favicon.ico +0 -0
- data/assets/images/favicon.png +0 -0
- data/assets/images/html5.png +0 -0
- data/assets/images/jekyll.svg +1 -0
- data/assets/images/js.jpeg +0 -0
- data/assets/images/loading.gif +0 -0
- data/assets/images/next.png +0 -0
- data/assets/images/owl.video.play.png +0 -0
- data/assets/images/placeholder.png +0 -0
- data/assets/images/prev.png +0 -0
- data/assets/images/social-media-image.png +0 -0
- data/assets/js/app/main.js +16 -23
- data/{_assets/js/app/search-page.js → assets/js/app/search.js} +1 -1
- data/{_assets/js/app/sticky-navbar.js → assets/js/app/sticky.js} +0 -0
- data/assets/js/app/tables.js +8 -0
- data/assets/js/vendor/cognito-forms.js +150 -0
- data/assets/js/vendor/cookieconsent.min.js +2 -9
- data/assets/js/vendor/flipclock.min.js +33 -0
- data/assets/js/vendor/lightbox.min.js +14 -0
- data/robots.txt +9 -0
- metadata +156 -226
- data/_assets/css/_bootstrap-compass.scss +0 -9
- data/_assets/css/_bootstrap-mincer.scss +0 -19
- data/_assets/css/_bootstrap-sprockets.scss +0 -9
- data/_assets/css/_bootstrap.scss +0 -56
- data/_assets/css/blog-pages.scss +0 -5
- data/_assets/css/bootstrap/_alerts.scss +0 -73
- data/_assets/css/bootstrap/_badges.scss +0 -68
- data/_assets/css/bootstrap/_breadcrumbs.scss +0 -28
- data/_assets/css/bootstrap/_button-groups.scss +0 -244
- data/_assets/css/bootstrap/_buttons.scss +0 -168
- data/_assets/css/bootstrap/_carousel.scss +0 -270
- data/_assets/css/bootstrap/_close.scss +0 -36
- data/_assets/css/bootstrap/_code.scss +0 -69
- data/_assets/css/bootstrap/_component-animations.scss +0 -37
- data/_assets/css/bootstrap/_dropdowns.scss +0 -216
- data/_assets/css/bootstrap/_forms.scss +0 -617
- data/_assets/css/bootstrap/_glyphicons.scss +0 -307
- data/_assets/css/bootstrap/_grid.scss +0 -84
- data/_assets/css/bootstrap/_input-groups.scss +0 -171
- data/_assets/css/bootstrap/_jumbotron.scss +0 -54
- data/_assets/css/bootstrap/_labels.scss +0 -66
- data/_assets/css/bootstrap/_list-group.scss +0 -130
- data/_assets/css/bootstrap/_media.scss +0 -66
- data/_assets/css/bootstrap/_mixins.scss +0 -40
- data/_assets/css/bootstrap/_modals.scss +0 -150
- data/_assets/css/bootstrap/_navbar.scss +0 -662
- data/_assets/css/bootstrap/_navs.scss +0 -242
- data/_assets/css/bootstrap/_normalize.scss +0 -424
- data/_assets/css/bootstrap/_pager.scss +0 -54
- data/_assets/css/bootstrap/_pagination.scss +0 -89
- data/_assets/css/bootstrap/_panels.scss +0 -271
- data/_assets/css/bootstrap/_popovers.scss +0 -131
- data/_assets/css/bootstrap/_print.scss +0 -101
- data/_assets/css/bootstrap/_progress-bars.scss +0 -87
- data/_assets/css/bootstrap/_responsive-embed.scss +0 -35
- data/_assets/css/bootstrap/_responsive-utilities.scss +0 -179
- data/_assets/css/bootstrap/_scaffolding.scss +0 -161
- data/_assets/css/bootstrap/_tables.scss +0 -234
- data/_assets/css/bootstrap/_theme.scss +0 -291
- data/_assets/css/bootstrap/_thumbnails.scss +0 -38
- data/_assets/css/bootstrap/_tooltip.scss +0 -101
- data/_assets/css/bootstrap/_type.scss +0 -298
- data/_assets/css/bootstrap/_utilities.scss +0 -55
- data/_assets/css/bootstrap/_variables.scss +0 -874
- data/_assets/css/bootstrap/_wells.scss +0 -29
- data/_assets/css/bootstrap/mixins/_alerts.scss +0 -14
- data/_assets/css/bootstrap/mixins/_background-variant.scss +0 -12
- data/_assets/css/bootstrap/mixins/_border-radius.scss +0 -18
- data/_assets/css/bootstrap/mixins/_buttons.scss +0 -65
- data/_assets/css/bootstrap/mixins/_center-block.scss +0 -7
- data/_assets/css/bootstrap/mixins/_clearfix.scss +0 -22
- data/_assets/css/bootstrap/mixins/_forms.scss +0 -88
- data/_assets/css/bootstrap/mixins/_gradients.scss +0 -58
- data/_assets/css/bootstrap/mixins/_grid-framework.scss +0 -81
- data/_assets/css/bootstrap/mixins/_grid.scss +0 -122
- data/_assets/css/bootstrap/mixins/_hide-text.scss +0 -21
- data/_assets/css/bootstrap/mixins/_image.scss +0 -33
- data/_assets/css/bootstrap/mixins/_labels.scss +0 -12
- data/_assets/css/bootstrap/mixins/_list-group.scss +0 -32
- data/_assets/css/bootstrap/mixins/_nav-divider.scss +0 -10
- data/_assets/css/bootstrap/mixins/_nav-vertical-align.scss +0 -9
- data/_assets/css/bootstrap/mixins/_opacity.scss +0 -8
- data/_assets/css/bootstrap/mixins/_pagination.scss +0 -24
- data/_assets/css/bootstrap/mixins/_panels.scss +0 -24
- data/_assets/css/bootstrap/mixins/_progress-bar.scss +0 -10
- data/_assets/css/bootstrap/mixins/_reset-filter.scss +0 -8
- data/_assets/css/bootstrap/mixins/_reset-text.scss +0 -18
- data/_assets/css/bootstrap/mixins/_resize.scss +0 -6
- data/_assets/css/bootstrap/mixins/_responsive-visibility.scss +0 -21
- data/_assets/css/bootstrap/mixins/_size.scss +0 -10
- data/_assets/css/bootstrap/mixins/_tab-focus.scss +0 -9
- data/_assets/css/bootstrap/mixins/_table-row.scss +0 -28
- data/_assets/css/bootstrap/mixins/_text-emphasis.scss +0 -12
- data/_assets/css/bootstrap/mixins/_text-overflow.scss +0 -8
- data/_assets/css/bootstrap/mixins/_vendor-prefixes.scss +0 -222
- data/_assets/css/core/critical.scss +0 -991
- data/_assets/css/core/homepage.scss +0 -16
- data/_assets/css/core/members-sprite.scss +0 -425
- data/_assets/css/core/theme.scss +0 -244
- data/_assets/css/documentation-pages.scss +0 -3
- data/_assets/css/home-page.scss +0 -3
- data/_assets/css/openhours-page.scss +0 -4
- data/_assets/css/products-pages.scss +0 -5
- data/_assets/css/projects-pages.scss +0 -5
- data/_assets/js/app/96boards.js +0 -133
- data/_assets/js/app/mixitup.js +0 -23
- data/_assets/js/app.js +0 -5
- data/_assets/js/vendor/bootstrap.min.js +0 -7
- data/_assets/js/vendor/cookieconsent.min.js +0 -15
- data/_assets/js/vendor/filtrify.js +0 -11
- data/_assets/js/vendor/flipclock.min.js +0 -2
- data/_assets/js/vendor/jquery.min.js +0 -4
- data/_assets/js/vendor/lazysizes.min.js +0 -2
- data/_assets/js/vendor/lightbox.js +0 -519
- data/_assets/js/vendor/loadCSS.js +0 -35
- data/_assets/js/vendor/loadCSS.min.js +0 -2
- data/_assets/js/vendor/mc-validate.js +0 -14
- data/_assets/js/vendor/owl.carousel.min.js +0 -27
- data/_assets/js/vendor/picturefill.min.js +0 -5
- data/_assets/js/vendor/shuffle.js +0 -2004
- data/_assets/js/vendor.js +0 -6
- data/_includes/_theme-includes/_footer/backup.html +0 -71
- data/_includes/_theme-includes/_head/ascii-art.html +0 -11
- data/_includes/_theme-includes/_navigation/_sub-navigation/tabbed-nav.html +0 -150
- data/_includes/_theme-includes/_page-structure/old-breadcrumb.html +0 -139
- data/_includes/_theme-includes/_third-party/mailchimp-sub-footer.html +0 -40
- data/_layouts/empty-container-page.html +0 -13
- data/_sass/animations.scss +0 -125
- data/_sass/blog.scss +0 -188
- data/_sass/breadcrumb.scss +0 -48
- data/_sass/carousel.scss +0 -122
- data/_sass/cookieconsent.scss +0 -13
- data/_sass/critical.scss +0 -991
- data/_sass/fa.scss +0 -2331
- data/_sass/flipclock.scss +0 -435
- data/_sass/font-awesome.min.scss +0 -4
- data/_sass/fonts.scss +0 -7
- data/_sass/footer.scss +0 -76
- data/_sass/lightbox.scss +0 -213
- data/_sass/members-sprite.scss +0 -425
- data/_sass/nav.scss +0 -533
- data/_sass/openhours.scss +0 -51
- data/_sass/owl.carousel.min.scss +0 -6
- data/_sass/owl.theme.default.min.scss +0 -6
- data/_sass/products.scss +0 -214
- data/_sass/projects.scss +0 -34
- data/_sass/social-media-icons.scss +0 -71
- data/_sass/syntax.scss +0 -65
- data/_sass/tables.scss +0 -87
- data/_sass/theme.scss +0 -208
- data/assets/js/app/mixitup.js +0 -23
- data/assets/js/app/search-page.js +0 -41
- data/assets/js/app/sticky-navbar.js +0 -65
- data/assets/js/vendor/lightbox.js +0 -519
- data/assets/js/vendor/picturefill.min.js +0 -5
- data/assets/js/vendor/shuffle.js +0 -2004
@@ -1,29 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Wells
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Base class
|
7
|
-
.well {
|
8
|
-
min-height: 20px;
|
9
|
-
padding: 19px;
|
10
|
-
margin-bottom: 20px;
|
11
|
-
background-color: $well-bg;
|
12
|
-
border: 1px solid $well-border;
|
13
|
-
border-radius: $border-radius-base;
|
14
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
15
|
-
blockquote {
|
16
|
-
border-color: #ddd;
|
17
|
-
border-color: rgba(0,0,0,.15);
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
// Sizes
|
22
|
-
.well-lg {
|
23
|
-
padding: 24px;
|
24
|
-
border-radius: $border-radius-large;
|
25
|
-
}
|
26
|
-
.well-sm {
|
27
|
-
padding: 9px;
|
28
|
-
border-radius: $border-radius-small;
|
29
|
-
}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
// Alerts
|
2
|
-
|
3
|
-
@mixin alert-variant($background, $border, $text-color) {
|
4
|
-
background-color: $background;
|
5
|
-
border-color: $border;
|
6
|
-
color: $text-color;
|
7
|
-
|
8
|
-
hr {
|
9
|
-
border-top-color: darken($border, 5%);
|
10
|
-
}
|
11
|
-
.alert-link {
|
12
|
-
color: darken($text-color, 10%);
|
13
|
-
}
|
14
|
-
}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
// Single side border-radius
|
2
|
-
|
3
|
-
@mixin border-top-radius($radius) {
|
4
|
-
border-top-right-radius: $radius;
|
5
|
-
border-top-left-radius: $radius;
|
6
|
-
}
|
7
|
-
@mixin border-right-radius($radius) {
|
8
|
-
border-bottom-right-radius: $radius;
|
9
|
-
border-top-right-radius: $radius;
|
10
|
-
}
|
11
|
-
@mixin border-bottom-radius($radius) {
|
12
|
-
border-bottom-right-radius: $radius;
|
13
|
-
border-bottom-left-radius: $radius;
|
14
|
-
}
|
15
|
-
@mixin border-left-radius($radius) {
|
16
|
-
border-bottom-left-radius: $radius;
|
17
|
-
border-top-left-radius: $radius;
|
18
|
-
}
|
@@ -1,65 +0,0 @@
|
|
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($color, $background, $border) {
|
7
|
-
color: $color;
|
8
|
-
background-color: $background;
|
9
|
-
border-color: $border;
|
10
|
-
|
11
|
-
&:focus,
|
12
|
-
&.focus {
|
13
|
-
color: $color;
|
14
|
-
background-color: darken($background, 10%);
|
15
|
-
border-color: darken($border, 25%);
|
16
|
-
}
|
17
|
-
&:hover {
|
18
|
-
color: $color;
|
19
|
-
background-color: darken($background, 10%);
|
20
|
-
border-color: darken($border, 12%);
|
21
|
-
}
|
22
|
-
&:active,
|
23
|
-
&.active,
|
24
|
-
.open > &.dropdown-toggle {
|
25
|
-
color: $color;
|
26
|
-
background-color: darken($background, 10%);
|
27
|
-
border-color: darken($border, 12%);
|
28
|
-
|
29
|
-
&:hover,
|
30
|
-
&:focus,
|
31
|
-
&.focus {
|
32
|
-
color: $color;
|
33
|
-
background-color: darken($background, 17%);
|
34
|
-
border-color: darken($border, 25%);
|
35
|
-
}
|
36
|
-
}
|
37
|
-
&:active,
|
38
|
-
&.active,
|
39
|
-
.open > &.dropdown-toggle {
|
40
|
-
background-image: none;
|
41
|
-
}
|
42
|
-
&.disabled,
|
43
|
-
&[disabled],
|
44
|
-
fieldset[disabled] & {
|
45
|
-
&:hover,
|
46
|
-
&:focus,
|
47
|
-
&.focus {
|
48
|
-
background-color: $background;
|
49
|
-
border-color: $border;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
|
53
|
-
.badge {
|
54
|
-
color: $background;
|
55
|
-
background-color: $color;
|
56
|
-
}
|
57
|
-
}
|
58
|
-
|
59
|
-
// Button sizes
|
60
|
-
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
|
61
|
-
padding: $padding-vertical $padding-horizontal;
|
62
|
-
font-size: $font-size;
|
63
|
-
line-height: $line-height;
|
64
|
-
border-radius: $border-radius;
|
65
|
-
}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
// Clearfix
|
2
|
-
//
|
3
|
-
// For modern browsers
|
4
|
-
// 1. The space content is one way to avoid an Opera bug when the
|
5
|
-
// contenteditable attribute is included anywhere else in the document.
|
6
|
-
// Otherwise it causes space to appear at the top and bottom of elements
|
7
|
-
// that are clearfixed.
|
8
|
-
// 2. The use of `table` rather than `block` is only necessary if using
|
9
|
-
// `:before` to contain the top-margins of child elements.
|
10
|
-
//
|
11
|
-
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
12
|
-
|
13
|
-
@mixin clearfix() {
|
14
|
-
&:before,
|
15
|
-
&:after {
|
16
|
-
content: " "; // 1
|
17
|
-
display: table; // 2
|
18
|
-
}
|
19
|
-
&:after {
|
20
|
-
clear: both;
|
21
|
-
}
|
22
|
-
}
|
@@ -1,88 +0,0 @@
|
|
1
|
-
// Form validation states
|
2
|
-
//
|
3
|
-
// Used in forms.less to generate the form validation CSS for warnings, errors,
|
4
|
-
// and successes.
|
5
|
-
|
6
|
-
@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
|
7
|
-
// Color the label and help text
|
8
|
-
.help-block,
|
9
|
-
.control-label,
|
10
|
-
.radio,
|
11
|
-
.checkbox,
|
12
|
-
.radio-inline,
|
13
|
-
.checkbox-inline,
|
14
|
-
&.radio label,
|
15
|
-
&.checkbox label,
|
16
|
-
&.radio-inline label,
|
17
|
-
&.checkbox-inline label {
|
18
|
-
color: $text-color;
|
19
|
-
}
|
20
|
-
// Set the border and box shadow on specific inputs to match
|
21
|
-
.form-control {
|
22
|
-
border-color: $border-color;
|
23
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
24
|
-
&:focus {
|
25
|
-
border-color: darken($border-color, 10%);
|
26
|
-
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
|
27
|
-
@include box-shadow($shadow);
|
28
|
-
}
|
29
|
-
}
|
30
|
-
// Set validation states also for addons
|
31
|
-
.input-group-addon {
|
32
|
-
color: $text-color;
|
33
|
-
border-color: $border-color;
|
34
|
-
background-color: $background-color;
|
35
|
-
}
|
36
|
-
// Optional feedback icon
|
37
|
-
.form-control-feedback {
|
38
|
-
color: $text-color;
|
39
|
-
}
|
40
|
-
}
|
41
|
-
|
42
|
-
|
43
|
-
// Form control focus state
|
44
|
-
//
|
45
|
-
// Generate a customized focus state and for any input with the specified color,
|
46
|
-
// which defaults to the `$input-border-focus` variable.
|
47
|
-
//
|
48
|
-
// We highly encourage you to not customize the default value, but instead use
|
49
|
-
// this to tweak colors on an as-needed basis. This aesthetic change is based on
|
50
|
-
// WebKit's default styles, but applicable to a wider range of browsers. Its
|
51
|
-
// usability and accessibility should be taken into account with any change.
|
52
|
-
//
|
53
|
-
// Example usage: change the default blue border and shadow to white for better
|
54
|
-
// contrast against a dark gray background.
|
55
|
-
@mixin form-control-focus($color: $input-border-focus) {
|
56
|
-
$color-rgba: rgba(red($color), green($color), blue($color), .6);
|
57
|
-
&:focus {
|
58
|
-
border-color: $color;
|
59
|
-
outline: 0;
|
60
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
|
61
|
-
}
|
62
|
-
}
|
63
|
-
|
64
|
-
// Form control sizing
|
65
|
-
//
|
66
|
-
// Relative text size, padding, and border-radii changes for form controls. For
|
67
|
-
// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
|
68
|
-
// element gets special love because it's special, and that's a fact!
|
69
|
-
// [converter] $parent hack
|
70
|
-
@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
|
71
|
-
#{$parent} {
|
72
|
-
height: $input-height;
|
73
|
-
padding: $padding-vertical $padding-horizontal;
|
74
|
-
font-size: $font-size;
|
75
|
-
line-height: $line-height;
|
76
|
-
border-radius: $border-radius;
|
77
|
-
}
|
78
|
-
|
79
|
-
select#{$parent} {
|
80
|
-
height: $input-height;
|
81
|
-
line-height: $input-height;
|
82
|
-
}
|
83
|
-
|
84
|
-
textarea#{$parent},
|
85
|
-
select[multiple]#{$parent} {
|
86
|
-
height: auto;
|
87
|
-
}
|
88
|
-
}
|
@@ -1,58 +0,0 @@
|
|
1
|
-
// Gradients
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
// Horizontal gradient, from left to right
|
6
|
-
//
|
7
|
-
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
8
|
-
// Color stops are not available in IE9 and below.
|
9
|
-
@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
|
10
|
-
background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
|
11
|
-
background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
|
12
|
-
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
13
|
-
background-repeat: repeat-x;
|
14
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
|
15
|
-
}
|
16
|
-
|
17
|
-
// Vertical gradient, from top to bottom
|
18
|
-
//
|
19
|
-
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
20
|
-
// Color stops are not available in IE9 and below.
|
21
|
-
@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
|
22
|
-
background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
|
23
|
-
background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
|
24
|
-
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
25
|
-
background-repeat: repeat-x;
|
26
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
|
27
|
-
}
|
28
|
-
|
29
|
-
@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
|
30
|
-
background-repeat: repeat-x;
|
31
|
-
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
|
32
|
-
background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
|
33
|
-
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
34
|
-
}
|
35
|
-
@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
|
36
|
-
background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
37
|
-
background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
38
|
-
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
|
39
|
-
background-repeat: no-repeat;
|
40
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
|
41
|
-
}
|
42
|
-
@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
|
43
|
-
background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
44
|
-
background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
45
|
-
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
46
|
-
background-repeat: no-repeat;
|
47
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
|
48
|
-
}
|
49
|
-
@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
|
50
|
-
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
|
51
|
-
background-image: radial-gradient(circle, $inner-color, $outer-color);
|
52
|
-
background-repeat: no-repeat;
|
53
|
-
}
|
54
|
-
@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
|
55
|
-
background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
56
|
-
background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
57
|
-
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
58
|
-
}
|
@@ -1,81 +0,0 @@
|
|
1
|
-
// Framework grid generation
|
2
|
-
//
|
3
|
-
// Used only by Bootstrap to generate the correct number of grid classes given
|
4
|
-
// any value of `$grid-columns`.
|
5
|
-
|
6
|
-
// [converter] This is defined recursively in LESS, but Sass supports real loops
|
7
|
-
@mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
|
8
|
-
@for $i from (1 + 1) through $grid-columns {
|
9
|
-
$list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
|
10
|
-
}
|
11
|
-
#{$list} {
|
12
|
-
position: relative;
|
13
|
-
// Prevent columns from collapsing when empty
|
14
|
-
min-height: 1px;
|
15
|
-
// Inner gutter via padding
|
16
|
-
padding-left: ceil(($grid-gutter-width / 2));
|
17
|
-
padding-right: floor(($grid-gutter-width / 2));
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
|
22
|
-
// [converter] This is defined recursively in LESS, but Sass supports real loops
|
23
|
-
@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
|
24
|
-
@for $i from (1 + 1) through $grid-columns {
|
25
|
-
$list: "#{$list}, .col-#{$class}-#{$i}";
|
26
|
-
}
|
27
|
-
#{$list} {
|
28
|
-
float: left;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
|
32
|
-
|
33
|
-
@mixin calc-grid-column($index, $class, $type) {
|
34
|
-
@if ($type == width) and ($index > 0) {
|
35
|
-
.col-#{$class}-#{$index} {
|
36
|
-
width: percentage(($index / $grid-columns));
|
37
|
-
}
|
38
|
-
}
|
39
|
-
@if ($type == push) and ($index > 0) {
|
40
|
-
.col-#{$class}-push-#{$index} {
|
41
|
-
left: percentage(($index / $grid-columns));
|
42
|
-
}
|
43
|
-
}
|
44
|
-
@if ($type == push) and ($index == 0) {
|
45
|
-
.col-#{$class}-push-0 {
|
46
|
-
left: auto;
|
47
|
-
}
|
48
|
-
}
|
49
|
-
@if ($type == pull) and ($index > 0) {
|
50
|
-
.col-#{$class}-pull-#{$index} {
|
51
|
-
right: percentage(($index / $grid-columns));
|
52
|
-
}
|
53
|
-
}
|
54
|
-
@if ($type == pull) and ($index == 0) {
|
55
|
-
.col-#{$class}-pull-0 {
|
56
|
-
right: auto;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
@if ($type == offset) {
|
60
|
-
.col-#{$class}-offset-#{$index} {
|
61
|
-
margin-left: percentage(($index / $grid-columns));
|
62
|
-
}
|
63
|
-
}
|
64
|
-
}
|
65
|
-
|
66
|
-
// [converter] This is defined recursively in LESS, but Sass supports real loops
|
67
|
-
@mixin loop-grid-columns($columns, $class, $type) {
|
68
|
-
@for $i from 0 through $columns {
|
69
|
-
@include calc-grid-column($i, $class, $type);
|
70
|
-
}
|
71
|
-
}
|
72
|
-
|
73
|
-
|
74
|
-
// Create grid for specific class
|
75
|
-
@mixin make-grid($class) {
|
76
|
-
@include float-grid-columns($class);
|
77
|
-
@include loop-grid-columns($grid-columns, $class, width);
|
78
|
-
@include loop-grid-columns($grid-columns, $class, pull);
|
79
|
-
@include loop-grid-columns($grid-columns, $class, push);
|
80
|
-
@include loop-grid-columns($grid-columns, $class, offset);
|
81
|
-
}
|
@@ -1,122 +0,0 @@
|
|
1
|
-
// Grid system
|
2
|
-
//
|
3
|
-
// Generate semantic grid columns with these mixins.
|
4
|
-
|
5
|
-
// Centered container element
|
6
|
-
@mixin container-fixed($gutter: $grid-gutter-width) {
|
7
|
-
margin-right: auto;
|
8
|
-
margin-left: auto;
|
9
|
-
padding-left: floor(($gutter / 2));
|
10
|
-
padding-right: ceil(($gutter / 2));
|
11
|
-
@include clearfix;
|
12
|
-
}
|
13
|
-
|
14
|
-
// Creates a wrapper for a series of columns
|
15
|
-
@mixin make-row($gutter: $grid-gutter-width) {
|
16
|
-
margin-left: ceil(($gutter / -2));
|
17
|
-
margin-right: floor(($gutter / -2));
|
18
|
-
@include clearfix;
|
19
|
-
}
|
20
|
-
|
21
|
-
// Generate the extra small columns
|
22
|
-
@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
|
23
|
-
position: relative;
|
24
|
-
float: left;
|
25
|
-
width: percentage(($columns / $grid-columns));
|
26
|
-
min-height: 1px;
|
27
|
-
padding-left: ($gutter / 2);
|
28
|
-
padding-right: ($gutter / 2);
|
29
|
-
}
|
30
|
-
@mixin make-xs-column-offset($columns) {
|
31
|
-
margin-left: percentage(($columns / $grid-columns));
|
32
|
-
}
|
33
|
-
@mixin make-xs-column-push($columns) {
|
34
|
-
left: percentage(($columns / $grid-columns));
|
35
|
-
}
|
36
|
-
@mixin make-xs-column-pull($columns) {
|
37
|
-
right: percentage(($columns / $grid-columns));
|
38
|
-
}
|
39
|
-
|
40
|
-
// Generate the small columns
|
41
|
-
@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
|
42
|
-
position: relative;
|
43
|
-
min-height: 1px;
|
44
|
-
padding-left: ($gutter / 2);
|
45
|
-
padding-right: ($gutter / 2);
|
46
|
-
|
47
|
-
@media (min-width: $screen-sm-min) {
|
48
|
-
float: left;
|
49
|
-
width: percentage(($columns / $grid-columns));
|
50
|
-
}
|
51
|
-
}
|
52
|
-
@mixin make-sm-column-offset($columns) {
|
53
|
-
@media (min-width: $screen-sm-min) {
|
54
|
-
margin-left: percentage(($columns / $grid-columns));
|
55
|
-
}
|
56
|
-
}
|
57
|
-
@mixin make-sm-column-push($columns) {
|
58
|
-
@media (min-width: $screen-sm-min) {
|
59
|
-
left: percentage(($columns / $grid-columns));
|
60
|
-
}
|
61
|
-
}
|
62
|
-
@mixin make-sm-column-pull($columns) {
|
63
|
-
@media (min-width: $screen-sm-min) {
|
64
|
-
right: percentage(($columns / $grid-columns));
|
65
|
-
}
|
66
|
-
}
|
67
|
-
|
68
|
-
// Generate the medium columns
|
69
|
-
@mixin make-md-column($columns, $gutter: $grid-gutter-width) {
|
70
|
-
position: relative;
|
71
|
-
min-height: 1px;
|
72
|
-
padding-left: ($gutter / 2);
|
73
|
-
padding-right: ($gutter / 2);
|
74
|
-
|
75
|
-
@media (min-width: $screen-md-min) {
|
76
|
-
float: left;
|
77
|
-
width: percentage(($columns / $grid-columns));
|
78
|
-
}
|
79
|
-
}
|
80
|
-
@mixin make-md-column-offset($columns) {
|
81
|
-
@media (min-width: $screen-md-min) {
|
82
|
-
margin-left: percentage(($columns / $grid-columns));
|
83
|
-
}
|
84
|
-
}
|
85
|
-
@mixin make-md-column-push($columns) {
|
86
|
-
@media (min-width: $screen-md-min) {
|
87
|
-
left: percentage(($columns / $grid-columns));
|
88
|
-
}
|
89
|
-
}
|
90
|
-
@mixin make-md-column-pull($columns) {
|
91
|
-
@media (min-width: $screen-md-min) {
|
92
|
-
right: percentage(($columns / $grid-columns));
|
93
|
-
}
|
94
|
-
}
|
95
|
-
|
96
|
-
// Generate the large columns
|
97
|
-
@mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
|
98
|
-
position: relative;
|
99
|
-
min-height: 1px;
|
100
|
-
padding-left: ($gutter / 2);
|
101
|
-
padding-right: ($gutter / 2);
|
102
|
-
|
103
|
-
@media (min-width: $screen-lg-min) {
|
104
|
-
float: left;
|
105
|
-
width: percentage(($columns / $grid-columns));
|
106
|
-
}
|
107
|
-
}
|
108
|
-
@mixin make-lg-column-offset($columns) {
|
109
|
-
@media (min-width: $screen-lg-min) {
|
110
|
-
margin-left: percentage(($columns / $grid-columns));
|
111
|
-
}
|
112
|
-
}
|
113
|
-
@mixin make-lg-column-push($columns) {
|
114
|
-
@media (min-width: $screen-lg-min) {
|
115
|
-
left: percentage(($columns / $grid-columns));
|
116
|
-
}
|
117
|
-
}
|
118
|
-
@mixin make-lg-column-pull($columns) {
|
119
|
-
@media (min-width: $screen-lg-min) {
|
120
|
-
right: percentage(($columns / $grid-columns));
|
121
|
-
}
|
122
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
// CSS image replacement
|
2
|
-
//
|
3
|
-
// Heads up! v3 launched with only `.hide-text()`, but per our pattern for
|
4
|
-
// mixins being reused as classes with the same name, this doesn't hold up. As
|
5
|
-
// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
|
6
|
-
//
|
7
|
-
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
|
8
|
-
|
9
|
-
// Deprecated as of v3.0.1 (has been removed in v4)
|
10
|
-
@mixin hide-text() {
|
11
|
-
font: 0/0 a;
|
12
|
-
color: transparent;
|
13
|
-
text-shadow: none;
|
14
|
-
background-color: transparent;
|
15
|
-
border: 0;
|
16
|
-
}
|
17
|
-
|
18
|
-
// New mixin to use as of v3.0.1
|
19
|
-
@mixin text-hide() {
|
20
|
-
@include hide-text;
|
21
|
-
}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
// Image Mixins
|
2
|
-
// - Responsive image
|
3
|
-
// - Retina image
|
4
|
-
|
5
|
-
|
6
|
-
// Responsive image
|
7
|
-
//
|
8
|
-
// Keep images from scaling beyond the width of their parents.
|
9
|
-
@mixin img-responsive($display: block) {
|
10
|
-
display: $display;
|
11
|
-
max-width: 100%; // Part 1: Set a maximum relative to the parent
|
12
|
-
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
|
13
|
-
}
|
14
|
-
|
15
|
-
|
16
|
-
// Retina image
|
17
|
-
//
|
18
|
-
// Short retina mixin for setting background-image and -size. Note that the
|
19
|
-
// spelling of `min--moz-device-pixel-ratio` is intentional.
|
20
|
-
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
|
21
|
-
background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
|
22
|
-
|
23
|
-
@media
|
24
|
-
only screen and (-webkit-min-device-pixel-ratio: 2),
|
25
|
-
only screen and ( min--moz-device-pixel-ratio: 2),
|
26
|
-
only screen and ( -o-min-device-pixel-ratio: 2/1),
|
27
|
-
only screen and ( min-device-pixel-ratio: 2),
|
28
|
-
only screen and ( min-resolution: 192dpi),
|
29
|
-
only screen and ( min-resolution: 2dppx) {
|
30
|
-
background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
|
31
|
-
background-size: $width-1x $height-1x;
|
32
|
-
}
|
33
|
-
}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
// List Groups
|
2
|
-
|
3
|
-
@mixin list-group-item-variant($state, $background, $color) {
|
4
|
-
.list-group-item-#{$state} {
|
5
|
-
color: $color;
|
6
|
-
background-color: $background;
|
7
|
-
|
8
|
-
// [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
|
9
|
-
}
|
10
|
-
|
11
|
-
a.list-group-item-#{$state},
|
12
|
-
button.list-group-item-#{$state} {
|
13
|
-
color: $color;
|
14
|
-
|
15
|
-
.list-group-item-heading {
|
16
|
-
color: inherit;
|
17
|
-
}
|
18
|
-
|
19
|
-
&:hover,
|
20
|
-
&:focus {
|
21
|
-
color: $color;
|
22
|
-
background-color: darken($background, 5%);
|
23
|
-
}
|
24
|
-
&.active,
|
25
|
-
&.active:hover,
|
26
|
-
&.active:focus {
|
27
|
-
color: #fff;
|
28
|
-
background-color: $color;
|
29
|
-
border-color: $color;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
// Navbar vertical align
|
2
|
-
//
|
3
|
-
// Vertically center elements in the navbar.
|
4
|
-
// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
|
5
|
-
|
6
|
-
@mixin navbar-vertical-align($element-height) {
|
7
|
-
margin-top: (($navbar-height - $element-height) / 2);
|
8
|
-
margin-bottom: (($navbar-height - $element-height) / 2);
|
9
|
-
}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
// Pagination
|
2
|
-
|
3
|
-
@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
|
4
|
-
> li {
|
5
|
-
> a,
|
6
|
-
> span {
|
7
|
-
padding: $padding-vertical $padding-horizontal;
|
8
|
-
font-size: $font-size;
|
9
|
-
line-height: $line-height;
|
10
|
-
}
|
11
|
-
&:first-child {
|
12
|
-
> a,
|
13
|
-
> span {
|
14
|
-
@include border-left-radius($border-radius);
|
15
|
-
}
|
16
|
-
}
|
17
|
-
&:last-child {
|
18
|
-
> a,
|
19
|
-
> span {
|
20
|
-
@include border-right-radius($border-radius);
|
21
|
-
}
|
22
|
-
}
|
23
|
-
}
|
24
|
-
}
|