mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-09-22 03:49:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #324 from phoeagon/master

Browse Source 
Floating Action Button should float higher than Raised Button
This commit is contained in:
Fez Vrasta 2014-12-26 08:58:22 +01:00
commit e6b9d6c53e
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
less/_buttons.less
View File

@ -9,10 +9,10 @@
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):not(.btn-fab) {
.shadow-z-2-hover(); .shadow-z-2-hover();
} }
&:active:not(.btn-link):not(.btn-flat) { &:active:not(.btn-link):not(.btn-flat):not(.btn-fab) {
.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);
@ -41,10 +41,18 @@
font-size: 26px; font-size: 26px;
width: 56px; width: 56px;
height: 56px; height: 56px;
&, &:hover { &, &:hover, &:active
.shadow-z-1();
.variations(~"", background-color, transparent); .variations(~"", background-color, transparent);
} }
& {
.shadow-z-3();
}
&:hover {
.shadow-z-4();
}
&:active {
.shadow-z-5();
}
&, .ripple-wrapper { &, .ripple-wrapper {
border-radius: 100%; border-radius: 100%;
} }