mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-01-30 19:24:10 +03:00
fix for #294
This commit is contained in:
FezVrasta
parent
ec6619b7b7
commit
595a08ae66
1379
dist/css/material-wfont.css
vendored
1379
dist/css/material-wfont.css
vendored
File diff suppressed because it is too large
Load Diff
2
dist/css/material-wfont.css.map
vendored
2
dist/css/material-wfont.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/material-wfont.min.css
vendored
2
dist/css/material-wfont.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/material-wfont.min.css.map
vendored
2
dist/css/material-wfont.min.css.map
vendored
File diff suppressed because one or more lines are too long
1379
dist/css/material.css
vendored
1379
dist/css/material.css
vendored
File diff suppressed because it is too large
Load Diff
2
dist/css/material.css.map
vendored
2
dist/css/material.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/material.min.css
vendored
2
dist/css/material.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/material.min.css.map
vendored
2
dist/css/material.min.css.map
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,109 +1,109 @@
|
|||
.btn {
|
||||
position: relative;
|
||||
padding: 8px 30px;
|
||||
border: 0;
|
||||
margin: 10px 1px;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: @darkbg-text;
|
||||
position: relative;
|
||||
padding: 8px 30px;
|
||||
border: 0;
|
||||
margin: 10px 1px;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: @darkbg-text;
|
||||
|
||||
&:hover:not(.btn-link):not(.btn-flat) {
|
||||
.shadow-z-2-hover();
|
||||
}
|
||||
&:active:not(.btn-link):not(.btn-flat) {
|
||||
.shadow-z-3();
|
||||
}
|
||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
outline: none !important;
|
||||
&:hover:not(.btn-link):not(.btn-flat) {
|
||||
.shadow-z-2-hover();
|
||||
}
|
||||
&:active:not(.btn-link):not(.btn-flat) {
|
||||
.shadow-z-3();
|
||||
}
|
||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
outline: none !important;
|
||||
|
||||
.variations(~".btn-flat:not(.btn-link)", color, @lightbg-text);
|
||||
.variations(~".btn-flat:not(.btn-link)", color, @lightbg-text);
|
||||
|
||||
.background-variations(~":not(.btn-link):not(.btn-flat)", @btn-default);
|
||||
|
||||
&.btn-flat {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
font-weight: 500;
|
||||
&:disabled {
|
||||
color: @text-disabled !important;
|
||||
}
|
||||
&.btn-flat {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
font-weight: 500;
|
||||
&:disabled {
|
||||
color: @text-disabled !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-raised {
|
||||
.btn-shadow();
|
||||
}
|
||||
&.btn-raised {
|
||||
.btn-shadow();
|
||||
}
|
||||
|
||||
&.btn-fab {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
font-size: 26px;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
&, &:hover {
|
||||
.shadow-z-1();
|
||||
.variations(~"", background-color, transparent);
|
||||
}
|
||||
&, .ripple-wrapper {
|
||||
border-radius: 100%;
|
||||
}
|
||||
&.btn-fab-mini {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 13px;
|
||||
font-size: 15px;
|
||||
}
|
||||
i {
|
||||
position: relative;
|
||||
top: -5px;
|
||||
}
|
||||
&.btn-fab {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
font-size: 26px;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
&, &:hover {
|
||||
.shadow-z-1();
|
||||
.variations(~"", background-color, transparent);
|
||||
}
|
||||
&, .ripple-wrapper {
|
||||
border-radius: 100%;
|
||||
}
|
||||
&.btn-fab-mini {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 13px;
|
||||
font-size: 15px;
|
||||
}
|
||||
i {
|
||||
position: relative;
|
||||
top: -5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// This is needed to style buttons which has not a variation suffix (they must be stiled as btn-default)
|
||||
.btn-link, .btn:not([class^="btn btn-"]), .btn-default {
|
||||
color: @lightbg-text;
|
||||
&:hover {
|
||||
color: @lightbg-text;
|
||||
&:hover {
|
||||
color: @lightbg-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn:not([class^="btn btn-"]), .btn-default, .btn-flat:not(.btn-link) {
|
||||
&:hover, &.active {
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
}
|
||||
&:hover, &.active {
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
}
|
||||
}
|
||||
.open > .dropdown-toggle.btn {
|
||||
.variations(~"", background-color, @btn-default);
|
||||
.variations(~"", background-color, @btn-default);
|
||||
}
|
||||
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
|
||||
margin-left: 0;
|
||||
}
|
||||
.btn-group, .btn-group-vertical {
|
||||
position: relative;
|
||||
border-radius: 2px;
|
||||
margin: 10px 1px;
|
||||
position: relative;
|
||||
border-radius: 2px;
|
||||
margin: 10px 1px;
|
||||
|
||||
.btn-shadow();
|
||||
&.open .dropdown-toggle {
|
||||
box-shadow: none;
|
||||
}
|
||||
&.btn-group-raised {
|
||||
.btn-shadow();
|
||||
&.open .dropdown-toggle {
|
||||
box-shadow: none;
|
||||
}
|
||||
&.btn-group-raised {
|
||||
.btn-shadow();
|
||||
}
|
||||
.btn, .btn:active, .btn-group {
|
||||
box-shadow: none !important;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.btn, .btn:active, .btn-group {
|
||||
box-shadow: none !important;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.btn-group-flat {
|
||||
box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.btn-shadow() {
|
||||
.shadow-z-1();
|
||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
&:active:not(.btn-link) {
|
||||
.shadow-z-3();
|
||||
}
|
||||
.shadow-z-1();
|
||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
&:active:not(.btn-link) {
|
||||
.shadow-z-3();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
// usage: .variations(~" .check", color, transparent);
|
||||
.variations(@extra, @property, @default) {
|
||||
|
||||
// Bootstrap shades
|
||||
&@{extra}, &-default@{extra} {
|
||||
@{property}: @default;
|
||||
}
|
||||
&-primary@{extra} {
|
||||
@{property}: @primary;
|
||||
}
|
||||
&-success@{extra} {
|
||||
@{property}: @success;
|
||||
}
|
||||
&-info@{extra} {
|
||||
@{property}: @info;
|
||||
}
|
||||
&-warning@{extra} {
|
||||
@{property}: @warning;
|
||||
}
|
||||
&-danger@{extra} {
|
||||
@{property}: @danger;
|
||||
}
|
||||
// Bootstrap shades
|
||||
&@{extra}, &-default@{extra} {
|
||||
@{property}: @default;
|
||||
}
|
||||
&-primary@{extra} {
|
||||
@{property}: @primary;
|
||||
}
|
||||
&-success@{extra} {
|
||||
@{property}: @success;
|
||||
}
|
||||
&-info@{extra} {
|
||||
@{property}: @info;
|
||||
}
|
||||
&-warning@{extra} {
|
||||
@{property}: @warning;
|
||||
}
|
||||
&-danger@{extra} {
|
||||
@{property}: @danger;
|
||||
}
|
||||
|
||||
|
||||
.variations-factory(@material-color) {
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
&-material-@{material-color}@{material-color-number}@{extra} {
|
||||
@final-color: "@{material-color}@{material-color-number}";
|
||||
@{property}: @@final-color;
|
||||
@{property}: @@final-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -67,63 +67,6 @@
|
|||
.variations-factory(~"grey");
|
||||
.variations-factory(~"blue-grey");
|
||||
|
||||
/*
|
||||
// Material shades
|
||||
&-material-red@{extra} {
|
||||
@{property}: @red;
|
||||
}
|
||||
&-material-pink@{extra} {
|
||||
@{property}: @pink;
|
||||
}
|
||||
&-material-purple@{extra} {
|
||||
@{property}: @purple;
|
||||
}
|
||||
&-material-deeppurple@{extra} {
|
||||
@{property}: @deeppurple;
|
||||
}
|
||||
&-material-indigo@{extra} {
|
||||
@{property}: @indigo;
|
||||
}
|
||||
&-material-blue@{extra} {
|
||||
@{property}: @blue;
|
||||
}
|
||||
&-material-lightblue@{extra} {
|
||||
@{property}: @lightblue;
|
||||
}
|
||||
&-material-cyan@{extra} {
|
||||
@{property}: @cyan;
|
||||
}
|
||||
&-material-teal@{extra} {
|
||||
@{property}: @teal;
|
||||
}
|
||||
&-material-lightgreen@{extra} {
|
||||
@{property}: @lightgreen;
|
||||
}
|
||||
&-material-lime@{extra} {
|
||||
@{property}: @lime;
|
||||
}
|
||||
&-material-lightyellow@{extra} {
|
||||
@{property}: @lightyellow;
|
||||
}
|
||||
&-material-orange@{extra} {
|
||||
@{property}: @orange;
|
||||
}
|
||||
&-material-deeporange@{extra} {
|
||||
@{property}: @deeporange;
|
||||
}
|
||||
&-material-grey@{extra} {
|
||||
@{property}: @grey;
|
||||
}
|
||||
&-material-bluegrey@{extra} {
|
||||
@{property}: @bluegrey;
|
||||
}
|
||||
&-material-brown@{extra} {
|
||||
@{property}: @brown;
|
||||
}
|
||||
&-material-lightgrey@{extra} {
|
||||
@{property}: @lightgrey;
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
.background-variations(@extra, @default) {
|
||||
|
|
@ -132,28 +75,32 @@
|
|||
|
||||
.set-background-and-font-color(@bg-color) {
|
||||
background-color: @bg-color;
|
||||
|
||||
color: contrast(@bg-color, @lightbg-text, @darkbg-text, @contrast-factor);
|
||||
& when (@bg-color = @btn-default) {
|
||||
color: @lightbg-text;
|
||||
}
|
||||
}
|
||||
|
||||
// bootstrap styles
|
||||
&@{extra}, &-default@{extra} {
|
||||
&@{extra}, &-default@{extra} {
|
||||
.set-background-and-font-color(@default);
|
||||
}
|
||||
&-primary@{extra} {
|
||||
}
|
||||
&-primary@{extra} {
|
||||
.set-background-and-font-color(@primary);
|
||||
}
|
||||
&-success@{extra} {
|
||||
}
|
||||
&-success@{extra} {
|
||||
.set-background-and-font-color(@success);
|
||||
}
|
||||
&-info@{extra} {
|
||||
}
|
||||
&-info@{extra} {
|
||||
.set-background-and-font-color(@info);
|
||||
}
|
||||
&-warning@{extra} {
|
||||
}
|
||||
&-warning@{extra} {
|
||||
.set-background-and-font-color(@warning);
|
||||
}
|
||||
&-danger@{extra} {
|
||||
}
|
||||
&-danger@{extra} {
|
||||
.set-background-and-font-color(@danger);
|
||||
}
|
||||
}
|
||||
|
||||
// given a color build multiples dephs
|
||||
.background-variations-factory(@material-color) {
|
||||
|
|
@ -217,24 +164,24 @@
|
|||
}
|
||||
|
||||
// bootstrap styles
|
||||
&@{extra}, &-default@{extra} {
|
||||
&@{extra}, &-default@{extra} {
|
||||
.set-font-color(@default);
|
||||
}
|
||||
&-primary@{extra} {
|
||||
}
|
||||
&-primary@{extra} {
|
||||
.set-font-color(@primary);
|
||||
}
|
||||
&-success@{extra} {
|
||||
}
|
||||
&-success@{extra} {
|
||||
.set-font-color(@success);
|
||||
}
|
||||
&-info@{extra} {
|
||||
}
|
||||
&-info@{extra} {
|
||||
.set-font-color(@info);
|
||||
}
|
||||
&-warning@{extra} {
|
||||
}
|
||||
&-warning@{extra} {
|
||||
.set-font-color(@warning);
|
||||
}
|
||||
&-danger@{extra} {
|
||||
}
|
||||
&-danger@{extra} {
|
||||
.set-font-color(@danger);
|
||||
}
|
||||
}
|
||||
|
||||
// given a color build multiples dephs
|
||||
.background-variations-factory(@material-color) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user