.
9 |
10 | .list-group {
11 | // No need to set list-style: none; since .list-group-item is block level
12 | margin-bottom: 20px;
13 | padding-left: 0; // reset padding because ul and ol
14 | }
15 |
16 |
17 | // Individual list items
18 | //
19 | // Use on `li`s or `div`s within the `.list-group` parent.
20 |
21 | .list-group-item {
22 | position: relative;
23 | display: block;
24 | padding: 10px 15px;
25 | // Place the border on the list items and negative margin up for better styling
26 | margin-bottom: -1px;
27 | background-color: @list-group-bg;
28 | border: 1px solid @list-group-border;
29 |
30 | // Round the first and last items
31 | &:first-child {
32 | .border-top-radius(@list-group-border-radius);
33 | }
34 | &:last-child {
35 | margin-bottom: 0;
36 | .border-bottom-radius(@list-group-border-radius);
37 | }
38 | }
39 |
40 |
41 | // Interactive list items
42 | //
43 | // Use anchor or button elements instead of `li`s or `div`s to create interactive items.
44 | // Includes an extra `.active` modifier class for showing selected items.
45 |
46 | a.list-group-item,
47 | button.list-group-item {
48 | color: @list-group-link-color;
49 |
50 | .list-group-item-heading {
51 | color: @list-group-link-heading-color;
52 | }
53 |
54 | // Hover state
55 | &:hover,
56 | &:focus {
57 | text-decoration: none;
58 | color: @list-group-link-hover-color;
59 | background-color: @list-group-hover-bg;
60 | }
61 | }
62 |
63 | button.list-group-item {
64 | width: 100%;
65 | text-align: left;
66 | }
67 |
68 | .list-group-item {
69 | // Disabled state
70 | &.disabled,
71 | &.disabled:hover,
72 | &.disabled:focus {
73 | background-color: @list-group-disabled-bg;
74 | color: @list-group-disabled-color;
75 | cursor: @cursor-disabled;
76 |
77 | // Force color to inherit for custom content
78 | .list-group-item-heading {
79 | color: inherit;
80 | }
81 | .list-group-item-text {
82 | color: @list-group-disabled-text-color;
83 | }
84 | }
85 |
86 | // Active class on item itself, not parent
87 | &.active,
88 | &.active:hover,
89 | &.active:focus {
90 | z-index: 2; // Place active items above their siblings for proper border styling
91 | color: @list-group-active-color;
92 | background-color: @list-group-active-bg;
93 | border-color: @list-group-active-border;
94 |
95 | // Force color to inherit for custom content
96 | .list-group-item-heading,
97 | .list-group-item-heading > small,
98 | .list-group-item-heading > .small {
99 | color: inherit;
100 | }
101 | .list-group-item-text {
102 | color: @list-group-active-text-color;
103 | }
104 | }
105 | }
106 |
107 |
108 | // Contextual variants
109 | //
110 | // Add modifier classes to change text and background color on individual items.
111 | // Organizationally, this must come after the `:hover` states.
112 |
113 | .list-group-item-variant(success; @state-success-bg; @state-success-text);
114 | .list-group-item-variant(info; @state-info-bg; @state-info-text);
115 | .list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
116 | .list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
117 |
118 |
119 | // Custom content options
120 | //
121 | // Extra classes for creating well-formatted content within `.list-group-item`s.
122 |
123 | .list-group-item-heading {
124 | margin-top: 0;
125 | margin-bottom: 5px;
126 | }
127 | .list-group-item-text {
128 | margin-bottom: 0;
129 | line-height: 1.3;
130 | }
131 |
--------------------------------------------------------------------------------
/less/bootstrap/media.less:
--------------------------------------------------------------------------------
1 | .media {
2 | // Proper spacing between instances of .media
3 | margin-top: 15px;
4 |
5 | &:first-child {
6 | margin-top: 0;
7 | }
8 | }
9 |
10 | .media,
11 | .media-body {
12 | zoom: 1;
13 | overflow: hidden;
14 | }
15 |
16 | .media-body {
17 | width: 10000px;
18 | }
19 |
20 | .media-object {
21 | display: block;
22 |
23 | // Fix collapse in webkit from max-width: 100% and display: table-cell.
24 | &.img-thumbnail {
25 | max-width: none;
26 | }
27 | }
28 |
29 | .media-right,
30 | .media > .pull-right {
31 | padding-left: 10px;
32 | }
33 |
34 | .media-left,
35 | .media > .pull-left {
36 | padding-right: 10px;
37 | }
38 |
39 | .media-left,
40 | .media-right,
41 | .media-body {
42 | display: table-cell;
43 | vertical-align: top;
44 | }
45 |
46 | .media-middle {
47 | vertical-align: middle;
48 | }
49 |
50 | .media-bottom {
51 | vertical-align: bottom;
52 | }
53 |
54 | // Reset margins on headings for tighter default spacing
55 | .media-heading {
56 | margin-top: 0;
57 | margin-bottom: 5px;
58 | }
59 |
60 | // Media list variation
61 | //
62 | // Undo default ul/ol styles
63 | .media-list {
64 | padding-left: 0;
65 | list-style: none;
66 | }
67 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins.less:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------------------------------
3 |
4 | // Utilities
5 | @import "mixins/hide-text.less";
6 | @import "mixins/opacity.less";
7 | @import "mixins/image.less";
8 | @import "mixins/labels.less";
9 | @import "mixins/reset-filter.less";
10 | @import "mixins/resize.less";
11 | @import "mixins/responsive-visibility.less";
12 | @import "mixins/size.less";
13 | @import "mixins/tab-focus.less";
14 | @import "mixins/reset-text.less";
15 | @import "mixins/text-emphasis.less";
16 | @import "mixins/text-overflow.less";
17 | @import "mixins/vendor-prefixes.less";
18 |
19 | // Components
20 | @import "mixins/alerts.less";
21 | @import "mixins/buttons.less";
22 | @import "mixins/panels.less";
23 | @import "mixins/pagination.less";
24 | @import "mixins/list-group.less";
25 | @import "mixins/nav-divider.less";
26 | @import "mixins/forms.less";
27 | @import "mixins/progress-bar.less";
28 | @import "mixins/table-row.less";
29 |
30 | // Skins
31 | @import "mixins/background-variant.less";
32 | @import "mixins/border-radius.less";
33 | @import "mixins/gradients.less";
34 |
35 | // Layout
36 | @import "mixins/clearfix.less";
37 | @import "mixins/center-block.less";
38 | @import "mixins/nav-vertical-align.less";
39 | @import "mixins/grid-framework.less";
40 | @import "mixins/grid.less";
41 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/alerts.less:
--------------------------------------------------------------------------------
1 | // Alerts
2 |
3 | .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 | }
15 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/background-variant.less:
--------------------------------------------------------------------------------
1 | // Contextual backgrounds
2 |
3 | .bg-variant(@color) {
4 | background-color: @color;
5 | a&:hover,
6 | a&:focus {
7 | background-color: darken(@color, 10%);
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/border-radius.less:
--------------------------------------------------------------------------------
1 | // Single side border-radius
2 |
3 | .border-top-radius(@radius) {
4 | border-top-right-radius: @radius;
5 | border-top-left-radius: @radius;
6 | }
7 | .border-right-radius(@radius) {
8 | border-bottom-right-radius: @radius;
9 | border-top-right-radius: @radius;
10 | }
11 | .border-bottom-radius(@radius) {
12 | border-bottom-right-radius: @radius;
13 | border-bottom-left-radius: @radius;
14 | }
15 | .border-left-radius(@radius) {
16 | border-bottom-left-radius: @radius;
17 | border-top-left-radius: @radius;
18 | }
19 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/buttons.less:
--------------------------------------------------------------------------------
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 | .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 | .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 | }
66 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/center-block.less:
--------------------------------------------------------------------------------
1 | // Center-align a block level element
2 |
3 | .center-block() {
4 | display: block;
5 | margin-left: auto;
6 | margin-right: auto;
7 | }
8 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/clearfix.less:
--------------------------------------------------------------------------------
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 | .clearfix() {
14 | &:before,
15 | &:after {
16 | content: " "; // 1
17 | display: table; // 2
18 | }
19 | &:after {
20 | clear: both;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/forms.less:
--------------------------------------------------------------------------------
1 | // Form validation states
2 | //
3 | // Used in forms.less to generate the form validation CSS for warnings, errors,
4 | // and successes.
5 |
6 | .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 | .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 | .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 | .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 | .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. `
`
68 | // element gets special love because it's special, and that's a fact!
69 | .input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
70 | height: @input-height;
71 | padding: @padding-vertical @padding-horizontal;
72 | font-size: @font-size;
73 | line-height: @line-height;
74 | border-radius: @border-radius;
75 |
76 | select& {
77 | height: @input-height;
78 | line-height: @input-height;
79 | }
80 |
81 | textarea&,
82 | select[multiple]& {
83 | height: auto;
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/grid-framework.less:
--------------------------------------------------------------------------------
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 | .make-grid-columns() {
7 | // Common styles for all sizes of grid columns, widths 1-12
8 | .col(@index) { // initial
9 | @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
10 | .col((@index + 1), @item);
11 | }
12 | .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
13 | @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
14 | .col((@index + 1), ~"@{list}, @{item}");
15 | }
16 | .col(@index, @list) when (@index > @grid-columns) { // terminal
17 | @{list} {
18 | position: relative;
19 | // Prevent columns from collapsing when empty
20 | min-height: 1px;
21 | // Inner gutter via padding
22 | padding-left: ceil((@grid-gutter-width / 2));
23 | padding-right: floor((@grid-gutter-width / 2));
24 | }
25 | }
26 | .col(1); // kickstart it
27 | }
28 |
29 | .float-grid-columns(@class) {
30 | .col(@index) { // initial
31 | @item: ~".col-@{class}-@{index}";
32 | .col((@index + 1), @item);
33 | }
34 | .col(@index, @list) when (@index =< @grid-columns) { // general
35 | @item: ~".col-@{class}-@{index}";
36 | .col((@index + 1), ~"@{list}, @{item}");
37 | }
38 | .col(@index, @list) when (@index > @grid-columns) { // terminal
39 | @{list} {
40 | float: left;
41 | }
42 | }
43 | .col(1); // kickstart it
44 | }
45 |
46 | .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
47 | .col-@{class}-@{index} {
48 | width: percentage((@index / @grid-columns));
49 | }
50 | }
51 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
52 | .col-@{class}-push-@{index} {
53 | left: percentage((@index / @grid-columns));
54 | }
55 | }
56 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
57 | .col-@{class}-push-0 {
58 | left: auto;
59 | }
60 | }
61 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
62 | .col-@{class}-pull-@{index} {
63 | right: percentage((@index / @grid-columns));
64 | }
65 | }
66 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
67 | .col-@{class}-pull-0 {
68 | right: auto;
69 | }
70 | }
71 | .calc-grid-column(@index, @class, @type) when (@type = offset) {
72 | .col-@{class}-offset-@{index} {
73 | margin-left: percentage((@index / @grid-columns));
74 | }
75 | }
76 |
77 | // Basic looping in LESS
78 | .loop-grid-columns(@index, @class, @type) when (@index >= 0) {
79 | .calc-grid-column(@index, @class, @type);
80 | // next iteration
81 | .loop-grid-columns((@index - 1), @class, @type);
82 | }
83 |
84 | // Create grid for specific class
85 | .make-grid(@class) {
86 | .float-grid-columns(@class);
87 | .loop-grid-columns(@grid-columns, @class, width);
88 | .loop-grid-columns(@grid-columns, @class, pull);
89 | .loop-grid-columns(@grid-columns, @class, push);
90 | .loop-grid-columns(@grid-columns, @class, offset);
91 | }
92 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/grid.less:
--------------------------------------------------------------------------------
1 | // Grid system
2 | //
3 | // Generate semantic grid columns with these mixins.
4 |
5 | // Centered container element
6 | .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 | &:extend(.clearfix all);
12 | }
13 |
14 | // Creates a wrapper for a series of columns
15 | .make-row(@gutter: @grid-gutter-width) {
16 | margin-left: ceil((@gutter / -2));
17 | margin-right: floor((@gutter / -2));
18 | &:extend(.clearfix all);
19 | }
20 |
21 | // Generate the extra small columns
22 | .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 | .make-xs-column-offset(@columns) {
31 | margin-left: percentage((@columns / @grid-columns));
32 | }
33 | .make-xs-column-push(@columns) {
34 | left: percentage((@columns / @grid-columns));
35 | }
36 | .make-xs-column-pull(@columns) {
37 | right: percentage((@columns / @grid-columns));
38 | }
39 |
40 | // Generate the small columns
41 | .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 | .make-sm-column-offset(@columns) {
53 | @media (min-width: @screen-sm-min) {
54 | margin-left: percentage((@columns / @grid-columns));
55 | }
56 | }
57 | .make-sm-column-push(@columns) {
58 | @media (min-width: @screen-sm-min) {
59 | left: percentage((@columns / @grid-columns));
60 | }
61 | }
62 | .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 | .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 | .make-md-column-offset(@columns) {
81 | @media (min-width: @screen-md-min) {
82 | margin-left: percentage((@columns / @grid-columns));
83 | }
84 | }
85 | .make-md-column-push(@columns) {
86 | @media (min-width: @screen-md-min) {
87 | left: percentage((@columns / @grid-columns));
88 | }
89 | }
90 | .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 | .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 | .make-lg-column-offset(@columns) {
109 | @media (min-width: @screen-lg-min) {
110 | margin-left: percentage((@columns / @grid-columns));
111 | }
112 | }
113 | .make-lg-column-push(@columns) {
114 | @media (min-width: @screen-lg-min) {
115 | left: percentage((@columns / @grid-columns));
116 | }
117 | }
118 | .make-lg-column-pull(@columns) {
119 | @media (min-width: @screen-lg-min) {
120 | right: percentage((@columns / @grid-columns));
121 | }
122 | }
123 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/hide-text.less:
--------------------------------------------------------------------------------
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 | .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 | .text-hide() {
20 | .hide-text();
21 | }
22 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/image.less:
--------------------------------------------------------------------------------
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 | .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 | .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
21 | background-image: url("@{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("@{file-2x}");
31 | background-size: @width-1x @height-1x;
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/labels.less:
--------------------------------------------------------------------------------
1 | // Labels
2 |
3 | .label-variant(@color) {
4 | background-color: @color;
5 |
6 | &[href] {
7 | &:hover,
8 | &:focus {
9 | background-color: darken(@color, 10%);
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/list-group.less:
--------------------------------------------------------------------------------
1 | // List Groups
2 |
3 | .list-group-item-variant(@state; @background; @color) {
4 | .list-group-item-@{state} {
5 | color: @color;
6 | background-color: @background;
7 |
8 | a&,
9 | button& {
10 | color: @color;
11 |
12 | .list-group-item-heading {
13 | color: inherit;
14 | }
15 |
16 | &:hover,
17 | &:focus {
18 | color: @color;
19 | background-color: darken(@background, 5%);
20 | }
21 | &.active,
22 | &.active:hover,
23 | &.active:focus {
24 | color: #fff;
25 | background-color: @color;
26 | border-color: @color;
27 | }
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/nav-divider.less:
--------------------------------------------------------------------------------
1 | // Horizontal dividers
2 | //
3 | // Dividers (basically an hr) within dropdowns and nav lists
4 |
5 | .nav-divider(@color: #e5e5e5) {
6 | height: 1px;
7 | margin: ((@line-height-computed / 2) - 1) 0;
8 | overflow: hidden;
9 | background-color: @color;
10 | }
11 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/nav-vertical-align.less:
--------------------------------------------------------------------------------
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 | .navbar-vertical-align(@element-height) {
7 | margin-top: ((@navbar-height - @element-height) / 2);
8 | margin-bottom: ((@navbar-height - @element-height) / 2);
9 | }
10 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/opacity.less:
--------------------------------------------------------------------------------
1 | // Opacity
2 |
3 | .opacity(@opacity) {
4 | opacity: @opacity;
5 | // IE8 filter
6 | @opacity-ie: (@opacity * 100);
7 | filter: ~"alpha(opacity=@{opacity-ie})";
8 | }
9 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/pagination.less:
--------------------------------------------------------------------------------
1 | // Pagination
2 |
3 | .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 | .border-left-radius(@border-radius);
15 | }
16 | }
17 | &:last-child {
18 | > a,
19 | > span {
20 | .border-right-radius(@border-radius);
21 | }
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/panels.less:
--------------------------------------------------------------------------------
1 | // Panels
2 |
3 | .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
4 | border-color: @border;
5 |
6 | & > .panel-heading {
7 | color: @heading-text-color;
8 | background-color: @heading-bg-color;
9 | border-color: @heading-border;
10 |
11 | + .panel-collapse > .panel-body {
12 | border-top-color: @border;
13 | }
14 | .badge {
15 | color: @heading-bg-color;
16 | background-color: @heading-text-color;
17 | }
18 | }
19 | & > .panel-footer {
20 | + .panel-collapse > .panel-body {
21 | border-bottom-color: @border;
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/progress-bar.less:
--------------------------------------------------------------------------------
1 | // Progress bars
2 |
3 | .progress-bar-variant(@color) {
4 | background-color: @color;
5 |
6 | // Deprecated parent class requirement as of v3.2.0
7 | .progress-striped & {
8 | #gradient > .striped();
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/reset-filter.less:
--------------------------------------------------------------------------------
1 | // Reset filters for IE
2 | //
3 | // When you need to remove a gradient background, do not forget to use this to reset
4 | // the IE filter for IE9 and below.
5 |
6 | .reset-filter() {
7 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
8 | }
9 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/reset-text.less:
--------------------------------------------------------------------------------
1 | .reset-text() {
2 | font-family: @font-family-base;
3 | // We deliberately do NOT reset font-size.
4 | font-style: normal;
5 | font-weight: normal;
6 | letter-spacing: normal;
7 | line-break: auto;
8 | line-height: @line-height-base;
9 | text-align: left; // Fallback for where `start` is not supported
10 | text-align: start;
11 | text-decoration: none;
12 | text-shadow: none;
13 | text-transform: none;
14 | white-space: normal;
15 | word-break: normal;
16 | word-spacing: normal;
17 | word-wrap: normal;
18 | }
19 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/resize.less:
--------------------------------------------------------------------------------
1 | // Resize anything
2 |
3 | .resizable(@direction) {
4 | resize: @direction; // Options: horizontal, vertical, both
5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6 | }
7 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/responsive-visibility.less:
--------------------------------------------------------------------------------
1 | // Responsive utilities
2 |
3 | //
4 | // More easily include all the states for responsive-utilities.less.
5 | .responsive-visibility() {
6 | display: block !important;
7 | table& { display: table !important; }
8 | tr& { display: table-row !important; }
9 | th&,
10 | td& { display: table-cell !important; }
11 | }
12 |
13 | .responsive-invisibility() {
14 | display: none !important;
15 | }
16 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/size.less:
--------------------------------------------------------------------------------
1 | // Sizing shortcuts
2 |
3 | .size(@width; @height) {
4 | width: @width;
5 | height: @height;
6 | }
7 |
8 | .square(@size) {
9 | .size(@size; @size);
10 | }
11 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/tab-focus.less:
--------------------------------------------------------------------------------
1 | // WebKit-style focus
2 |
3 | .tab-focus() {
4 | // WebKit-specific. Other browsers will keep their default outline style.
5 | // (Initially tried to also force default via `outline: initial`,
6 | // but that seems to erroneously remove the outline in Firefox altogether.)
7 | outline: 5px auto -webkit-focus-ring-color;
8 | outline-offset: -2px;
9 | }
10 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/table-row.less:
--------------------------------------------------------------------------------
1 | // Tables
2 |
3 | .table-row-variant(@state; @background) {
4 | // Exact selectors below required to override `.table-striped` and prevent
5 | // inheritance to nested tables.
6 | .table > thead > tr,
7 | .table > tbody > tr,
8 | .table > tfoot > tr {
9 | > td.@{state},
10 | > th.@{state},
11 | &.@{state} > td,
12 | &.@{state} > th {
13 | background-color: @background;
14 | }
15 | }
16 |
17 | // Hover states for `.table-hover`
18 | // Note: this is not available for cells or rows within `thead` or `tfoot`.
19 | .table-hover > tbody > tr {
20 | > td.@{state}:hover,
21 | > th.@{state}:hover,
22 | &.@{state}:hover > td,
23 | &:hover > .@{state},
24 | &.@{state}:hover > th {
25 | background-color: darken(@background, 5%);
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/text-emphasis.less:
--------------------------------------------------------------------------------
1 | // Typography
2 |
3 | .text-emphasis-variant(@color) {
4 | color: @color;
5 | a&:hover,
6 | a&:focus {
7 | color: darken(@color, 10%);
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/less/bootstrap/mixins/text-overflow.less:
--------------------------------------------------------------------------------
1 | // Text overflow
2 | // Requires inline-block or block for proper styling
3 |
4 | .text-overflow() {
5 | overflow: hidden;
6 | text-overflow: ellipsis;
7 | white-space: nowrap;
8 | }
9 |
--------------------------------------------------------------------------------
/less/bootstrap/pager.less:
--------------------------------------------------------------------------------
1 | //
2 | // Pager pagination
3 | // --------------------------------------------------
4 |
5 |
6 | .pager {
7 | padding-left: 0;
8 | margin: @line-height-computed 0;
9 | list-style: none;
10 | text-align: center;
11 | &:extend(.clearfix all);
12 | li {
13 | display: inline;
14 | > a,
15 | > span {
16 | display: inline-block;
17 | padding: 5px 14px;
18 | background-color: @pager-bg;
19 | border: 1px solid @pager-border;
20 | border-radius: @pager-border-radius;
21 | }
22 |
23 | > a:hover,
24 | > a:focus {
25 | text-decoration: none;
26 | background-color: @pager-hover-bg;
27 | }
28 | }
29 |
30 | .next {
31 | > a,
32 | > span {
33 | float: right;
34 | }
35 | }
36 |
37 | .previous {
38 | > a,
39 | > span {
40 | float: left;
41 | }
42 | }
43 |
44 | .disabled {
45 | > a,
46 | > a:hover,
47 | > a:focus,
48 | > span {
49 | color: @pager-disabled-color;
50 | background-color: @pager-bg;
51 | cursor: @cursor-disabled;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/less/bootstrap/pagination.less:
--------------------------------------------------------------------------------
1 | //
2 | // Pagination (multiple pages)
3 | // --------------------------------------------------
4 | .pagination {
5 | display: inline-block;
6 | padding-left: 0;
7 | margin: @line-height-computed 0;
8 | border-radius: @border-radius-base;
9 |
10 | > li {
11 | display: inline; // Remove list-style and block-level defaults
12 | > a,
13 | > span {
14 | position: relative;
15 | float: left; // Collapse white-space
16 | padding: @padding-base-vertical @padding-base-horizontal;
17 | line-height: @line-height-base;
18 | text-decoration: none;
19 | color: @pagination-color;
20 | background-color: @pagination-bg;
21 | border: 1px solid @pagination-border;
22 | margin-left: -1px;
23 | }
24 | &:first-child {
25 | > a,
26 | > span {
27 | margin-left: 0;
28 | .border-left-radius(@border-radius-base);
29 | }
30 | }
31 | &:last-child {
32 | > a,
33 | > span {
34 | .border-right-radius(@border-radius-base);
35 | }
36 | }
37 | }
38 |
39 | > li > a,
40 | > li > span {
41 | &:hover,
42 | &:focus {
43 | z-index: 2;
44 | color: @pagination-hover-color;
45 | background-color: @pagination-hover-bg;
46 | border-color: @pagination-hover-border;
47 | }
48 | }
49 |
50 | > .active > a,
51 | > .active > span {
52 | &,
53 | &:hover,
54 | &:focus {
55 | z-index: 3;
56 | color: @pagination-active-color;
57 | background-color: @pagination-active-bg;
58 | border-color: @pagination-active-border;
59 | cursor: default;
60 | }
61 | }
62 |
63 | > .disabled {
64 | > span,
65 | > span:hover,
66 | > span:focus,
67 | > a,
68 | > a:hover,
69 | > a:focus {
70 | color: @pagination-disabled-color;
71 | background-color: @pagination-disabled-bg;
72 | border-color: @pagination-disabled-border;
73 | cursor: @cursor-disabled;
74 | }
75 | }
76 | }
77 |
78 | // Sizing
79 | // --------------------------------------------------
80 |
81 | // Large
82 | .pagination-lg {
83 | .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
84 | }
85 |
86 | // Small
87 | .pagination-sm {
88 | .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
89 | }
90 |
--------------------------------------------------------------------------------
/less/bootstrap/print.less:
--------------------------------------------------------------------------------
1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
2 |
3 | // ==========================================================================
4 | // Print styles.
5 | // Inlined to avoid the additional HTTP request: h5bp.com/r
6 | // ==========================================================================
7 |
8 | @media print {
9 | *,
10 | *:before,
11 | *:after {
12 | background: transparent !important;
13 | color: #000 !important; // Black prints faster: h5bp.com/s
14 | box-shadow: none !important;
15 | text-shadow: none !important;
16 | }
17 |
18 | a,
19 | a:visited {
20 | text-decoration: underline;
21 | }
22 |
23 | a[href]:after {
24 | content: " (" attr(href) ")";
25 | }
26 |
27 | abbr[title]:after {
28 | content: " (" attr(title) ")";
29 | }
30 |
31 | // Don't show links that are fragment identifiers,
32 | // or use the `javascript:` pseudo protocol
33 | a[href^="#"]:after,
34 | a[href^="javascript:"]:after {
35 | content: "";
36 | }
37 |
38 | pre,
39 | blockquote {
40 | border: 1px solid #999;
41 | page-break-inside: avoid;
42 | }
43 |
44 | thead {
45 | display: table-header-group; // h5bp.com/t
46 | }
47 |
48 | tr,
49 | img {
50 | page-break-inside: avoid;
51 | }
52 |
53 | img {
54 | max-width: 100% !important;
55 | }
56 |
57 | p,
58 | h2,
59 | h3 {
60 | orphans: 3;
61 | widows: 3;
62 | }
63 |
64 | h2,
65 | h3 {
66 | page-break-after: avoid;
67 | }
68 |
69 | // Bootstrap specific changes start
70 |
71 | // Bootstrap components
72 | .navbar {
73 | display: none;
74 | }
75 | .btn,
76 | .dropup > .btn {
77 | > .caret {
78 | border-top-color: #000 !important;
79 | }
80 | }
81 | .label {
82 | border: 1px solid #000;
83 | }
84 |
85 | .table {
86 | border-collapse: collapse !important;
87 |
88 | td,
89 | th {
90 | background-color: #fff !important;
91 | }
92 | }
93 | .table-bordered {
94 | th,
95 | td {
96 | border: 1px solid #ddd !important;
97 | }
98 | }
99 |
100 | // Bootstrap specific changes end
101 | }
102 |
--------------------------------------------------------------------------------
/less/bootstrap/progress-bars.less:
--------------------------------------------------------------------------------
1 | //
2 | // Progress bars
3 | // --------------------------------------------------
4 |
5 |
6 | // Bar animations
7 | // -------------------------
8 |
9 | // WebKit
10 | @-webkit-keyframes progress-bar-stripes {
11 | from { background-position: 40px 0; }
12 | to { background-position: 0 0; }
13 | }
14 |
15 | // Spec and IE10+
16 | @keyframes progress-bar-stripes {
17 | from { background-position: 40px 0; }
18 | to { background-position: 0 0; }
19 | }
20 |
21 |
22 | // Bar itself
23 | // -------------------------
24 |
25 | // Outer container
26 | .progress {
27 | overflow: hidden;
28 | height: @line-height-computed;
29 | margin-bottom: @line-height-computed;
30 | background-color: @progress-bg;
31 | border-radius: @progress-border-radius;
32 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
33 | }
34 |
35 | // Bar of progress
36 | .progress-bar {
37 | float: left;
38 | width: 0%;
39 | height: 100%;
40 | font-size: @font-size-small;
41 | line-height: @line-height-computed;
42 | color: @progress-bar-color;
43 | text-align: center;
44 | background-color: @progress-bar-bg;
45 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
46 | .transition(width .6s ease);
47 | }
48 |
49 | // Striped bars
50 | //
51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
52 | // `.progress-bar-striped` class, which you just add to an existing
53 | // `.progress-bar`.
54 | .progress-striped .progress-bar,
55 | .progress-bar-striped {
56 | #gradient > .striped();
57 | background-size: 40px 40px;
58 | }
59 |
60 | // Call animation for the active one
61 | //
62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
63 | // `.progress-bar.active` approach.
64 | .progress.active .progress-bar,
65 | .progress-bar.active {
66 | .animation(progress-bar-stripes 2s linear infinite);
67 | }
68 |
69 |
70 | // Variations
71 | // -------------------------
72 |
73 | .progress-bar-success {
74 | .progress-bar-variant(@progress-bar-success-bg);
75 | }
76 |
77 | .progress-bar-info {
78 | .progress-bar-variant(@progress-bar-info-bg);
79 | }
80 |
81 | .progress-bar-warning {
82 | .progress-bar-variant(@progress-bar-warning-bg);
83 | }
84 |
85 | .progress-bar-danger {
86 | .progress-bar-variant(@progress-bar-danger-bg);
87 | }
88 |
--------------------------------------------------------------------------------
/less/bootstrap/responsive-embed.less:
--------------------------------------------------------------------------------
1 | // Embeds responsive
2 | //
3 | // Credit: Nicolas Gallagher and SUIT CSS.
4 |
5 | .embed-responsive {
6 | position: relative;
7 | display: block;
8 | height: 0;
9 | padding: 0;
10 | overflow: hidden;
11 |
12 | .embed-responsive-item,
13 | iframe,
14 | embed,
15 | object,
16 | video {
17 | position: absolute;
18 | top: 0;
19 | left: 0;
20 | bottom: 0;
21 | height: 100%;
22 | width: 100%;
23 | border: 0;
24 | }
25 | }
26 |
27 | // Modifier class for 16:9 aspect ratio
28 | .embed-responsive-16by9 {
29 | padding-bottom: 56.25%;
30 | }
31 |
32 | // Modifier class for 4:3 aspect ratio
33 | .embed-responsive-4by3 {
34 | padding-bottom: 75%;
35 | }
36 |
--------------------------------------------------------------------------------
/less/bootstrap/thumbnails.less:
--------------------------------------------------------------------------------
1 | //
2 | // Thumbnails
3 | // --------------------------------------------------
4 |
5 |
6 | // Mixin and adjust the regular image class
7 | .thumbnail {
8 | display: block;
9 | padding: @thumbnail-padding;
10 | margin-bottom: @line-height-computed;
11 | line-height: @line-height-base;
12 | background-color: @thumbnail-bg;
13 | border: 1px solid @thumbnail-border;
14 | border-radius: @thumbnail-border-radius;
15 | .transition(border .2s ease-in-out);
16 |
17 | > img,
18 | a > img {
19 | &:extend(.img-responsive);
20 | margin-left: auto;
21 | margin-right: auto;
22 | }
23 |
24 | // Add a hover state for linked versions only
25 | a&:hover,
26 | a&:focus,
27 | a&.active {
28 | border-color: @link-color;
29 | }
30 |
31 | // Image captions
32 | .caption {
33 | padding: @thumbnail-caption-padding;
34 | color: @thumbnail-caption-color;
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/less/bootstrap/tooltip.less:
--------------------------------------------------------------------------------
1 | //
2 | // Tooltips
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .tooltip {
8 | position: absolute;
9 | z-index: @zindex-tooltip;
10 | display: block;
11 | // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
12 | // So reset our font and text properties to avoid inheriting weird values.
13 | .reset-text();
14 | font-size: @font-size-small;
15 |
16 | .opacity(0);
17 |
18 | &.in { .opacity(@tooltip-opacity); }
19 | &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
20 | &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
21 | &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
22 | &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
23 | }
24 |
25 | // Wrapper for the tooltip content
26 | .tooltip-inner {
27 | max-width: @tooltip-max-width;
28 | padding: 3px 8px;
29 | color: @tooltip-color;
30 | text-align: center;
31 | background-color: @tooltip-bg;
32 | border-radius: @border-radius-base;
33 | }
34 |
35 | // Arrows
36 | .tooltip-arrow {
37 | position: absolute;
38 | width: 0;
39 | height: 0;
40 | border-color: transparent;
41 | border-style: solid;
42 | }
43 | // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
44 | .tooltip {
45 | &.top .tooltip-arrow {
46 | bottom: 0;
47 | left: 50%;
48 | margin-left: -@tooltip-arrow-width;
49 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
50 | border-top-color: @tooltip-arrow-color;
51 | }
52 | &.top-left .tooltip-arrow {
53 | bottom: 0;
54 | right: @tooltip-arrow-width;
55 | margin-bottom: -@tooltip-arrow-width;
56 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
57 | border-top-color: @tooltip-arrow-color;
58 | }
59 | &.top-right .tooltip-arrow {
60 | bottom: 0;
61 | left: @tooltip-arrow-width;
62 | margin-bottom: -@tooltip-arrow-width;
63 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
64 | border-top-color: @tooltip-arrow-color;
65 | }
66 | &.right .tooltip-arrow {
67 | top: 50%;
68 | left: 0;
69 | margin-top: -@tooltip-arrow-width;
70 | border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
71 | border-right-color: @tooltip-arrow-color;
72 | }
73 | &.left .tooltip-arrow {
74 | top: 50%;
75 | right: 0;
76 | margin-top: -@tooltip-arrow-width;
77 | border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
78 | border-left-color: @tooltip-arrow-color;
79 | }
80 | &.bottom .tooltip-arrow {
81 | top: 0;
82 | left: 50%;
83 | margin-left: -@tooltip-arrow-width;
84 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
85 | border-bottom-color: @tooltip-arrow-color;
86 | }
87 | &.bottom-left .tooltip-arrow {
88 | top: 0;
89 | right: @tooltip-arrow-width;
90 | margin-top: -@tooltip-arrow-width;
91 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
92 | border-bottom-color: @tooltip-arrow-color;
93 | }
94 | &.bottom-right .tooltip-arrow {
95 | top: 0;
96 | left: @tooltip-arrow-width;
97 | margin-top: -@tooltip-arrow-width;
98 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
99 | border-bottom-color: @tooltip-arrow-color;
100 | }
101 | }
102 |
--------------------------------------------------------------------------------
/less/bootstrap/utilities.less:
--------------------------------------------------------------------------------
1 | //
2 | // Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // Floats
7 | // -------------------------
8 |
9 | .clearfix {
10 | .clearfix();
11 | }
12 | .center-block {
13 | .center-block();
14 | }
15 | .pull-right {
16 | float: right !important;
17 | }
18 | .pull-left {
19 | float: left !important;
20 | }
21 |
22 |
23 | // Toggling content
24 | // -------------------------
25 |
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 | display: none !important;
29 | }
30 | .show {
31 | display: block !important;
32 | }
33 | .invisible {
34 | visibility: hidden;
35 | }
36 | .text-hide {
37 | .text-hide();
38 | }
39 |
40 |
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 |
45 | .hidden {
46 | display: none !important;
47 | }
48 |
49 |
50 | // For Affix plugin
51 | // -------------------------
52 |
53 | .affix {
54 | position: fixed;
55 | }
56 |
--------------------------------------------------------------------------------
/less/bootstrap/wells.less:
--------------------------------------------------------------------------------
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 | .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 | }
30 |
--------------------------------------------------------------------------------
/less/styles/bootstrap.less:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v3.3.7 (http://getbootstrap.com)
3 | * Copyright 2011-2016 Twitter, Inc.
4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 | */
6 |
7 | // Core variables and mixins
8 | @import "variables.less";
9 | @import "mixins.less";
10 |
11 | // Reset and dependencies
12 | @import "normalize.less";
13 | @import "print.less";
14 |
15 | // Core CSS
16 | @import "scaffolding.less";
17 | @import "type.less";
18 | @import "code.less";
19 | @import "grid.less";
20 | @import "tables.less";
21 | @import "forms.less";
22 |
23 | // Components
24 | @import "navs.less";
25 | @import "navbar.less";
26 |
27 | // Utility classes
28 | @import "utilities.less";
29 |
--------------------------------------------------------------------------------
/less/styles/code.less:
--------------------------------------------------------------------------------
1 | //
2 | // Code (inline and block)
3 | // --------------------------------------------------
4 |
5 |
6 | // Inline and block code styles
7 | code,
8 | kbd,
9 | pre,
10 | samp {
11 | font-family: @font-family-monospace;
12 | }
13 |
14 | // Inline code
15 | code {
16 | padding: 2px 4px;
17 | font-size: 90%;
18 | color: @code-color;
19 | background-color: @code-bg;
20 | border-radius: @border-radius-base;
21 | }
22 |
23 | // User input typically entered via keyboard
24 | kbd {
25 | padding: 2px 4px;
26 | font-size: 90%;
27 | color: @kbd-color;
28 | background-color: @kbd-bg;
29 | border-radius: @border-radius-small;
30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31 |
32 | kbd {
33 | padding: 0;
34 | font-size: 100%;
35 | font-weight: bold;
36 | box-shadow: none;
37 | }
38 | }
39 |
40 | // Blocks of code
41 | pre {
42 | display: block;
43 | padding: ((@line-height-computed - 1) / 2);
44 | margin: 0 0 (@line-height-computed / 2);
45 | font-size: (@font-size-base - 1); // 14px to 13px
46 | line-height: @line-height-base;
47 | word-break: break-all;
48 | word-wrap: break-word;
49 | color: @pre-color;
50 | background-color: @pre-bg;
51 | border: 1px solid @pre-border-color;
52 | border-radius: @border-radius-base;
53 |
54 | // Account for some code outputs that place code tags in pre tags
55 | code {
56 | padding: 0;
57 | font-size: inherit;
58 | color: inherit;
59 | white-space: pre-wrap;
60 | background-color: transparent;
61 | border-radius: 0;
62 | }
63 | }
64 |
65 | // Enable scrollable blocks of code
66 | .pre-scrollable {
67 | max-height: @pre-scrollable-max-height;
68 | overflow-y: scroll;
69 | }
70 |
--------------------------------------------------------------------------------
/less/styles/fonts.less:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: @default-font-family;
3 | src: url('../../fonts/default-fonts/Roboto/Roboto-Regular.ttf') format('truetype');
4 | font-weight: 400;
5 | font-display: swap;
6 | }
7 |
8 | @font-face {
9 | font-family: @default-font-family;
10 | src: url('../../fonts/default-fonts/Roboto/Roboto-Bold.ttf') format('truetype');
11 | font-weight: 700;
12 | font-display: swap;
13 | }
14 |
15 | @font-face {
16 | font-family: @secondary-font-family;
17 | src: url('../../fonts/default-fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
18 | font-weight: 600;
19 | font-display: swap;
20 | }
21 |
22 | @font-face {
23 | font-family: @secondary-font-family;
24 | src: url('../../fonts/default-fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
25 | font-weight: 700;
26 | font-display: swap;
27 | }
--------------------------------------------------------------------------------
/less/styles/grid.less:
--------------------------------------------------------------------------------
1 | //
2 | // Grid system
3 | // --------------------------------------------------
4 |
5 |
6 | // Container widths
7 | //
8 | // Set the container width, and override it for fixed navbars in media queries.
9 |
10 | .container {
11 | .container-fixed();
12 |
13 | @media (min-width: @screen-sm-min) {
14 | width: @container-sm;
15 | }
16 | @media (min-width: @screen-md-min) {
17 | width: @container-md;
18 | }
19 | @media (min-width: @screen-lg-min) {
20 | width: @container-lg;
21 | }
22 | }
23 |
24 |
25 | // Fluid container
26 | //
27 | // Utilizes the mixin meant for fixed width containers, but without any defined
28 | // width for fluid, full width layouts.
29 |
30 | .container-fluid {
31 | .container-fixed();
32 | }
33 |
34 |
35 | // Row
36 | //
37 | // Rows contain and clear the floats of your columns.
38 |
39 | .row {
40 | .make-row();
41 | }
42 |
43 |
44 | // Columns
45 | //
46 | // Common styles for small and large grid columns
47 |
48 | .make-grid-columns();
49 |
50 |
51 | // Extra small grid
52 | //
53 | // Columns, offsets, pushes, and pulls for extra small devices like
54 | // smartphones.
55 |
56 | .make-grid(xs);
57 |
58 |
59 | // Small grid
60 | //
61 | // Columns, offsets, pushes, and pulls for the small device range, from phones
62 | // to tablets.
63 |
64 | @media (min-width: @screen-sm-min) {
65 | .make-grid(sm);
66 | }
67 |
68 |
69 | // Medium grid
70 | //
71 | // Columns, offsets, pushes, and pulls for the desktop device range.
72 |
73 | @media (min-width: @screen-md-min) {
74 | .make-grid(md);
75 | }
76 |
77 |
78 | // Large grid
79 | //
80 | // Columns, offsets, pushes, and pulls for the large desktop device range.
81 |
82 | @media (min-width: @screen-lg-min) {
83 | .make-grid(lg);
84 | }
85 |
--------------------------------------------------------------------------------
/less/styles/mixins.less:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------------------------------
3 |
4 | // Utilities
5 | @import "mixins/tab-focus.less";
6 | @import "mixins/text-emphasis.less";
7 | @import "mixins/text-overflow.less";
8 | @import "mixins/vendor-prefixes.less";
9 | @import "mixins/hide-text.less";
10 |
11 | // Components
12 | @import "mixins/nav-divider.less";
13 | @import "mixins/forms.less";
14 | @import "mixins/table-row.less";
15 |
16 | // Skins
17 | @import "mixins/background-variant.less";
18 | @import "mixins/border-radius.less";
19 |
20 | // Layout
21 | @import "mixins/clearfix.less";
22 | @import "mixins/center-block.less";
23 | @import "mixins/nav-vertical-align.less";
24 | @import "mixins/grid-framework.less";
25 | @import "mixins/grid.less";
26 |
--------------------------------------------------------------------------------
/less/styles/mixins/background-variant.less:
--------------------------------------------------------------------------------
1 | // Contextual backgrounds
2 |
3 | .bg-variant(@color) {
4 | background-color: @color;
5 | a&:hover,
6 | a&:focus {
7 | background-color: darken(@color, 10%);
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/less/styles/mixins/border-radius.less:
--------------------------------------------------------------------------------
1 | // Single side border-radius
2 |
3 | .border-top-radius(@radius) {
4 | border-top-right-radius: @radius;
5 | border-top-left-radius: @radius;
6 | }
7 | .border-right-radius(@radius) {
8 | border-bottom-right-radius: @radius;
9 | border-top-right-radius: @radius;
10 | }
11 | .border-bottom-radius(@radius) {
12 | border-bottom-right-radius: @radius;
13 | border-bottom-left-radius: @radius;
14 | }
15 | .border-left-radius(@radius) {
16 | border-bottom-left-radius: @radius;
17 | border-top-left-radius: @radius;
18 | }
19 |
--------------------------------------------------------------------------------
/less/styles/mixins/center-block.less:
--------------------------------------------------------------------------------
1 | // Center-align a block level element
2 |
3 | .center-block() {
4 | display: block;
5 | margin-left: auto;
6 | margin-right: auto;
7 | }
8 |
--------------------------------------------------------------------------------
/less/styles/mixins/clearfix.less:
--------------------------------------------------------------------------------
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 | .clearfix() {
14 | &:before,
15 | &:after {
16 | content: " "; // 1
17 | display: table; // 2
18 | }
19 | &:after {
20 | clear: both;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/less/styles/mixins/forms.less:
--------------------------------------------------------------------------------
1 | // Form validation states
2 | //
3 | // Used in forms.less to generate the form validation CSS for warnings, errors,
4 | // and successes.
5 |
6 | .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 | .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 | .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 | .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 | .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. ``
68 | // element gets special love because it's special, and that's a fact!
69 | .input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
70 | height: @input-height;
71 | padding: @padding-vertical @padding-horizontal;
72 | font-size: @font-size;
73 | line-height: @line-height;
74 | border-radius: @border-radius;
75 |
76 | select& {
77 | height: @input-height;
78 | line-height: @input-height;
79 | }
80 |
81 | textarea&,
82 | select[multiple]& {
83 | height: auto;
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/less/styles/mixins/grid-framework.less:
--------------------------------------------------------------------------------
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 | .make-grid-columns() {
7 | // Common styles for all sizes of grid columns, widths 1-12
8 | .col(@index) { // initial
9 | @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
10 | .col((@index + 1), @item);
11 | }
12 | .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
13 | @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
14 | .col((@index + 1), ~"@{list}, @{item}");
15 | }
16 | .col(@index, @list) when (@index > @grid-columns) { // terminal
17 | @{list} {
18 | position: relative;
19 | // Prevent columns from collapsing when empty
20 | min-height: 1px;
21 | // Inner gutter via padding
22 | padding-left: ceil((@grid-gutter-width / 2));
23 | padding-right: floor((@grid-gutter-width / 2));
24 | }
25 | }
26 | .col(1); // kickstart it
27 | }
28 |
29 | .float-grid-columns(@class) {
30 | .col(@index) { // initial
31 | @item: ~".col-@{class}-@{index}";
32 | .col((@index + 1), @item);
33 | }
34 | .col(@index, @list) when (@index =< @grid-columns) { // general
35 | @item: ~".col-@{class}-@{index}";
36 | .col((@index + 1), ~"@{list}, @{item}");
37 | }
38 | .col(@index, @list) when (@index > @grid-columns) { // terminal
39 | @{list} {
40 | float: left;
41 | }
42 | }
43 | .col(1); // kickstart it
44 | }
45 |
46 | .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
47 | .col-@{class}-@{index} {
48 | width: percentage((@index / @grid-columns));
49 | }
50 | }
51 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
52 | .col-@{class}-push-@{index} {
53 | left: percentage((@index / @grid-columns));
54 | }
55 | }
56 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
57 | .col-@{class}-push-0 {
58 | left: auto;
59 | }
60 | }
61 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
62 | .col-@{class}-pull-@{index} {
63 | right: percentage((@index / @grid-columns));
64 | }
65 | }
66 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
67 | .col-@{class}-pull-0 {
68 | right: auto;
69 | }
70 | }
71 | .calc-grid-column(@index, @class, @type) when (@type = offset) {
72 | .col-@{class}-offset-@{index} {
73 | margin-left: percentage((@index / @grid-columns));
74 | }
75 | }
76 |
77 | // Basic looping in LESS
78 | .loop-grid-columns(@index, @class, @type) when (@index >= 0) {
79 | .calc-grid-column(@index, @class, @type);
80 | // next iteration
81 | .loop-grid-columns((@index - 1), @class, @type);
82 | }
83 |
84 | // Create grid for specific class
85 | .make-grid(@class) {
86 | .float-grid-columns(@class);
87 | .loop-grid-columns(@grid-columns, @class, width);
88 | .loop-grid-columns(@grid-columns, @class, pull);
89 | .loop-grid-columns(@grid-columns, @class, push);
90 | .loop-grid-columns(@grid-columns, @class, offset);
91 | }
92 |
--------------------------------------------------------------------------------
/less/styles/mixins/grid.less:
--------------------------------------------------------------------------------
1 | // Grid system
2 | //
3 | // Generate semantic grid columns with these mixins.
4 |
5 | // Centered container element
6 | .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 | &:extend(.clearfix all);
12 | }
13 |
14 | // Creates a wrapper for a series of columns
15 | .make-row(@gutter: @grid-gutter-width) {
16 | margin-left: ceil((@gutter / -2));
17 | margin-right: floor((@gutter / -2));
18 | &:extend(.clearfix all);
19 | }
20 |
21 | // Generate the extra small columns
22 | .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 | .make-xs-column-offset(@columns) {
31 | margin-left: percentage((@columns / @grid-columns));
32 | }
33 | .make-xs-column-push(@columns) {
34 | left: percentage((@columns / @grid-columns));
35 | }
36 | .make-xs-column-pull(@columns) {
37 | right: percentage((@columns / @grid-columns));
38 | }
39 |
40 | // Generate the small columns
41 | .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 | .make-sm-column-offset(@columns) {
53 | @media (min-width: @screen-sm-min) {
54 | margin-left: percentage((@columns / @grid-columns));
55 | }
56 | }
57 | .make-sm-column-push(@columns) {
58 | @media (min-width: @screen-sm-min) {
59 | left: percentage((@columns / @grid-columns));
60 | }
61 | }
62 | .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 | .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 | .make-md-column-offset(@columns) {
81 | @media (min-width: @screen-md-min) {
82 | margin-left: percentage((@columns / @grid-columns));
83 | }
84 | }
85 | .make-md-column-push(@columns) {
86 | @media (min-width: @screen-md-min) {
87 | left: percentage((@columns / @grid-columns));
88 | }
89 | }
90 | .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 | .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 | .make-lg-column-offset(@columns) {
109 | @media (min-width: @screen-lg-min) {
110 | margin-left: percentage((@columns / @grid-columns));
111 | }
112 | }
113 | .make-lg-column-push(@columns) {
114 | @media (min-width: @screen-lg-min) {
115 | left: percentage((@columns / @grid-columns));
116 | }
117 | }
118 | .make-lg-column-pull(@columns) {
119 | @media (min-width: @screen-lg-min) {
120 | right: percentage((@columns / @grid-columns));
121 | }
122 | }
123 |
--------------------------------------------------------------------------------
/less/styles/mixins/hide-text.less:
--------------------------------------------------------------------------------
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 | .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 | .text-hide() {
20 | .hide-text();
21 | }
22 |
--------------------------------------------------------------------------------
/less/styles/mixins/nav-divider.less:
--------------------------------------------------------------------------------
1 | // Horizontal dividers
2 | //
3 | // Dividers (basically an hr) within dropdowns and nav lists
4 |
5 | .nav-divider(@color: #e5e5e5) {
6 | height: 1px;
7 | margin: ((@line-height-computed / 2) - 1) 0;
8 | overflow: hidden;
9 | background-color: @color;
10 | }
11 |
--------------------------------------------------------------------------------
/less/styles/mixins/nav-vertical-align.less:
--------------------------------------------------------------------------------
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 | .navbar-vertical-align(@element-height) {
7 | margin-top: ((@navbar-height - @element-height) / 2);
8 | margin-bottom: ((@navbar-height - @element-height) / 2);
9 | }
10 |
--------------------------------------------------------------------------------
/less/styles/mixins/tab-focus.less:
--------------------------------------------------------------------------------
1 | // WebKit-style focus
2 |
3 | .tab-focus() {
4 | // WebKit-specific. Other browsers will keep their default outline style.
5 | // (Initially tried to also force default via `outline: initial`,
6 | // but that seems to erroneously remove the outline in Firefox altogether.)
7 | outline: 5px auto -webkit-focus-ring-color;
8 | outline-offset: -2px;
9 | }
10 |
--------------------------------------------------------------------------------
/less/styles/mixins/table-row.less:
--------------------------------------------------------------------------------
1 | // Tables
2 |
3 | .table-row-variant(@state; @background) {
4 | // Exact selectors below required to override `.table-striped` and prevent
5 | // inheritance to nested tables.
6 | .table > thead > tr,
7 | .table > tbody > tr,
8 | .table > tfoot > tr {
9 | > td.@{state},
10 | > th.@{state},
11 | &.@{state} > td,
12 | &.@{state} > th {
13 | background-color: @background;
14 | }
15 | }
16 |
17 | // Hover states for `.table-hover`
18 | // Note: this is not available for cells or rows within `thead` or `tfoot`.
19 | .table-hover > tbody > tr {
20 | > td.@{state}:hover,
21 | > th.@{state}:hover,
22 | &.@{state}:hover > td,
23 | &:hover > .@{state},
24 | &.@{state}:hover > th {
25 | background-color: darken(@background, 5%);
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/less/styles/mixins/text-emphasis.less:
--------------------------------------------------------------------------------
1 | // Typography
2 |
3 | .text-emphasis-variant(@color) {
4 | color: @color;
5 | a&:hover,
6 | a&:focus {
7 | color: darken(@color, 10%);
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/less/styles/mixins/text-overflow.less:
--------------------------------------------------------------------------------
1 | // Text overflow
2 | // Requires inline-block or block for proper styling
3 |
4 | .text-overflow() {
5 | overflow: hidden;
6 | text-overflow: ellipsis;
7 | white-space: nowrap;
8 | }
9 |
--------------------------------------------------------------------------------
/less/styles/print.less:
--------------------------------------------------------------------------------
1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
2 |
3 | // ==========================================================================
4 | // Print styles.
5 | // Inlined to avoid the additional HTTP request: h5bp.com/r
6 | // ==========================================================================
7 |
8 | @media print {
9 | *,
10 | *:before,
11 | *:after {
12 | background: transparent !important;
13 | color: #000 !important; // Black prints faster: h5bp.com/s
14 | box-shadow: none !important;
15 | text-shadow: none !important;
16 | }
17 |
18 | a,
19 | a:visited {
20 | text-decoration: underline;
21 | }
22 |
23 | a[href]:after {
24 | content: " (" attr(href) ")";
25 | }
26 |
27 | abbr[title]:after {
28 | content: " (" attr(title) ")";
29 | }
30 |
31 | // Don't show links that are fragment identifiers,
32 | // or use the `javascript:` pseudo protocol
33 | a[href^="#"]:after,
34 | a[href^="javascript:"]:after {
35 | content: "";
36 | }
37 |
38 | pre,
39 | blockquote {
40 | border: 1px solid #999;
41 | page-break-inside: avoid;
42 | }
43 |
44 | thead {
45 | display: table-header-group; // h5bp.com/t
46 | }
47 |
48 | tr,
49 | img {
50 | page-break-inside: avoid;
51 | }
52 |
53 | img {
54 | max-width: 100% !important;
55 | }
56 |
57 | p,
58 | h2,
59 | h3 {
60 | orphans: 3;
61 | widows: 3;
62 | }
63 |
64 | h2,
65 | h3 {
66 | page-break-after: avoid;
67 | }
68 |
69 | // Bootstrap specific changes start
70 |
71 | // Bootstrap components
72 | .navbar {
73 | display: none;
74 | }
75 | .btn,
76 | .dropup > .btn {
77 | > .caret {
78 | border-top-color: #000 !important;
79 | }
80 | }
81 | .label {
82 | border: 1px solid #000;
83 | }
84 |
85 | .table {
86 | border-collapse: collapse !important;
87 |
88 | td,
89 | th {
90 | background-color: #fff !important;
91 | }
92 | }
93 | .table-bordered {
94 | th,
95 | td {
96 | border: 1px solid #ddd !important;
97 | }
98 | }
99 |
100 | // Bootstrap specific changes end
101 | }
102 |
--------------------------------------------------------------------------------
/less/styles/scaffolding.less:
--------------------------------------------------------------------------------
1 | //
2 | // Scaffolding
3 | // --------------------------------------------------
4 |
5 |
6 | // Reset the box-sizing
7 | //
8 | // Heads up! This reset may cause conflicts with some third-party widgets.
9 | // For recommendations on resolving such conflicts, see
10 | // http://getbootstrap.com/getting-started/#third-box-sizing
11 | * {
12 | .box-sizing(border-box);
13 | }
14 | *:before,
15 | *:after {
16 | .box-sizing(border-box);
17 | }
18 |
19 |
20 | // Body reset
21 |
22 | html {
23 | font-size: 10px;
24 | -webkit-tap-highlight-color: rgba(0,0,0,0);
25 | }
26 |
27 | body {
28 | font-family: @font-family-base;
29 | font-size: @font-size-base;
30 | line-height: @line-height-base;
31 | color: @text-color;
32 | }
33 |
34 | // Reset fonts for relevant elements
35 | input,
36 | button,
37 | select,
38 | textarea {
39 | font-family: inherit;
40 | font-size: inherit;
41 | line-height: inherit;
42 | }
43 |
44 |
45 | // Links
46 |
47 | a {
48 | color: @link-color;
49 | text-decoration: none;
50 |
51 | &:hover,
52 | &:focus {
53 | color: @link-hover-color;
54 | text-decoration: @link-hover-decoration;
55 | }
56 |
57 | &:focus {
58 | .tab-focus();
59 | }
60 | }
61 |
62 |
63 | // Figures
64 | //
65 | // We reset this here because previously Normalize had no `figure` margins. This
66 | // ensures we don't break anyone's use of the element.
67 |
68 | figure {
69 | margin: 0;
70 | }
71 |
72 |
73 | // Images
74 |
75 | img {
76 | vertical-align: middle;
77 | }
78 |
79 | // Rounded corners
80 | .img-rounded {
81 | border-radius: @border-radius-large;
82 | }
83 |
84 | // Image thumbnails
85 | //
86 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
87 | .img-thumbnail {
88 | padding: @thumbnail-padding;
89 | line-height: @line-height-base;
90 | background-color: @thumbnail-bg;
91 | border: 1px solid @thumbnail-border;
92 | border-radius: @thumbnail-border-radius;
93 | .transition(all .2s ease-in-out);
94 | }
95 |
96 | // Perfect circle
97 | .img-circle {
98 | border-radius: 50%; // set radius in percents
99 | }
100 |
101 |
102 | // Horizontal rules
103 |
104 | hr {
105 | margin-top: @line-height-computed;
106 | margin-bottom: @line-height-computed;
107 | border: 0;
108 | border-top: 1px solid @hr-border;
109 | }
110 |
111 |
112 | // Only display content to screen readers
113 | //
114 | // See: http://a11yproject.com/posts/how-to-hide-content
115 |
116 | .sr-only {
117 | position: absolute;
118 | width: 1px;
119 | height: 1px;
120 | margin: -1px;
121 | padding: 0;
122 | overflow: hidden;
123 | clip: rect(0,0,0,0);
124 | border: 0;
125 | }
126 |
127 | // Use in conjunction with .sr-only to only display content when it's focused.
128 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
129 | // Credit: HTML5 Boilerplate
130 |
131 | .sr-only-focusable {
132 | &:active,
133 | &:focus {
134 | position: static;
135 | width: auto;
136 | height: auto;
137 | margin: 0;
138 | overflow: visible;
139 | clip: auto;
140 | }
141 | }
142 |
143 |
144 | // iOS "clickable elements" fix for role="button"
145 | //
146 | // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
147 | // for traditionally non-focusable elements with role="button"
148 | // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
149 |
150 | [role="button"] {
151 | cursor: pointer;
152 | }
153 |
--------------------------------------------------------------------------------
/less/styles/slick.less:
--------------------------------------------------------------------------------
1 | /* Slider */
2 |
3 | .slick-slider {
4 | position: relative;
5 | display: block;
6 | box-sizing: border-box;
7 | -webkit-touch-callout: none;
8 | -webkit-user-select: none;
9 | -khtml-user-select: none;
10 | -moz-user-select: none;
11 | -ms-user-select: none;
12 | user-select: none;
13 | -ms-touch-action: pan-y;
14 | touch-action: pan-y;
15 | -webkit-tap-highlight-color: transparent;
16 | }
17 | .slick-list {
18 | position: relative;
19 | overflow: hidden;
20 | display: block;
21 | margin: 0;
22 | padding: 0;
23 |
24 | &:focus {
25 | outline: none;
26 | }
27 |
28 | &.dragging {
29 | cursor: pointer;
30 | cursor: hand;
31 | }
32 | }
33 | .slick-slider .slick-track,
34 | .slick-slider .slick-list {
35 | -webkit-transform: translate3d(0, 0, 0);
36 | -moz-transform: translate3d(0, 0, 0);
37 | -ms-transform: translate3d(0, 0, 0);
38 | -o-transform: translate3d(0, 0, 0);
39 | transform: translate3d(0, 0, 0);
40 | }
41 |
42 | .slick-track {
43 | position: relative;
44 | left: 0;
45 | top: 0;
46 | display: block;
47 |
48 | &:before,
49 | &:after {
50 | content: "";
51 | display: table;
52 | }
53 |
54 | &:after {
55 | clear: both;
56 | }
57 |
58 | .slick-loading & {
59 | visibility: hidden;
60 | }
61 | }
62 | .slick-slide {
63 | float: left;
64 | height: 100%;
65 | min-height: 1px;
66 | [dir="rtl"] & {
67 | float: right;
68 | }
69 | img {
70 | display: block;
71 | }
72 | &.slick-loading img {
73 | display: none;
74 | }
75 |
76 | display: none;
77 |
78 | &.dragging img {
79 | pointer-events: none;
80 | }
81 |
82 | .slick-initialized & {
83 | display: block;
84 | }
85 |
86 | .slick-loading & {
87 | visibility: hidden;
88 | }
89 |
90 | .slick-vertical & {
91 | display: block;
92 | height: auto;
93 | border: 1px solid transparent;
94 | }
95 | }
96 | .slick-arrow.slick-hidden {
97 | display: none;
98 | }
99 |
--------------------------------------------------------------------------------
/less/styles/utilities.less:
--------------------------------------------------------------------------------
1 | //
2 | // Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // Floats
7 | // -------------------------
8 |
9 | .clearfix {
10 | .clearfix();
11 | }
12 | .center-block {
13 | .center-block();
14 | }
15 | .pull-right {
16 | float: right !important;
17 | }
18 | .pull-left {
19 | float: left !important;
20 | }
21 |
22 |
23 | // Toggling content
24 | // -------------------------
25 |
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 | display: none !important;
29 | }
30 | .show {
31 | display: block !important;
32 | }
33 | .invisible {
34 | visibility: hidden;
35 | }
36 | .text-hide {
37 | .text-hide();
38 | }
39 |
40 |
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 |
45 | .hidden {
46 | display: none !important;
47 | }
48 |
49 |
50 | // For Affix plugin
51 | // -------------------------
52 |
53 | .affix {
54 | position: fixed;
55 | }
56 |
--------------------------------------------------------------------------------
/less/woocommerce/components/account.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter.woocommerce-account {
2 | .woocommerce-MyAccount-content {
3 | p a {
4 | border-bottom-color: transparent;
5 |
6 | &:hover {
7 | border-bottom-color: #557cbf;
8 | }
9 | }
10 |
11 | table.woocommerce-table--order-downloads,
12 | table.woocommerce-MyAccount-orders {
13 | border: none;
14 | border-collapse: collapse;
15 |
16 | td a {
17 | border: none;
18 | }
19 |
20 | th, td {
21 | border: none;
22 | border-bottom: 1px solid @woocommerce-cart-order-summary-border-color;
23 | padding: 18px 13px;
24 | text-align: center;
25 | }
26 |
27 | tbody tr:last-child {
28 | th, td {
29 | border-bottom: none;
30 | }
31 | }
32 | }
33 |
34 | li a {
35 | color: #333;
36 | transition: opacity .2s ease-in-out;
37 |
38 | &:hover {
39 | opacity: .7;
40 | }
41 | }
42 | }
43 |
44 | .woocommerce-MyAccount-navigation {
45 | li a {
46 | border: none;
47 | color: #333;
48 | transition: opacity .2s ease-in-out;
49 |
50 | &:hover {
51 | opacity: .7;
52 | }
53 | }
54 |
55 | li::before {
56 | content: '\2022';
57 | font-size: 1.5em;
58 | position: absolute;
59 | left: 20px;
60 | top: -4px;
61 | line-height: 1.3;
62 | color: #557cbf;
63 | }
64 | }
65 |
66 | .woocommerce-Addresses address {
67 | line-height: 2;
68 | }
69 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/animations.less:
--------------------------------------------------------------------------------
1 | @keyframes add-to-cart-loading-animation {
2 | from {
3 | transform: translate(-50%, -50%) rotate(0deg);
4 | }
5 | to {
6 | transform: translate(-50%, -50%) rotate(360deg);
7 | }
8 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/cart.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter {
2 | .vct-cart-items-count {
3 | .item-count;
4 | }
5 |
6 | .vct-promo {
7 | margin: 0 0 30px;
8 | }
9 |
10 | .navbar-wrapper {
11 | display: flex;
12 | }
13 |
14 | .navbar-header {
15 | flex: 1 0 auto;
16 | }
17 |
18 | .vct-cart-wrapper {
19 | display: flex;
20 | align-items: flex-end;
21 | flex: 0 0 auto;
22 | a {
23 | .flex-center-all;
24 | text-decoration: none;
25 | &:hover {
26 | text-decoration: none;
27 | box-shadow: none;
28 | outline: none;
29 | }
30 | }
31 | }
32 |
33 | &.woocommerce-cart {
34 | .woocommerce {
35 | display: flex;
36 | flex-wrap: wrap;
37 |
38 | .cart-empty {
39 | .flex-center-all;
40 | flex: 1 0 100%;
41 | margin: 0 0 20px;
42 | }
43 |
44 | .return-to-shop {
45 | .flex-center-all;
46 | flex: 1 0 100%;
47 | margin: 0;
48 | }
49 |
50 | .vcv-cart-container {
51 | flex: 0 0 70%;
52 | padding-right: 40px;
53 | }
54 |
55 | .cart-collaterals {
56 | flex: 0 0 30%;
57 | .cart_totals .wc-proceed-to-checkout {
58 | padding: 0;
59 | }
60 | }
61 |
62 | table.cart {
63 | border: none;
64 | font-weight: 300;
65 |
66 | .coupon {
67 | display: none;
68 | }
69 |
70 | thead {
71 | display: none;
72 | }
73 |
74 | .cart_item:first-child td {
75 | padding-top: 0;
76 | }
77 |
78 | tr:last-child {
79 | td {
80 | border-bottom: none;
81 | }
82 | }
83 |
84 | td {
85 | border: none;
86 | border-bottom: 1px solid rgba(0, 0, 0, 0.1);
87 | padding: 40px 0;
88 | text-align: center;
89 | }
90 |
91 | img {
92 | width: 100px;
93 | height: 100px;
94 | }
95 |
96 | a.remove {
97 | .close-button-character(relative);
98 | width: @woocommerce-close-button-size;
99 | height: @woocommerce-close-button-size;
100 | font-size: 0;
101 | .flex-center-all;
102 | opacity: .8;
103 | transition: opacity .2s ease-in-out;
104 |
105 | &:hover {
106 | background: transparent;
107 | opacity: 1;
108 | }
109 | }
110 |
111 | .product-remove {
112 | width: 7%;
113 | }
114 |
115 | .product-name {
116 | width: 35%;
117 | a {
118 | text-decoration: none;
119 | border: none;
120 | }
121 | }
122 |
123 | .quantity .qty {
124 | width: 90px;
125 | height: 50px;
126 | padding: 10px 30px 10px 20px;
127 | }
128 |
129 | .vct-input-qty-control-add {
130 | top: 18px;
131 | }
132 |
133 | .vct-input-qty-control-remove {
134 | top: 28px;
135 | }
136 | }
137 | }
138 | }
139 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/checkout.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter .woocommerce form.checkout {
2 | display: flex;
3 | flex-wrap: wrap;
4 | align-items: start;
5 |
6 | .vct-main-form-content {
7 | order: 1;
8 | flex: 0 0 70%;
9 | padding-right: 50px;
10 |
11 | h3 {
12 | margin-top: 20px;
13 | }
14 | }
15 |
16 | .vct-side-summary {
17 | order: 2;
18 | flex: 0 0 30%;
19 | }
20 |
21 | #payment.woocommerce-checkout-payment {
22 | order: 3;
23 | flex: 0 0 70%;
24 | background: transparent;
25 | padding-right: 50px;
26 | }
27 |
28 | .woocommerce-billing-fields h3:first-child {
29 | margin-top: 0;
30 | }
31 |
32 | .woocommerce-billing-fields__field-wrapper {
33 | display: flex;
34 | flex-wrap: wrap;
35 | justify-content: space-between;
36 | }
37 |
38 | .form-row {
39 | flex-basis: 100%;
40 | }
41 |
42 | .form-row-small {
43 | flex-basis: 47%;
44 | }
45 |
46 | .wc_payment_methods {
47 | padding: 1em 0;
48 | }
49 |
50 | .payment_methods label {
51 | cursor: pointer;
52 | display: block;
53 | }
54 |
55 | #payment ul.payment_methods {
56 | padding: 1em 0;
57 | }
58 |
59 | #payment ul.payment_methods li {
60 | padding: 7px 15px;
61 | border: 1px solid @woocommerce-checkout-order-summary-border-color;
62 | margin-bottom: 10px;
63 | border-radius: 3px;
64 | }
65 |
66 | #payment ul.payment_methods li.woocommerce-notice {
67 | border: none;
68 | padding: 23px;
69 | border-radius: 5px;
70 |
71 | &::before {
72 | display: none;
73 | }
74 | }
75 |
76 | #payment ul.payment_methods li .input-radio {
77 | display: none;
78 | }
79 |
80 | #payment div.payment_box {
81 | background-color: transparent;
82 | padding: 1em 0;
83 |
84 | &::before {
85 | display: none;
86 | }
87 | }
88 |
89 | #payment .payment_method_paypal .about_paypal {
90 | display: inline-block;
91 | margin-left: 20px;
92 | float: none;
93 | line-height: 1;
94 | }
95 |
96 | #payment div.form-row {
97 | padding: 1em 0;
98 | }
99 |
100 | label.checkbox {
101 | display: flex;
102 | justify-content: flex-start;
103 | align-items: center;
104 |
105 | .input-checkbox {
106 | width: auto;
107 | position: relative;
108 | }
109 | }
110 |
111 | #payment #place_order {
112 | float: none;
113 | }
114 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/mixins.less:
--------------------------------------------------------------------------------
1 | .close-button-character(@position) {
2 | position: @position;
3 | &::before,
4 | &::after {
5 | content: '';
6 | position: absolute;
7 | transform: rotate(45deg);
8 | }
9 | &::before {
10 | width: 100%;
11 | height: 2px;
12 | }
13 | &::after {
14 | width: 2px;
15 | height: 100%;
16 | }
17 | }
18 |
19 | .flex-center-all {
20 | display: flex;
21 | justify-content: center;
22 | align-items: center;
23 | }
24 |
25 | .arrow-up {
26 | border-left: @woocommerce-form-field-bullet-transparent;
27 | border-right: @woocommerce-form-field-bullet-transparent;
28 | border-bottom: @woocommerce-form-field-bullet;
29 | }
30 |
31 | .arrow-down {
32 | border-left: @woocommerce-form-field-bullet-transparent;
33 | border-right: @woocommerce-form-field-bullet-transparent;
34 | border-top: @woocommerce-form-field-bullet;
35 | }
36 |
37 | .item-count {
38 | background: @vc-starter-theme-woocomemrce-dark-blue;
39 | color: #fff;
40 | width: 25px;
41 | .flex-center-all;
42 | font-size: 12px;
43 | border-radius: 50%;
44 | line-height: 2.1;
45 | margin-left: 10px;
46 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/notices.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter,
2 | .visualcomposerstarter.woocommerce {
3 | .woocommerce-notices-wrapper {
4 | display: flex;
5 | flex: 0 0 100%;
6 | flex-wrap: wrap;
7 | width: 100%;
8 | }
9 | div.woocommerce-error,
10 | div.woocommerce-info,
11 | div.woocommerce-message {
12 | display: flex;
13 | justify-content: flex-start;
14 | align-items: center;
15 | width: 100%;
16 | padding: 23px;
17 | border: none;
18 | border-radius: 5px;
19 | font-size: 13px;
20 | color: #fff;
21 |
22 | &::before {
23 | display: none;
24 | }
25 |
26 | a.button,
27 | .button,
28 | .restore-item,
29 | .showcoupon {
30 | float: none;
31 | order: 1;
32 | border: none;
33 | padding: 1px 1px 1px 3px;
34 | font-weight: 600;
35 | line-height: 0;
36 | color: #fff;
37 | background: transparent;
38 | font-size: 14px;
39 |
40 | &:hover {
41 | background: transparent;
42 | color: #fff;
43 | }
44 | }
45 |
46 | a.button,
47 | .button,
48 | .restore-item {
49 | width: 100px;
50 | }
51 | }
52 |
53 | .woocommerce-error {
54 | background: #F6424C;
55 | flex-wrap: wrap;
56 |
57 | li {
58 | .flex-center-all;
59 | line-height: 2;
60 | flex: 0 0 100%;
61 | justify-content: flex-start;
62 | &::before,
63 | &::after {
64 | display: none;
65 | }
66 | strong {
67 | margin-right: 5px;
68 | }
69 | }
70 | .vct-close-woocommerce-msg-container {
71 | position: absolute;
72 | right: 23px;
73 | }
74 | }
75 |
76 | .woocommerce-info {
77 | background: #FBD137;
78 | .showlogin {
79 | color: #fff;
80 | margin-left: 5px;
81 | }
82 | }
83 |
84 | .woocommerce > .woocommerce-info {
85 | flex: 0 0 100%;
86 | }
87 |
88 | .woocommerce-message {
89 | background: @vc-starter-theme-woocomemrce-dark-blue;
90 | }
91 |
92 | .vct-close-woocommerce-msg-container {
93 | margin-left: auto !important; // to overwrite woocommerce important
94 | }
95 |
96 | .vct-close-woocommerce-msg {
97 | .flex-center-all;
98 | width: @woocommerce-close-button-size;
99 | height: @woocommerce-close-button-size;
100 | cursor: pointer;
101 | order: 2;
102 | margin-left: auto;
103 |
104 | .close-button-character(relative);
105 | &::before,
106 | &::after {
107 | background: #fff;
108 | }
109 | }
110 |
111 | .woocommerce-store-notice.demo_store {
112 | font-family: 'Roboto', Arial, sans-serif;
113 | font-style: italic;
114 | background: @vc-starter-theme-woocomemrce-dark-blue;
115 | }
116 |
117 | .woocommerce-NoticeGroup {
118 | width: 100%;
119 | }
120 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/order-summary.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter {
2 | .vct-side-summary,
3 | &.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
4 | float: none;
5 | width: 100%;
6 | padding: 22px;
7 | box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
8 | border-radius: 5px;
9 | background: #fff;
10 | }
11 |
12 | .vct-side-summary h3,
13 | &.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
14 | font-size: 22px;
15 | }
16 |
17 | .woocommerce table.shop_table {
18 | font-size: 15px;
19 | border: none;
20 | border-radius: 0;
21 | border-top: 1px solid @woocommerce-cart-order-summary-border-color;
22 |
23 | td, th {
24 | width: 50%;
25 | border: none;
26 | padding: 22px 12px;
27 | font-weight: 300;
28 | }
29 |
30 | th {
31 | padding-left: 0;
32 | }
33 |
34 | td {
35 | text-align: right;
36 | padding-right: 0;
37 | }
38 | }
39 |
40 | .woocommerce table.shop_table .cart-subtotal {
41 | th, td {
42 | padding-bottom: 10px;
43 | }
44 | }
45 |
46 | .woocommerce table.shop_table .tax-rate {
47 | th, td {
48 | padding-top: 10px;
49 | }
50 | }
51 |
52 | .woocommerce table.shop_table .order-total {
53 | td, th {
54 | border: none;
55 | border-top: 1px solid @woocommerce-cart-order-summary-border-color;
56 | font-weight: 700;
57 | }
58 | }
59 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/pagination.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter.woocommerce {
2 | nav.woocommerce-pagination ul {
3 | border: none;
4 | li {
5 | border: none;
6 |
7 | span,
8 | a {
9 | .flex-center-all;
10 | width: 30px;
11 | height: 30px;
12 | padding: 0;
13 | border-radius: 50%;
14 | font-size: 13px;
15 | font-style: italic;
16 | font-weight: 300;
17 | margin: 0 6px;
18 | }
19 |
20 | span.current {
21 | background: #547CBF;
22 | color: #fff;
23 | }
24 | .next,
25 | .prev {
26 | width: 60px;
27 | border-radius: 30px;
28 | }
29 |
30 | a {
31 | background: #eee;
32 | color: #8C8C8C;
33 | }
34 | }
35 | }
36 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/related.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter.woocommerce {
2 | .related.products {
3 | clear: both;
4 | h2 {
5 | font-size: 24px;
6 | margin-bottom: 40px;
7 | }
8 | span.price {
9 | font-size: 16px;
10 | }
11 | ul.products li.product .woocommerce-loop-product__title {
12 | font-size: 20px;
13 | }
14 | }
15 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/shop.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter.woocommerce {
2 | .woocommerce-result-count {
3 | margin: 12px 0 0;
4 | }
5 |
6 | ul.products {
7 | display: flex;
8 | flex-wrap: wrap;
9 | }
10 |
11 | ul.products li.product {
12 | display: flex;
13 | flex-direction: column;
14 | justify-content: space-between;
15 |
16 | .onsale {
17 | top: 2%;
18 | left: 4%;
19 | right: auto;
20 | width: 2%;
21 | margin: 0;
22 |
23 | svg {
24 | width: 100%;
25 | height: auto;
26 | }
27 | }
28 |
29 | .woocommerce-loop-product__title {
30 | font-size: 22px;
31 | font-weight: 600;
32 | }
33 |
34 | .price {
35 | font-size: 16px;
36 | ins{
37 | text-decoration: none;
38 | }
39 | del {
40 | text-decoration: line-through;
41 | opacity: 1;
42 | }
43 | }
44 |
45 | }
46 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/thankyou.less:
--------------------------------------------------------------------------------
1 | .visualcomposerstarter {
2 | .vct-thank-you-title,
3 | .vct-thank-you-subtitle,
4 | .vct-thank-you-subtitle + p {
5 | text-align: center;
6 | }
7 |
8 | .woocommerce-order .woocommerce-order-details,
9 | .woocommerce-order .woocommerce-customer-details {
10 | width: 70%;
11 | margin: 0 auto 2em;
12 | }
13 |
14 | .woocommerce-order .woocommerce-order-details {
15 | padding: 0 0 20px;
16 | border-bottom: 1px solid #bbb;
17 | }
18 |
19 | .woocommerce-order .woocommerce-order-details__title,
20 | .woocommerce-order .woocommerce-column__title {
21 | margin: 30px 0;
22 | }
23 |
24 | .vct-order-detail,
25 | .vct-billing-detail {
26 | display: flex;
27 | margin: 0 0 15px;
28 | padding: 0;
29 |
30 | &::before {
31 | display: none;
32 | }
33 |
34 | span {
35 | flex: 0 0 50%;
36 | }
37 |
38 | span:nth-child(2) {
39 | font-weight: 600;
40 | }
41 |
42 | span a {
43 | color: inherit;
44 | border-color: inherit;
45 | }
46 | }
47 |
48 | .vct-thank-you-footer {
49 | text-align: center;
50 | margin: 100px 0 50px;
51 | }
52 |
53 | }
--------------------------------------------------------------------------------
/less/woocommerce/components/variables.less:
--------------------------------------------------------------------------------
1 | /*
2 | Color
3 | */
4 | //Colors
5 | @vc-starter-theme-woocomemrce-dark-blue: #2B4B80;
6 | @woocommerce-border-color: rgba(0, 0, 0, 0.1);
7 |
8 | //Price
9 | @woocommerce-product-price-color: @vc-starter-theme-woocomemrce-dark-blue;
10 | @woocommerce-product-old-price-color: #d5d5d5;
11 |
12 | //Form fields
13 | @woocommerce-form-field-border-color: @woocommerce-border-color;
14 | @woocommerce-form-field-bullet-color: @woocommerce-border-color;
15 |
16 | //Close button
17 | @woocommerce-cart-product-remove-color: #b9b9b9;
18 | @woocommerce-close-button-size: 18px;
19 |
20 | //Cart
21 | @woocommerce-cart-table-color: #979797;
22 | @woocommerce-cart-update-cart-color: #4E4E4E;
23 | @woocommerce-cart-order-summary-border-color: @woocommerce-border-color;
24 | @woocommerce-cart-promo-code-color: #979797;
25 |
26 | //Button
27 | @woocommerce-basic-button-background-color: #557cbf;
28 |
29 | //Checkout
30 | @woocommerce-checkout-order-summary-border-color: @woocommerce-border-color;
31 |
32 | /*
33 | Shapes
34 | */
35 |
36 | //Form fiels bullet
37 | @woocommerce-form-field-bullet-transparent: 5px solid transparent;
38 | @woocommerce-form-field-bullet: 5px solid @woocommerce-form-field-bullet-color;
39 |
40 |
41 |
--------------------------------------------------------------------------------
/less/woocommerce/woocommerce.less:
--------------------------------------------------------------------------------
1 | @import "components/animations";
2 | @import "components/variables";
3 | @import "components/mixins";
4 | @import "components/buttons";
5 | @import "components/pagination";
6 | @import "components/form-fields";
7 | @import "components/cart";
8 | @import "components/notices";
9 | @import "components/shop";
10 | @import "components/product";
11 | @import "components/related";
12 | @import "components/checkout";
13 | @import "components/widgets";
14 | @import "components/thankyou";
15 | @import "components/account";
16 | @import "components/order-summary";
17 | @import "components/media";
18 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "visual-composer-starter",
3 | "version": "2.0.4",
4 | "description": "Visual Composer Starter Theme",
5 | "main": "Gruntfile.js",
6 | "scripts": {
7 | "build": "grunt build",
8 | "watch": "grunt watch"
9 | },
10 | "repository": {
11 | "type": "git",
12 | "url": "git+https://github.com/VisualComposer/visual-composer-starter.git"
13 | },
14 | "keywords": [
15 | "WordPress",
16 | "blog"
17 | ],
18 | "author": "Visual Composer",
19 | "license": "GPL-3.0",
20 | "bugs": {
21 | "url": "https://github.com/VisualComposer/visual-composer-starter/issues"
22 | },
23 | "homepage": "https://github.com/VisualComposer/visual-composer-starter#readme",
24 | "devDependencies": {
25 | "autoprefixer": "9.7.2",
26 | "grunt": "1.0.4",
27 | "grunt-banner": "0.6.0",
28 | "grunt-composer": "0.4.5",
29 | "grunt-contrib-cssmin": "3.0.0",
30 | "grunt-contrib-less": "2.0.0",
31 | "grunt-contrib-watch": "1.1.0",
32 | "grunt-postcss": "0.9.0",
33 | "jscs": "3.0.7",
34 | "jshint": "2.10.3",
35 | "load-grunt-tasks": "5.1.0",
36 | "grunt-contrib-uglify": "4.0.1"
37 | },
38 | "browserslist": [
39 | "> 1%",
40 | "last 3 versions",
41 | "ie 10",
42 | "ie 11"
43 | ]
44 | }
45 |
--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
1 |
11 |
12 |
13 |
14 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
12 |
13 |
14 |
15 |
16 |
21 |
22 |
23 |
24 |
39 |
51 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
27 |
28 |
29 |
34 |
35 |
36 |
37 |
38 | ' . esc_html__( 'Previous', 'visual-composer-starter' ) . '' . esc_html__( 'Previous post:', 'visual-composer-starter' ) . ' %title '
42 | );
43 | ?>
44 |
45 |
46 |
47 |
48 | ' . esc_html__( 'Next', 'visual-composer-starter' ) . '' . esc_html__( 'Next post:', 'visual-composer-starter' ) . ' %title '
52 | );
53 | ?>
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
66 |
67 |
68 |
69 |
70 |
12 |
13 |
14 |
21 |
22 |
27 |
28 |
29 |
30 |
31 |
>
12 |
16 |
17 |
18 |
29 |
30 |
31 |
32 |
33 |
35 |
36 |
37 |
40 |
41 |
54 |
--------------------------------------------------------------------------------
/template-parts/content-none.php:
--------------------------------------------------------------------------------
1 |
11 |
12 |
13 |
16 |
17 |
18 |
19 |
20 |
', '' ); ?>
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
37 |
--------------------------------------------------------------------------------
/template-parts/content-page.php:
--------------------------------------------------------------------------------
1 |
11 |
12 |
16 |
17 | '
',
21 | 'after' => '
',
22 | 'link_before' => '
',
23 | 'link_after' => ' ',
24 | )
25 | );
26 | ?>
27 |
15 |
>
16 |
17 |
18 | '',
22 | 'after' => '
',
23 | 'link_before' => '',
24 | 'link_after' => ' ',
25 | )
26 | );
27 | ?>
28 |
29 |
30 |
>
12 |
17 |
18 |
19 |
20 |
21 |
22 |
', esc_url( get_permalink() ) ), ' ' ); ?>
23 |
24 |
25 |
26 |
31 |
--------------------------------------------------------------------------------
/template-parts/content.php:
--------------------------------------------------------------------------------
1 |
11 | >
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
', esc_url( get_permalink() ) ), ' ' ); ?>
20 |
21 |
22 |
23 |
29 |
--------------------------------------------------------------------------------
/woocommerce.php:
--------------------------------------------------------------------------------
1 |
11 |
12 |
13 |
14 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
25 |
26 |
27 |
28 | has_status( 'failed' ) ) : ?>
29 |
30 |
31 |
32 |
33 |
38 |
39 |
40 |
41 |
42 |
46 |
47 |
48 |
49 | get_payment_method(), $order->get_id() ); ?>
50 | get_id() ); ?>
51 |
52 |
53 |
59 |
60 |
61 |
62 |
63 |
67 |
68 |
69 |
70 |
71 |
23 |
25 |
30 |
31 |
32 |
33 |
49 |
50 |
41 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | $title ) : ?>
52 |
56 |
57 |
60 |
61 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
31 |
32 |
--------------------------------------------------------------------------------
/woocommerce/notices/success.php:
--------------------------------------------------------------------------------
1 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/woocommerce/order/order-details-customer.php:
--------------------------------------------------------------------------------
1 |
23 |
24 |
28 |
29 | get_billing_first_name() || $order->get_billing_last_name() ) : ?>
30 |
31 | get_billing_first_name() ); ?>get_billing_last_name() ); ?>
33 |
34 |
35 | get_billing_phone() ) : ?>
36 |
37 | get_billing_phone() ); ?>
39 |
40 |
41 | get_billing_email() ) : ?>
42 |
43 | get_billing_email() ); ?>
45 |
46 |
47 | get_billing_company() ) : ?>
48 |
49 | get_billing_company() ); ?>
51 |
52 |
53 | get_billing_country() ) : ?>
54 |
55 | get_billing_country() ); ?>
57 |
58 |
59 | get_billing_city() || $order->get_billing_address_1() || $order->billing_address_2() ) : ?>
60 |
61 |
63 | get_billing_address_1() ) {
65 | echo esc_html( $order->get_billing_address_1() );
66 | if ( $order->get_billing_address_2() ) {
67 | echo ' - ' . esc_html( $order->get_billing_address_2() );
68 | }
69 | echo ', ';
70 | }
71 |
72 | if ( $order->get_billing_city() ) {
73 | echo esc_html( $order->get_billing_city() . ', ' );
74 | }
75 |
76 | if ( $order->get_billing_state() ) {
77 | echo esc_html( $order->get_billing_state() );
78 | }
79 | ?>
80 |
81 |
82 |
83 | get_billing_postcode() ) : ?>
84 |
85 | get_billing_postcode() ); ?>
87 |
88 |
89 |
90 |
91 |
--------------------------------------------------------------------------------
/woocommerce/order/order-details-item.php:
--------------------------------------------------------------------------------
1 |
27 |
28 |
29 |
30 |
31 |
32 |
33 | is_visible();
35 | $product_permalink = apply_filters( 'woocommerce_order_item_permalink', $is_visible ? $product->get_permalink( $item ) : '', $item, $order );
36 |
37 | // @codingStandardsIgnoreStart
38 | echo apply_filters( 'woocommerce_order_item_name', $product_permalink ? sprintf( '%s ', $product_permalink, $item->get_name() ) : $item->get_name(), $item, $is_visible );
39 | echo apply_filters( 'woocommerce_order_item_quantity_html', ' ' . sprintf( '× %s', $item->get_quantity() ) . ' ', $item );
40 | // @codingStandardsIgnoreEnd
41 | do_action( 'woocommerce_order_item_meta_start', $item_id, $item, $order, false );
42 |
43 | wc_display_item_meta( $item );
44 |
45 | do_action( 'woocommerce_order_item_meta_end', $item_id, $item, $order, false );
46 | ?>
47 |
48 |
49 |
--------------------------------------------------------------------------------
/woocommerce/single-product/meta.php:
--------------------------------------------------------------------------------
1 |
25 |
26 |
27 |
28 |
29 | get_sku() || $product->is_type( 'variable' ) ) ) : ?>
30 |
31 |
32 |
33 | get_sku() ) ? $sku : esc_html__( 'N/A', 'visual-composer-starter' );
36 | ?>
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/woocommerce/single-product/price.php:
--------------------------------------------------------------------------------
1 |
26 |
27 | get_price_html();
30 | ?>
31 |
32 |
--------------------------------------------------------------------------------
/woocommerce/single-product/rating.php:
--------------------------------------------------------------------------------
1 | get_rating_count();
30 | $review_count = $product->get_review_count();
31 | $average = $product->get_average_rating();
32 |
33 | if ( $rating_count > 0 ) : ?>
34 |
35 |
36 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
21 | 22 |
23 | 24 | 25 | 26 | 27 |28 | 'visualcomposerstarter_comment', 31 | 'reply_text' => esc_html__( 'Reply', 'visual-composer-starter' ), 32 | 'avatar_size' => 80, 33 | 'style' => 'ol', 34 | ) 35 | ); ?> 36 |
37 | 38 | 39 | 40 | 41 | 42 | 46 | 47 | 48 | 49 | '', 53 | 'title_reply_after' => '
', 54 | 'title_reply' => esc_html__( 'Leave A Comment', 'visual-composer-starter' ), 55 | ) ); 56 | } else { 57 | comment_form( array( 58 | 'title_reply_before' => '', 59 | 'title_reply_after' => '
', 60 | 'title_reply' => esc_html__( 'Share Your Thoughts', 'visual-composer-starter' ), 61 | ) ); 62 | } 63 | 64 | ?> 65 | 66 |