mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-11-04 01:47:35 +03:00
fix for #294
This commit is contained in:
FezVrasta
parent
49da2a384f
commit
cbaeedd3b2
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 {
|
.btn {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 8px 30px;
|
padding: 8px 30px;
|
||||||
border: 0;
|
border: 0;
|
||||||
margin: 10px 1px;
|
margin: 10px 1px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: @darkbg-text;
|
color: @darkbg-text;
|
||||||
|
|
||||||
&:hover:not(.btn-link):not(.btn-flat) {
|
&:hover:not(.btn-link):not(.btn-flat) {
|
||||||
.shadow-z-2-hover();
|
.shadow-z-2-hover();
|
||||||
}
|
}
|
||||||
&:active:not(.btn-link):not(.btn-flat) {
|
&:active:not(.btn-link):not(.btn-flat) {
|
||||||
.shadow-z-3();
|
.shadow-z-3();
|
||||||
}
|
}
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
outline: none !important;
|
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);
|
.background-variations(~":not(.btn-link):not(.btn-flat)", @btn-default);
|
||||||
|
|
||||||
&.btn-flat {
|
&.btn-flat {
|
||||||
background: none;
|
background: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
&:disabled {
|
&:disabled {
|
||||||
color: @text-disabled !important;
|
color: @text-disabled !important;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.btn-raised {
|
&.btn-raised {
|
||||||
.btn-shadow();
|
.btn-shadow();
|
||||||
}
|
}
|
||||||
|
|
||||||
&.btn-fab {
|
&.btn-fab {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
width: 56px;
|
width: 56px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
&, &:hover {
|
&, &:hover {
|
||||||
.shadow-z-1();
|
.shadow-z-1();
|
||||||
.variations(~"", background-color, transparent);
|
.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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
&, .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)
|
// 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 {
|
.btn-link, .btn:not([class^="btn btn-"]), .btn-default {
|
||||||
|
color: @lightbg-text;
|
||||||
|
&:hover {
|
||||||
color: @lightbg-text;
|
color: @lightbg-text;
|
||||||
&:hover {
|
}
|
||||||
color: @lightbg-text;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.btn:not([class^="btn btn-"]), .btn-default, .btn-flat:not(.btn-link) {
|
.btn:not([class^="btn btn-"]), .btn-default, .btn-flat:not(.btn-link) {
|
||||||
&:hover, &.active {
|
&:hover, &.active {
|
||||||
background-color: rgba(255,255,255,0.5);
|
background-color: rgba(255,255,255,0.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.open > .dropdown-toggle.btn {
|
.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 {
|
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.btn-group, .btn-group-vertical {
|
.btn-group, .btn-group-vertical {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
margin: 10px 1px;
|
margin: 10px 1px;
|
||||||
|
|
||||||
|
.btn-shadow();
|
||||||
|
&.open .dropdown-toggle {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
&.btn-group-raised {
|
||||||
.btn-shadow();
|
.btn-shadow();
|
||||||
&.open .dropdown-toggle {
|
}
|
||||||
box-shadow: none;
|
.btn, .btn:active, .btn-group {
|
||||||
}
|
box-shadow: none !important;
|
||||||
&.btn-group-raised {
|
margin: 0;
|
||||||
.btn-shadow();
|
}
|
||||||
}
|
|
||||||
.btn, .btn:active, .btn-group {
|
|
||||||
box-shadow: none !important;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.btn-group-flat {
|
.btn-group-flat {
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-shadow() {
|
.btn-shadow() {
|
||||||
.shadow-z-1();
|
.shadow-z-1();
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
&:active:not(.btn-link) {
|
&:active:not(.btn-link) {
|
||||||
.shadow-z-3();
|
.shadow-z-3();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,25 @@
|
||||||
// usage: .variations(~" .check", color, transparent);
|
// usage: .variations(~" .check", color, transparent);
|
||||||
.variations(@extra, @property, @default) {
|
.variations(@extra, @property, @default) {
|
||||||
|
|
||||||
// Bootstrap shades
|
// Bootstrap shades
|
||||||
&@{extra}, &-default@{extra} {
|
&@{extra}, &-default@{extra} {
|
||||||
@{property}: @default;
|
@{property}: @default;
|
||||||
}
|
}
|
||||||
&-primary@{extra} {
|
&-primary@{extra} {
|
||||||
@{property}: @primary;
|
@{property}: @primary;
|
||||||
}
|
}
|
||||||
&-success@{extra} {
|
&-success@{extra} {
|
||||||
@{property}: @success;
|
@{property}: @success;
|
||||||
}
|
}
|
||||||
&-info@{extra} {
|
&-info@{extra} {
|
||||||
@{property}: @info;
|
@{property}: @info;
|
||||||
}
|
}
|
||||||
&-warning@{extra} {
|
&-warning@{extra} {
|
||||||
@{property}: @warning;
|
@{property}: @warning;
|
||||||
}
|
}
|
||||||
&-danger@{extra} {
|
&-danger@{extra} {
|
||||||
@{property}: @danger;
|
@{property}: @danger;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.variations-factory(@material-color) {
|
.variations-factory(@material-color) {
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
&-material-@{material-color}@{material-color-number}@{extra} {
|
&-material-@{material-color}@{material-color-number}@{extra} {
|
||||||
@final-color: "@{material-color}@{material-color-number}";
|
@final-color: "@{material-color}@{material-color-number}";
|
||||||
@{property}: @@final-color;
|
@{property}: @@final-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -67,63 +67,6 @@
|
||||||
.variations-factory(~"grey");
|
.variations-factory(~"grey");
|
||||||
.variations-factory(~"blue-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) {
|
.background-variations(@extra, @default) {
|
||||||
|
|
@ -132,28 +75,32 @@
|
||||||
|
|
||||||
.set-background-and-font-color(@bg-color) {
|
.set-background-and-font-color(@bg-color) {
|
||||||
background-color: @bg-color;
|
background-color: @bg-color;
|
||||||
|
|
||||||
color: contrast(@bg-color, @lightbg-text, @darkbg-text, @contrast-factor);
|
color: contrast(@bg-color, @lightbg-text, @darkbg-text, @contrast-factor);
|
||||||
|
& when (@bg-color = @btn-default) {
|
||||||
|
color: @lightbg-text;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// bootstrap styles
|
// bootstrap styles
|
||||||
&@{extra}, &-default@{extra} {
|
&@{extra}, &-default@{extra} {
|
||||||
.set-background-and-font-color(@default);
|
.set-background-and-font-color(@default);
|
||||||
}
|
}
|
||||||
&-primary@{extra} {
|
&-primary@{extra} {
|
||||||
.set-background-and-font-color(@primary);
|
.set-background-and-font-color(@primary);
|
||||||
}
|
}
|
||||||
&-success@{extra} {
|
&-success@{extra} {
|
||||||
.set-background-and-font-color(@success);
|
.set-background-and-font-color(@success);
|
||||||
}
|
}
|
||||||
&-info@{extra} {
|
&-info@{extra} {
|
||||||
.set-background-and-font-color(@info);
|
.set-background-and-font-color(@info);
|
||||||
}
|
}
|
||||||
&-warning@{extra} {
|
&-warning@{extra} {
|
||||||
.set-background-and-font-color(@warning);
|
.set-background-and-font-color(@warning);
|
||||||
}
|
}
|
||||||
&-danger@{extra} {
|
&-danger@{extra} {
|
||||||
.set-background-and-font-color(@danger);
|
.set-background-and-font-color(@danger);
|
||||||
}
|
}
|
||||||
|
|
||||||
// given a color build multiples dephs
|
// given a color build multiples dephs
|
||||||
.background-variations-factory(@material-color) {
|
.background-variations-factory(@material-color) {
|
||||||
|
|
@ -217,24 +164,24 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// bootstrap styles
|
// bootstrap styles
|
||||||
&@{extra}, &-default@{extra} {
|
&@{extra}, &-default@{extra} {
|
||||||
.set-font-color(@default);
|
.set-font-color(@default);
|
||||||
}
|
}
|
||||||
&-primary@{extra} {
|
&-primary@{extra} {
|
||||||
.set-font-color(@primary);
|
.set-font-color(@primary);
|
||||||
}
|
}
|
||||||
&-success@{extra} {
|
&-success@{extra} {
|
||||||
.set-font-color(@success);
|
.set-font-color(@success);
|
||||||
}
|
}
|
||||||
&-info@{extra} {
|
&-info@{extra} {
|
||||||
.set-font-color(@info);
|
.set-font-color(@info);
|
||||||
}
|
}
|
||||||
&-warning@{extra} {
|
&-warning@{extra} {
|
||||||
.set-font-color(@warning);
|
.set-font-color(@warning);
|
||||||
}
|
}
|
||||||
&-danger@{extra} {
|
&-danger@{extra} {
|
||||||
.set-font-color(@danger);
|
.set-font-color(@danger);
|
||||||
}
|
}
|
||||||
|
|
||||||
// given a color build multiples dephs
|
// given a color build multiples dephs
|
||||||
.background-variations-factory(@material-color) {
|
.background-variations-factory(@material-color) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user