marketplacepos 2.5.1 → 2.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Marketplace/397.9488b7c2d948b1be.js +1 -0
- package/Marketplace/assets/bootstrap_light.scss +1142 -1142
- package/Marketplace/assets/floatingLabel.scss +187 -187
- package/Marketplace/assets/lbd/_alerts.scss +90 -90
- package/Marketplace/assets/lbd/_bootstrap-switch.scss +128 -128
- package/Marketplace/assets/lbd/_buttons.scss +132 -132
- package/Marketplace/assets/lbd/_cards.scss +256 -256
- package/Marketplace/assets/lbd/_chartist.scss +229 -229
- package/Marketplace/assets/lbd/_checkbox-radio-switch.scss +140 -140
- package/Marketplace/assets/lbd/_dropdown.scss +137 -137
- package/Marketplace/assets/lbd/_footers.scss +75 -75
- package/Marketplace/assets/lbd/_inputs.scss +141 -141
- package/Marketplace/assets/lbd/_misc.scss +120 -120
- package/Marketplace/assets/lbd/_mixins.scss +8 -8
- package/Marketplace/assets/lbd/_navbars.scss +235 -235
- package/Marketplace/assets/lbd/_partial-nucleo-icons.scss +574 -574
- package/Marketplace/assets/lbd/_responsive.scss +482 -482
- package/Marketplace/assets/lbd/_sidebar-and-main-panel.scss +333 -333
- package/Marketplace/assets/lbd/_tables.scss +88 -88
- package/Marketplace/assets/lbd/_typography.scss +91 -91
- package/Marketplace/assets/lbd/_variables.scss +272 -272
- package/Marketplace/assets/lbd/mixins/_buttons.scss +69 -69
- package/Marketplace/assets/lbd/mixins/_cards.scss +8 -8
- package/Marketplace/assets/lbd/mixins/_chartist.scss +87 -87
- package/Marketplace/assets/lbd/mixins/_icons.scss +12 -12
- package/Marketplace/assets/lbd/mixins/_inputs.scss +1 -1
- package/Marketplace/assets/lbd/mixins/_labels.scss +20 -20
- package/Marketplace/assets/lbd/mixins/_morphing-buttons.scss +33 -33
- package/Marketplace/assets/lbd/mixins/_navbars.scss +11 -11
- package/Marketplace/assets/lbd/mixins/_social-buttons.scss +42 -42
- package/Marketplace/assets/lbd/mixins/_tabs.scss +3 -3
- package/Marketplace/assets/lbd/mixins/_transparency.scss +19 -19
- package/Marketplace/assets/lbd/mixins/_vendor-prefixes.scss +211 -211
- package/Marketplace/assets/lbd/plugins/_animate.scss +227 -227
- package/Marketplace/assets/lbd/plugins/_datetime-picker.scss +463 -463
- package/Marketplace/assets/light-bootstrap-dashboard.scss +32 -32
- package/Marketplace/assets/pos_variable.scss +83 -83
- package/Marketplace/assets/sitemap.json +39 -39
- package/Marketplace/assets/stepper-custom.scss +32 -32
- package/Marketplace/assets/variables-custom.scss +190 -190
- package/Marketplace/assets/version-adjustment-v5.scss +286 -286
- package/Marketplace/index.html +2 -2
- package/Marketplace/{runtime.de37a7d67f4eed9c.js → runtime.6d4d6c7e2c139e6c.js} +1 -1
- package/package.json +1 -1
- package/Marketplace/397.5ae6b1775c69cdc2.js +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@mixin filter($color){
|
|
2
|
-
@if $color == #FFFFFF{
|
|
3
|
-
background-color: rgba($color,.91);
|
|
4
|
-
} @else {
|
|
5
|
-
background-color: rgba($color,.69);
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
|
|
1
|
+
@mixin filter($color){
|
|
2
|
+
@if $color == #FFFFFF{
|
|
3
|
+
background-color: rgba($color,.91);
|
|
4
|
+
} @else {
|
|
5
|
+
background-color: rgba($color,.69);
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
@@ -1,87 +1,87 @@
|
|
|
1
|
-
// Scales for responsive SVG containers
|
|
2
|
-
@use "sass:math";
|
|
3
|
-
|
|
4
|
-
$ct-scales: ((1), math.div(15, 16), math.div(8, 9), math.div(5, 6), (4*0.2), (3*0.25), math.div(2, 3), (5*0.125), math.div(1, 1.618), (3*0.2), math.div(9, 16), math.div(8, 15), (1*0.5), (2*0.2), (3*0.125), math.div(1, 3), (1*0.25)) !default;
|
|
5
|
-
$ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default;
|
|
6
|
-
|
|
7
|
-
// Class names to be used when generating CSS
|
|
8
|
-
$ct-class-chart: ct-chart !default;
|
|
9
|
-
$ct-class-chart-line: ct-chart-line !default;
|
|
10
|
-
$ct-class-chart-bar: ct-chart-bar !default;
|
|
11
|
-
$ct-class-horizontal-bars: ct-horizontal-bars !default;
|
|
12
|
-
$ct-class-chart-pie: ct-chart-pie !default;
|
|
13
|
-
$ct-class-chart-donut: ct-chart-donut !default;
|
|
14
|
-
$ct-class-label: ct-label !default;
|
|
15
|
-
$ct-class-series: ct-series !default;
|
|
16
|
-
$ct-class-line: ct-line !default;
|
|
17
|
-
$ct-class-point: ct-point !default;
|
|
18
|
-
$ct-class-area: ct-area !default;
|
|
19
|
-
$ct-class-bar: ct-bar !default;
|
|
20
|
-
$ct-class-slice-pie: ct-slice-pie !default;
|
|
21
|
-
$ct-class-slice-donut: ct-slice-donut !default;
|
|
22
|
-
$ct-class-grid: ct-grid !default;
|
|
23
|
-
$ct-class-vertical: ct-vertical !default;
|
|
24
|
-
$ct-class-horizontal: ct-horizontal !default;
|
|
25
|
-
$ct-class-start: ct-start !default;
|
|
26
|
-
$ct-class-end: ct-end !default;
|
|
27
|
-
|
|
28
|
-
// Container ratio
|
|
29
|
-
$ct-container-ratio: math.div(1, 1.618) !default;
|
|
30
|
-
|
|
31
|
-
// Text styles for labels
|
|
32
|
-
$ct-text-color: rgba(0, 0, 0, 0.4) !default;
|
|
33
|
-
$ct-text-size: 1.3rem !default;
|
|
34
|
-
$ct-text-align: flex-start !default;
|
|
35
|
-
$ct-text-justify: flex-start !default;
|
|
36
|
-
$ct-text-line-height: 1;
|
|
37
|
-
|
|
38
|
-
// Grid styles
|
|
39
|
-
$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
|
|
40
|
-
$ct-grid-dasharray: 2px !default;
|
|
41
|
-
$ct-grid-width: 1px !default;
|
|
42
|
-
|
|
43
|
-
// Line chart properties
|
|
44
|
-
$ct-line-width: 3px !default;
|
|
45
|
-
$ct-line-dasharray: false !default;
|
|
46
|
-
$ct-point-size: 8px !default;
|
|
47
|
-
// Line chart point, can be either round or square
|
|
48
|
-
$ct-point-shape: round !default;
|
|
49
|
-
// Area fill transparency between 0 and 1
|
|
50
|
-
$ct-area-opacity: 0.8 !default;
|
|
51
|
-
|
|
52
|
-
// Bar chart bar width
|
|
53
|
-
$ct-bar-width: 10px !default;
|
|
54
|
-
|
|
55
|
-
// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
|
|
56
|
-
$ct-donut-width: 60px !default;
|
|
57
|
-
|
|
58
|
-
// If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you
|
|
59
|
-
// should set this property to false
|
|
60
|
-
$ct-include-classes: true !default;
|
|
61
|
-
|
|
62
|
-
// If this is set to true the CSS will contain colored series. You can extend or change the color with the
|
|
63
|
-
// properties below
|
|
64
|
-
$ct-include-colored-series: $ct-include-classes !default;
|
|
65
|
-
|
|
66
|
-
// If set to true this will include all responsive container variations using the scales defined at the top of the script
|
|
67
|
-
$ct-include-alternative-responsive-containers: $ct-include-classes !default;
|
|
68
|
-
|
|
69
|
-
// Series names and colors. This can be extended or customized as desired. Just add more series and colors.
|
|
70
|
-
$ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default;
|
|
71
|
-
$ct-series-colors: (
|
|
72
|
-
$new-blue,
|
|
73
|
-
$new-red,
|
|
74
|
-
$new-orange,
|
|
75
|
-
$new-purple,
|
|
76
|
-
$new-green,
|
|
77
|
-
$new-dark-blue,
|
|
78
|
-
$new-black,
|
|
79
|
-
$social-google,
|
|
80
|
-
$social-tumblr,
|
|
81
|
-
$social-youtube,
|
|
82
|
-
$social-twitter,
|
|
83
|
-
$social-pinterest,
|
|
84
|
-
$social-behance,
|
|
85
|
-
#6188e2,
|
|
86
|
-
#a748ca
|
|
87
|
-
) !default;
|
|
1
|
+
// Scales for responsive SVG containers
|
|
2
|
+
@use "sass:math";
|
|
3
|
+
|
|
4
|
+
$ct-scales: ((1), math.div(15, 16), math.div(8, 9), math.div(5, 6), (4*0.2), (3*0.25), math.div(2, 3), (5*0.125), math.div(1, 1.618), (3*0.2), math.div(9, 16), math.div(8, 15), (1*0.5), (2*0.2), (3*0.125), math.div(1, 3), (1*0.25)) !default;
|
|
5
|
+
$ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default;
|
|
6
|
+
|
|
7
|
+
// Class names to be used when generating CSS
|
|
8
|
+
$ct-class-chart: ct-chart !default;
|
|
9
|
+
$ct-class-chart-line: ct-chart-line !default;
|
|
10
|
+
$ct-class-chart-bar: ct-chart-bar !default;
|
|
11
|
+
$ct-class-horizontal-bars: ct-horizontal-bars !default;
|
|
12
|
+
$ct-class-chart-pie: ct-chart-pie !default;
|
|
13
|
+
$ct-class-chart-donut: ct-chart-donut !default;
|
|
14
|
+
$ct-class-label: ct-label !default;
|
|
15
|
+
$ct-class-series: ct-series !default;
|
|
16
|
+
$ct-class-line: ct-line !default;
|
|
17
|
+
$ct-class-point: ct-point !default;
|
|
18
|
+
$ct-class-area: ct-area !default;
|
|
19
|
+
$ct-class-bar: ct-bar !default;
|
|
20
|
+
$ct-class-slice-pie: ct-slice-pie !default;
|
|
21
|
+
$ct-class-slice-donut: ct-slice-donut !default;
|
|
22
|
+
$ct-class-grid: ct-grid !default;
|
|
23
|
+
$ct-class-vertical: ct-vertical !default;
|
|
24
|
+
$ct-class-horizontal: ct-horizontal !default;
|
|
25
|
+
$ct-class-start: ct-start !default;
|
|
26
|
+
$ct-class-end: ct-end !default;
|
|
27
|
+
|
|
28
|
+
// Container ratio
|
|
29
|
+
$ct-container-ratio: math.div(1, 1.618) !default;
|
|
30
|
+
|
|
31
|
+
// Text styles for labels
|
|
32
|
+
$ct-text-color: rgba(0, 0, 0, 0.4) !default;
|
|
33
|
+
$ct-text-size: 1.3rem !default;
|
|
34
|
+
$ct-text-align: flex-start !default;
|
|
35
|
+
$ct-text-justify: flex-start !default;
|
|
36
|
+
$ct-text-line-height: 1;
|
|
37
|
+
|
|
38
|
+
// Grid styles
|
|
39
|
+
$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
|
|
40
|
+
$ct-grid-dasharray: 2px !default;
|
|
41
|
+
$ct-grid-width: 1px !default;
|
|
42
|
+
|
|
43
|
+
// Line chart properties
|
|
44
|
+
$ct-line-width: 3px !default;
|
|
45
|
+
$ct-line-dasharray: false !default;
|
|
46
|
+
$ct-point-size: 8px !default;
|
|
47
|
+
// Line chart point, can be either round or square
|
|
48
|
+
$ct-point-shape: round !default;
|
|
49
|
+
// Area fill transparency between 0 and 1
|
|
50
|
+
$ct-area-opacity: 0.8 !default;
|
|
51
|
+
|
|
52
|
+
// Bar chart bar width
|
|
53
|
+
$ct-bar-width: 10px !default;
|
|
54
|
+
|
|
55
|
+
// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
|
|
56
|
+
$ct-donut-width: 60px !default;
|
|
57
|
+
|
|
58
|
+
// If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you
|
|
59
|
+
// should set this property to false
|
|
60
|
+
$ct-include-classes: true !default;
|
|
61
|
+
|
|
62
|
+
// If this is set to true the CSS will contain colored series. You can extend or change the color with the
|
|
63
|
+
// properties below
|
|
64
|
+
$ct-include-colored-series: $ct-include-classes !default;
|
|
65
|
+
|
|
66
|
+
// If set to true this will include all responsive container variations using the scales defined at the top of the script
|
|
67
|
+
$ct-include-alternative-responsive-containers: $ct-include-classes !default;
|
|
68
|
+
|
|
69
|
+
// Series names and colors. This can be extended or customized as desired. Just add more series and colors.
|
|
70
|
+
$ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default;
|
|
71
|
+
$ct-series-colors: (
|
|
72
|
+
$new-blue,
|
|
73
|
+
$new-red,
|
|
74
|
+
$new-orange,
|
|
75
|
+
$new-purple,
|
|
76
|
+
$new-green,
|
|
77
|
+
$new-dark-blue,
|
|
78
|
+
$new-black,
|
|
79
|
+
$social-google,
|
|
80
|
+
$social-tumblr,
|
|
81
|
+
$social-youtube,
|
|
82
|
+
$social-twitter,
|
|
83
|
+
$social-pinterest,
|
|
84
|
+
$social-behance,
|
|
85
|
+
#6188e2,
|
|
86
|
+
#a748ca
|
|
87
|
+
) !default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
@mixin icon-background ($icon-url){
|
|
2
|
-
background-image : url($icon-url);
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
@mixin icon-shape ($size, $padding, $border-radius) {
|
|
7
|
-
height: $size;
|
|
8
|
-
width: $size;
|
|
9
|
-
padding: $padding;
|
|
10
|
-
border-radius: $border-radius;
|
|
11
|
-
display: inline-table;
|
|
12
|
-
|
|
1
|
+
@mixin icon-background ($icon-url){
|
|
2
|
+
background-image : url($icon-url);
|
|
3
|
+
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
@mixin icon-shape ($size, $padding, $border-radius) {
|
|
7
|
+
height: $size;
|
|
8
|
+
width: $size;
|
|
9
|
+
padding: $padding;
|
|
10
|
+
border-radius: $border-radius;
|
|
11
|
+
display: inline-table;
|
|
12
|
+
|
|
13
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
@mixin label-style(){
|
|
2
|
-
padding: $padding-label-vertical $padding-label-horizontal;
|
|
3
|
-
border: 1px solid $default-color;
|
|
4
|
-
border-radius: $border-radius-small;
|
|
5
|
-
color: $default-color;
|
|
6
|
-
font-weight: $font-weight-semi;
|
|
7
|
-
font-size: $font-size-small;
|
|
8
|
-
text-transform: uppercase;
|
|
9
|
-
display: inline-block;
|
|
10
|
-
vertical-align: middle;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@mixin label-color($color){
|
|
14
|
-
border-color: $color;
|
|
15
|
-
color: $color;
|
|
16
|
-
}
|
|
17
|
-
@mixin label-color-fill($color){
|
|
18
|
-
border-color: $color;
|
|
19
|
-
color: $white-color;
|
|
20
|
-
background-color: $color;
|
|
1
|
+
@mixin label-style(){
|
|
2
|
+
padding: $padding-label-vertical $padding-label-horizontal;
|
|
3
|
+
border: 1px solid $default-color;
|
|
4
|
+
border-radius: $border-radius-small;
|
|
5
|
+
color: $default-color;
|
|
6
|
+
font-weight: $font-weight-semi;
|
|
7
|
+
font-size: $font-size-small;
|
|
8
|
+
text-transform: uppercase;
|
|
9
|
+
display: inline-block;
|
|
10
|
+
vertical-align: middle;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@mixin label-color($color){
|
|
14
|
+
border-color: $color;
|
|
15
|
+
color: $color;
|
|
16
|
+
}
|
|
17
|
+
@mixin label-color-fill($color){
|
|
18
|
+
border-color: $color;
|
|
19
|
+
color: $white-color;
|
|
20
|
+
background-color: $color;
|
|
21
21
|
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
$prefixes: ('', '-moz-', '-webkit-', '-ms-') !default;
|
|
2
|
-
|
|
3
|
-
@mixin circle-animation(){
|
|
4
|
-
@for $i from 0 to length($prefixes) {
|
|
5
|
-
@include circle-animation-details(nth($prefixes, $i + 1));
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@mixin circle-animation-details($name){
|
|
10
|
-
#{$name}animation-name: spin;
|
|
11
|
-
#{$name}animation-duration: 1250ms;
|
|
12
|
-
#{$name}animation-iteration-count: infinite;
|
|
13
|
-
#{$name}animation-timing-function: linear;
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
@keyframes spin {
|
|
17
|
-
from { transform:rotate(0deg); }
|
|
18
|
-
to { transform:rotate(360deg); }
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@-webkit-keyframes spin {
|
|
22
|
-
from { -webkit-transform: rotate(0deg); }
|
|
23
|
-
to { -webkit-transform: rotate(360deg); }
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@-moz-keyframes spin {
|
|
27
|
-
from { -moz-transform: rotate(0deg); }
|
|
28
|
-
to { -moz-transform: rotate(360deg); }
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@-ms-keyframes spin {
|
|
32
|
-
from { -ms-transform: rotate(0deg); }
|
|
33
|
-
to { -ms-transform: rotate(360deg); }
|
|
1
|
+
$prefixes: ('', '-moz-', '-webkit-', '-ms-') !default;
|
|
2
|
+
|
|
3
|
+
@mixin circle-animation(){
|
|
4
|
+
@for $i from 0 to length($prefixes) {
|
|
5
|
+
@include circle-animation-details(nth($prefixes, $i + 1));
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@mixin circle-animation-details($name){
|
|
10
|
+
#{$name}animation-name: spin;
|
|
11
|
+
#{$name}animation-duration: 1250ms;
|
|
12
|
+
#{$name}animation-iteration-count: infinite;
|
|
13
|
+
#{$name}animation-timing-function: linear;
|
|
14
|
+
|
|
15
|
+
}
|
|
16
|
+
@keyframes spin {
|
|
17
|
+
from { transform:rotate(0deg); }
|
|
18
|
+
to { transform:rotate(360deg); }
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@-webkit-keyframes spin {
|
|
22
|
+
from { -webkit-transform: rotate(0deg); }
|
|
23
|
+
to { -webkit-transform: rotate(360deg); }
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@-moz-keyframes spin {
|
|
27
|
+
from { -moz-transform: rotate(0deg); }
|
|
28
|
+
to { -moz-transform: rotate(360deg); }
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@-ms-keyframes spin {
|
|
32
|
+
from { -ms-transform: rotate(0deg); }
|
|
33
|
+
to { -ms-transform: rotate(360deg); }
|
|
34
34
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
@mixin navbar-color($color){
|
|
2
|
-
background-color: $color;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
@mixin center-item(){
|
|
6
|
-
left: 0;
|
|
7
|
-
right: 0;
|
|
8
|
-
margin-right: auto;
|
|
9
|
-
margin-left: auto;
|
|
10
|
-
position: absolute;
|
|
11
|
-
}
|
|
1
|
+
@mixin navbar-color($color){
|
|
2
|
+
background-color: $color;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
@mixin center-item(){
|
|
6
|
+
left: 0;
|
|
7
|
+
right: 0;
|
|
8
|
+
margin-right: auto;
|
|
9
|
+
margin-left: auto;
|
|
10
|
+
position: absolute;
|
|
11
|
+
}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
@mixin social-buttons-color ($color){
|
|
2
|
-
|
|
3
|
-
border-color: $color;
|
|
4
|
-
color: $color;
|
|
5
|
-
|
|
6
|
-
&:hover,
|
|
7
|
-
&:focus,
|
|
8
|
-
&:active,
|
|
9
|
-
&.active,
|
|
10
|
-
.open > &.dropdown-toggle {
|
|
11
|
-
background-color: $transparent-bg;
|
|
12
|
-
color: $color;
|
|
13
|
-
border-color: $color;
|
|
14
|
-
opacity: 1;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
&:disabled,
|
|
18
|
-
&[disabled],
|
|
19
|
-
&.disabled {
|
|
20
|
-
background-color: $transparent-bg;
|
|
21
|
-
border-color: $color;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&.btn-fill {
|
|
25
|
-
color: $white-color;
|
|
26
|
-
background-color: $color;
|
|
27
|
-
opacity: 0.9;
|
|
28
|
-
|
|
29
|
-
&:hover,
|
|
30
|
-
&:focus,
|
|
31
|
-
&:active,
|
|
32
|
-
&.active,
|
|
33
|
-
.open > &.dropdown-toggle{
|
|
34
|
-
background-color: $color;
|
|
35
|
-
color: $white-color;
|
|
36
|
-
opacity: 1;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
1
|
+
@mixin social-buttons-color ($color){
|
|
2
|
+
|
|
3
|
+
border-color: $color;
|
|
4
|
+
color: $color;
|
|
5
|
+
|
|
6
|
+
&:hover,
|
|
7
|
+
&:focus,
|
|
8
|
+
&:active,
|
|
9
|
+
&.active,
|
|
10
|
+
.open > &.dropdown-toggle {
|
|
11
|
+
background-color: $transparent-bg;
|
|
12
|
+
color: $color;
|
|
13
|
+
border-color: $color;
|
|
14
|
+
opacity: 1;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&:disabled,
|
|
18
|
+
&[disabled],
|
|
19
|
+
&.disabled {
|
|
20
|
+
background-color: $transparent-bg;
|
|
21
|
+
border-color: $color;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&.btn-fill {
|
|
25
|
+
color: $white-color;
|
|
26
|
+
background-color: $color;
|
|
27
|
+
opacity: 0.9;
|
|
28
|
+
|
|
29
|
+
&:hover,
|
|
30
|
+
&:focus,
|
|
31
|
+
&:active,
|
|
32
|
+
&.active,
|
|
33
|
+
.open > &.dropdown-toggle{
|
|
34
|
+
background-color: $color;
|
|
35
|
+
color: $white-color;
|
|
36
|
+
opacity: 1;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
}
|
|
43
43
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@mixin pill-style($color){
|
|
2
|
-
border: 1px solid $color;
|
|
3
|
-
color: $color;
|
|
1
|
+
@mixin pill-style($color){
|
|
2
|
+
border: 1px solid $color;
|
|
3
|
+
color: $color;
|
|
4
4
|
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
// Opacity
|
|
2
|
-
|
|
3
|
-
@mixin opacity($opacity) {
|
|
4
|
-
opacity: $opacity;
|
|
5
|
-
// IE8 filter
|
|
6
|
-
$opacity-ie: ($opacity * 100);
|
|
7
|
-
filter: #{alpha(opacity=$opacity-ie)};
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
@mixin black-filter($opacity){
|
|
11
|
-
top: 0;
|
|
12
|
-
left: 0;
|
|
13
|
-
height: 100%;
|
|
14
|
-
width: 100%;
|
|
15
|
-
position: absolute;
|
|
16
|
-
background-color: rgba(17,17,17,$opacity);
|
|
17
|
-
display: block;
|
|
18
|
-
content: "";
|
|
19
|
-
z-index: 1;
|
|
1
|
+
// Opacity
|
|
2
|
+
|
|
3
|
+
@mixin opacity($opacity) {
|
|
4
|
+
opacity: $opacity;
|
|
5
|
+
// IE8 filter
|
|
6
|
+
$opacity-ie: ($opacity * 100);
|
|
7
|
+
filter: #{alpha(opacity=$opacity-ie)};
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@mixin black-filter($opacity){
|
|
11
|
+
top: 0;
|
|
12
|
+
left: 0;
|
|
13
|
+
height: 100%;
|
|
14
|
+
width: 100%;
|
|
15
|
+
position: absolute;
|
|
16
|
+
background-color: rgba(17,17,17,$opacity);
|
|
17
|
+
display: block;
|
|
18
|
+
content: "";
|
|
19
|
+
z-index: 1;
|
|
20
20
|
}
|