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

Floating Action Button should float higher than Raised Button (See http://www.google.com/design/spec/what-is-material/objects-in-3d-space.html#objects-in-3d-space-elevation)

Browse Source
This commit is contained in:
phoeagon 2014-12-26 13:03:07 +08:00
parent f568613a85
commit e471237942
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%;
} }