viniBaxter-desk_front 0.3.1 → 0.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/desk_front/icon-status.svg +9 -0
- data/app/assets/images/desk_front/sidebar-cover.jpg +0 -0
- data/lib/viniBaxter/desk_front/version.rb +1 -1
- data/lib/viniBaxter/sass/.DS_Store +0 -0
- data/lib/viniBaxter/sass/desk_front.scss +10 -4
- data/lib/viniBaxter/sass/desk_front/.DS_Store +0 -0
- data/lib/viniBaxter/sass/desk_front/administrate/base/_tables.scss +3 -1
- data/lib/viniBaxter/sass/desk_front/administrate/index.scss +6 -6
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/_functions.scss +23 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +85 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/_mixins.scss +15 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-animation-on-hover.scss +7 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-chart.scss +84 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-collapse.scss +51 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-contributions.scss +55 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-lock.scss +18 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-map.scss +3 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-plain.scss +16 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-pricing.scss +190 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-profile.scss +49 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-register.scss +79 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-stats-mini.scss +53 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-stats.scss +80 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-subcategories.scss +3 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-task.scss +31 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-testimonials.scss +46 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-user.scss +77 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-wizard.scss +21 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_alerts.scss +89 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_avatars.scss +53 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_badge.scss +25 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_buttons.scss +281 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_card.scss +228 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_checkboxes-radio.scss +154 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_close.scss +29 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_custom-forms.scss +186 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_dropdown.scss +361 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_example-pages.scss +319 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_fixed-plugin.scss +335 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_footer.scss +109 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_forms.scss +146 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_functions.scss +23 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_global.scss +172 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_grid.scss +5 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_icons.scss +92 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_images.scss +7 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_info-areas.scss +170 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_input-group.scss +342 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_misc.scss +215 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_mixins.scss +15 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_modal.scss +257 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_nav.scss +85 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_navbar.scss +480 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_pagination.scss +141 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_pills.scss +169 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_popover.scss +14 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_progress.scss +103 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_reboot.scss +18 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_rtl.scss +268 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_sidebar-and-main-panel.scss +912 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_tables.scss +248 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_tabs.scss +110 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_timeline.scss +251 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_type.scss +166 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_utilities.scss +9 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +997 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_white-content.scss +491 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-animation-on-hover.scss +7 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-chart.scss +84 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-collapse.scss +51 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-contributions.scss +55 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-lock.scss +18 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-map.scss +3 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-plain.scss +16 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-pricing.scss +190 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-profile.scss +49 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-register.scss +79 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-stats-mini.scss +53 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-stats.scss +80 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-subcategories.scss +3 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-task.scss +31 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-testimonials.scss +46 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-user.scss +77 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-wizard.scss +21 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_alert.scss +14 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_background-variant.scss +18 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_badges.scss +15 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_buttons.scss +343 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_dropdown.scss +26 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_forms.scss +127 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_icon.scss +4 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_inputs.scss +234 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_modals.scss +15 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_page-header.scss +7 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_popovers.scss +41 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_vendor-prefixes.scss +202 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_wizard.scss +26 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/opacity.scss +8 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_backgrounds.scss +42 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_floating.scss +54 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_helper.scss +62 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_position.scss +19 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_shadows.scss +10 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_sizing.scss +5 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_spacing.scss +105 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_text.scss +40 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_transform.scss +8 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-animate-bootstrap-notify.scss +227 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-bootstrap-select.scss +358 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-bootstrap-switch.scss +316 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-card-wizard.scss +315 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-datatables.net.scss +135 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-datetimepicker.scss +527 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-fullcalendar.scss +1528 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-jasny-fileupload.scss +116 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-jquery.jvectormap.scss +136 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-nouislider.scss +373 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-perfect-scrollbar.scss +116 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-sweetalert2.scss +711 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-tagsinput.scss +79 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_alert.scss +14 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_background-variant.scss +18 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_badges.scss +15 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_buttons.scss +343 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_dropdown.scss +26 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_forms.scss +127 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_icon.scss +4 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_inputs.scss +234 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_modals.scss +15 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_page-header.scss +7 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_popovers.scss +41 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_vendor-prefixes.scss +202 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_wizard.scss +26 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/opacity.scss +8 -0
- data/lib/viniBaxter/sass/desk_front/dashkit/_avatar.scss +1 -1
- data/lib/viniBaxter/sass/desk_front/dashkit/_card.scss +2 -2
- data/lib/viniBaxter/sass/desk_front/dashkit/_icon.scss +2 -2
- data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +4 -3
- data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss +4 -4
- data/viniBaxter-desk_front.gemspec +1 -1
- metadata +132 -18
- data/Gemfile.lock +0 -35
@@ -0,0 +1,79 @@
|
|
1
|
+
/*
|
2
|
+
* bootstrap-tagsinput v0.8.0
|
3
|
+
*
|
4
|
+
*/
|
5
|
+
|
6
|
+
.bootstrap-tagsinput {
|
7
|
+
display: inline-block;
|
8
|
+
padding: 4px 6px;
|
9
|
+
max-width: 100%;
|
10
|
+
line-height: 22px;
|
11
|
+
|
12
|
+
input{
|
13
|
+
border: none;
|
14
|
+
color: $dark-gray;
|
15
|
+
box-shadow: none;
|
16
|
+
outline: none;
|
17
|
+
background-color: transparent;
|
18
|
+
margin: 0;
|
19
|
+
width: 74px;
|
20
|
+
max-width: inherit;
|
21
|
+
|
22
|
+
&:focus{
|
23
|
+
border: none;
|
24
|
+
box-shadow: none;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
&.form-control input::-moz-placeholder{
|
29
|
+
color: #777;
|
30
|
+
opacity: 1;
|
31
|
+
}
|
32
|
+
|
33
|
+
&.form-control input:-ms-input-placeholder,
|
34
|
+
&.form-control input::-webkit-input-placeholder{
|
35
|
+
color: #777;
|
36
|
+
}
|
37
|
+
|
38
|
+
.badge{
|
39
|
+
cursor: pointer;
|
40
|
+
margin: 5px 3px 5px 0;
|
41
|
+
position: relative;
|
42
|
+
padding: 3px 8px;
|
43
|
+
border-radius: 12px;
|
44
|
+
font-weight: 500;
|
45
|
+
font-size: 0.75em;
|
46
|
+
text-transform: uppercase;
|
47
|
+
display: inline-block;
|
48
|
+
line-height: 1.5em;
|
49
|
+
padding-left: 0.8em;
|
50
|
+
|
51
|
+
&:hover{
|
52
|
+
padding-right: 22px;
|
53
|
+
|
54
|
+
[data-role="remove"]{
|
55
|
+
opacity: 1;
|
56
|
+
padding-right: 4px;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
|
60
|
+
[data-role="remove"]{
|
61
|
+
cursor: pointer;
|
62
|
+
position: absolute;
|
63
|
+
top: 3px;
|
64
|
+
right: 0px;
|
65
|
+
opacity: 0;
|
66
|
+
background-color: transparent;
|
67
|
+
}
|
68
|
+
|
69
|
+
[data-role="remove"]{
|
70
|
+
&:after{
|
71
|
+
font-family: 'Nucleo';
|
72
|
+
content: "\ea48";
|
73
|
+
padding: 0px 2px;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
}
|
77
|
+
|
78
|
+
|
79
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
@mixin alert-variant($background, $border, $color) {
|
2
|
+
color: color-yiq($background);
|
3
|
+
// @include gradient-bg($background);
|
4
|
+
background-color: lighten($background, 5%);
|
5
|
+
border-color: $border;
|
6
|
+
|
7
|
+
hr {
|
8
|
+
border-top-color: darken($border, 5%);
|
9
|
+
}
|
10
|
+
|
11
|
+
.alert-link {
|
12
|
+
color: darken($color, 10%);
|
13
|
+
}
|
14
|
+
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
// Contextual backgrounds
|
2
|
+
@mixin bg-variant($parent, $color) {
|
3
|
+
#{$parent} {
|
4
|
+
background-color: $color !important;
|
5
|
+
}
|
6
|
+
a#{$parent},
|
7
|
+
button#{$parent} {
|
8
|
+
@include hover-focus {
|
9
|
+
background-color: darken($color, 10%) !important;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
@mixin bg-gradient-variant($parent, $color) {
|
15
|
+
#{$parent} {
|
16
|
+
background: linear-gradient(87deg, $color 0, adjust-hue($color, 25%) 100%) !important;
|
17
|
+
}
|
18
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
@mixin badge-variant($bg) {
|
2
|
+
color: color-yiq($bg);
|
3
|
+
background-color: $bg;
|
4
|
+
|
5
|
+
&[href] {
|
6
|
+
@include hover-focus {
|
7
|
+
color: color-yiq($bg);
|
8
|
+
text-decoration: none;
|
9
|
+
background-color: darken($bg, 3%);
|
10
|
+
}
|
11
|
+
}
|
12
|
+
.tagsinput-remove-link{
|
13
|
+
color: $white;
|
14
|
+
}
|
15
|
+
}
|
@@ -0,0 +1,343 @@
|
|
1
|
+
@mixin btn-styles($btn-color, $btn-states-color) {
|
2
|
+
@include diagonal-gradient($btn-color, $btn-states-color);
|
3
|
+
background-color: $btn-color;
|
4
|
+
transition: all 0.15s ease;
|
5
|
+
box-shadow: none;
|
6
|
+
&.animation-on-hover:hover{
|
7
|
+
background-position: bottom left;
|
8
|
+
transition:0.3s ease-in-out;
|
9
|
+
}
|
10
|
+
|
11
|
+
&:hover,
|
12
|
+
&:focus,
|
13
|
+
&:active,
|
14
|
+
&.active,
|
15
|
+
&:active:focus,
|
16
|
+
&:active:hover,
|
17
|
+
&.active:focus,
|
18
|
+
&.active:hover
|
19
|
+
{
|
20
|
+
background-color: $btn-states-color !important;
|
21
|
+
background-image: linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
|
22
|
+
background-image: -webkit-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
|
23
|
+
background-image: -o-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
|
24
|
+
background-image: -moz-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
|
25
|
+
color: $white;
|
26
|
+
box-shadow: none;
|
27
|
+
}
|
28
|
+
|
29
|
+
&:active{
|
30
|
+
box-shadow: none !important;
|
31
|
+
transform: translateY(1px) !important;
|
32
|
+
transition: all .15s ease;
|
33
|
+
}
|
34
|
+
|
35
|
+
&:not([data-action]):hover{
|
36
|
+
|
37
|
+
box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
|
38
|
+
transform: translateY(-1px);
|
39
|
+
-webkit-transform: translateY(-1px);
|
40
|
+
}
|
41
|
+
|
42
|
+
&.disabled,
|
43
|
+
&:disabled,
|
44
|
+
&[disabled],
|
45
|
+
fieldset[disabled] & {
|
46
|
+
&,
|
47
|
+
&:hover,
|
48
|
+
&:focus,
|
49
|
+
&.focus,
|
50
|
+
&:active,
|
51
|
+
&.active {
|
52
|
+
background-color: $btn-color;
|
53
|
+
border-color: $btn-color;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
// btn-neutral style
|
58
|
+
@if $btn-color == $white{
|
59
|
+
color: $primary;
|
60
|
+
|
61
|
+
&.btn-danger{
|
62
|
+
color: $danger;
|
63
|
+
|
64
|
+
&:hover,
|
65
|
+
&:focus,
|
66
|
+
&:active,
|
67
|
+
&:active:focus{
|
68
|
+
color: $danger-states;
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
&.btn-info{
|
73
|
+
color: $info;
|
74
|
+
|
75
|
+
&:hover,
|
76
|
+
&:focus,
|
77
|
+
&:active,
|
78
|
+
&:active:focus{
|
79
|
+
color: $info-states;
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
&.btn-warning{
|
84
|
+
color: $warning;
|
85
|
+
|
86
|
+
&:hover,
|
87
|
+
&:focus,
|
88
|
+
&:active,
|
89
|
+
&:active:focus{
|
90
|
+
color: $warning-states;
|
91
|
+
}
|
92
|
+
}
|
93
|
+
|
94
|
+
&.btn-success{
|
95
|
+
color: $success;
|
96
|
+
|
97
|
+
&:hover,
|
98
|
+
&:focus,
|
99
|
+
&:active,
|
100
|
+
&:active:focus{
|
101
|
+
color: $success-states;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
|
105
|
+
&.btn-default{
|
106
|
+
color: $default;
|
107
|
+
|
108
|
+
&:hover,
|
109
|
+
&:focus,
|
110
|
+
&:active,
|
111
|
+
&:active:focus{
|
112
|
+
color: $default-states;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
|
116
|
+
&.active,
|
117
|
+
&:active,
|
118
|
+
&:active:focus,
|
119
|
+
&:active:hover,
|
120
|
+
&.active:focus,
|
121
|
+
&.active:hover,
|
122
|
+
.show > &.dropdown-toggle,
|
123
|
+
.show > &.dropdown-toggle:focus,
|
124
|
+
.show > &.dropdown-toggle:hover {
|
125
|
+
background-color: $white;
|
126
|
+
color: $primary-states;
|
127
|
+
box-shadow: none;
|
128
|
+
}
|
129
|
+
|
130
|
+
&:hover,
|
131
|
+
&:focus{
|
132
|
+
color: $primary-states;
|
133
|
+
|
134
|
+
&:not(.nav-link){
|
135
|
+
box-shadow: none;
|
136
|
+
}
|
137
|
+
|
138
|
+
}
|
139
|
+
|
140
|
+
} @else {
|
141
|
+
color: $white;
|
142
|
+
}
|
143
|
+
|
144
|
+
&.btn-simple{
|
145
|
+
color: $btn-color;
|
146
|
+
border-color: $btn-color;
|
147
|
+
background: $transparent-bg;
|
148
|
+
|
149
|
+
&:hover,
|
150
|
+
&:focus,
|
151
|
+
&:active,
|
152
|
+
&:not(:disabled):not(.disabled):active{
|
153
|
+
color: $btn-color;
|
154
|
+
border-color: $btn-color;
|
155
|
+
background-color: $transparent-bg !important;
|
156
|
+
background-image: none !important;
|
157
|
+
box-shadow: none;
|
158
|
+
}
|
159
|
+
|
160
|
+
&.active{
|
161
|
+
border-color: $btn-color !important;
|
162
|
+
&:hover,
|
163
|
+
&:focus,
|
164
|
+
&:active,
|
165
|
+
&:not(:disabled):not(.disabled):active{
|
166
|
+
color: $white;
|
167
|
+
border-color: $btn-color;
|
168
|
+
background-image: linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
|
169
|
+
background-image: -webkit-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
|
170
|
+
background-image: -o-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
|
171
|
+
background-image: -moz-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
|
172
|
+
background-color: $btn-states-color !important;
|
173
|
+
box-shadow: none;
|
174
|
+
}
|
175
|
+
}
|
176
|
+
}
|
177
|
+
|
178
|
+
&.btn-link{
|
179
|
+
color: $btn-color;
|
180
|
+
&:hover,
|
181
|
+
&:focus,
|
182
|
+
&:active{
|
183
|
+
background-color: $transparent-bg !important;
|
184
|
+
background-image: none !important;
|
185
|
+
color: $white !important;
|
186
|
+
text-decoration: none;
|
187
|
+
box-shadow: none;
|
188
|
+
}
|
189
|
+
}
|
190
|
+
}
|
191
|
+
|
192
|
+
@mixin button-variant($background, $border, $hover-background: darken($background, 0%), $hover-border: darken($border, 0%), $active-background: darken($background, 10%), $active-border: darken($border, 0%)) {
|
193
|
+
color: color-yiq($background);
|
194
|
+
@include gradient-bg($background);
|
195
|
+
border-color: $border;
|
196
|
+
@include box-shadow($btn-box-shadow);
|
197
|
+
|
198
|
+
@include hover {
|
199
|
+
color: color-yiq($hover-background);
|
200
|
+
@include gradient-bg($hover-background);
|
201
|
+
border-color: $hover-border;
|
202
|
+
}
|
203
|
+
|
204
|
+
&:focus,
|
205
|
+
&.focus {
|
206
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
207
|
+
@if $enable-shadows {
|
208
|
+
box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
|
209
|
+
}
|
210
|
+
@else {
|
211
|
+
box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
|
212
|
+
}
|
213
|
+
} // Disabled comes first so active can properly restyle
|
214
|
+
&.disabled,
|
215
|
+
&:disabled {
|
216
|
+
color: color-yiq($background);
|
217
|
+
background-color: $background;
|
218
|
+
border-color: $border;
|
219
|
+
}
|
220
|
+
|
221
|
+
&:not(:disabled):not(.disabled):active,
|
222
|
+
&:not(:disabled):not(.disabled).active,
|
223
|
+
.show>&.dropdown-toggle {
|
224
|
+
color: color-yiq($active-background);
|
225
|
+
background-color: $active-background;
|
226
|
+
@if $enable-gradients {
|
227
|
+
background-image: none; // Remove the gradient for the pressed/active state
|
228
|
+
}
|
229
|
+
border-color: $active-border;
|
230
|
+
|
231
|
+
&:focus {
|
232
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
233
|
+
@if $enable-shadows {
|
234
|
+
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
|
235
|
+
}
|
236
|
+
@else {
|
237
|
+
box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
|
238
|
+
}
|
239
|
+
}
|
240
|
+
}
|
241
|
+
}
|
242
|
+
|
243
|
+
@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
|
244
|
+
color: $color;
|
245
|
+
background-color: transparent;
|
246
|
+
background-image: none;
|
247
|
+
border-color: $color;
|
248
|
+
|
249
|
+
&:hover {
|
250
|
+
color: $color-hover;
|
251
|
+
background-color: $active-background;
|
252
|
+
border-color: $active-border;
|
253
|
+
}
|
254
|
+
|
255
|
+
&:focus,
|
256
|
+
&.focus {
|
257
|
+
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
258
|
+
}
|
259
|
+
|
260
|
+
&.disabled,
|
261
|
+
&:disabled {
|
262
|
+
color: $color;
|
263
|
+
background-color: transparent;
|
264
|
+
}
|
265
|
+
|
266
|
+
&:not(:disabled):not(.disabled):active,
|
267
|
+
&:not(:disabled):not(.disabled).active,
|
268
|
+
.show>&.dropdown-toggle {
|
269
|
+
color: color-yiq($active-background);
|
270
|
+
background-color: $active-background;
|
271
|
+
border-color: $active-border;
|
272
|
+
|
273
|
+
&:focus {
|
274
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
275
|
+
@if $enable-shadows and $btn-active-box-shadow !=none {
|
276
|
+
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
|
277
|
+
}
|
278
|
+
@else {
|
279
|
+
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
280
|
+
}
|
281
|
+
}
|
282
|
+
}
|
283
|
+
}
|
284
|
+
|
285
|
+
// Button sizes
|
286
|
+
@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border){
|
287
|
+
font-size: $font-size;
|
288
|
+
border-radius: $border;
|
289
|
+
padding: $padding-vertical $padding-horizontal;
|
290
|
+
|
291
|
+
&.btn-simple{
|
292
|
+
padding: $padding-vertical - 1 $padding-horizontal - 1;
|
293
|
+
}
|
294
|
+
|
295
|
+
}
|
296
|
+
|
297
|
+
// for social buttons
|
298
|
+
@mixin social-buttons-color ($color, $state-color){
|
299
|
+
@include diagonal-gradient($color, darken($color,20%));
|
300
|
+
//background-color: $color;
|
301
|
+
color: $white;
|
302
|
+
background-size: 210% 210%;
|
303
|
+
background-position: top right;
|
304
|
+
background-repeat: space;
|
305
|
+
|
306
|
+
&:focus,
|
307
|
+
&:active,
|
308
|
+
&:hover{
|
309
|
+
background-color: $state-color;
|
310
|
+
background-image: linear-gradient(to bottom left, $color, darken($color,20%), $color) !important;
|
311
|
+
background-image: -webkit-linear-gradient(to bottom left, $color, darken($color,20%), $color) !important;
|
312
|
+
background-image: -o-linear-gradient(to bottom left, $color, darken($color,20%), $color) !important;
|
313
|
+
background-image: -moz-linear-gradient(to bottom left, $color, darken($color,20%), $color) !important;
|
314
|
+
color: $white;
|
315
|
+
}
|
316
|
+
|
317
|
+
&.btn-simple{
|
318
|
+
color: $state-color;
|
319
|
+
background-color: $transparent-bg;
|
320
|
+
background-image: none !important;
|
321
|
+
box-shadow: none;
|
322
|
+
border-color: $state-color;
|
323
|
+
|
324
|
+
&:hover,
|
325
|
+
&:focus,
|
326
|
+
&:active{
|
327
|
+
color: $state-color;
|
328
|
+
border-color: $state-color;
|
329
|
+
}
|
330
|
+
}
|
331
|
+
|
332
|
+
&.btn-neutral{
|
333
|
+
color: $color;
|
334
|
+
background-color: $white;
|
335
|
+
|
336
|
+
|
337
|
+
&:hover,
|
338
|
+
&:focus,
|
339
|
+
&:active{
|
340
|
+
color: $state-color;
|
341
|
+
}
|
342
|
+
}
|
343
|
+
}
|