javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(fab): update box-shadow

Browse Source 
Closes #192
This commit is contained in:
Adam Bradley
2015-09-29 14:05:12 -05:00
parent ee8403c6e6
commit 12499b68af
2 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ionic/components/button/button-fab.scss
View File

@@ -2,7 +2,8 @@
// FABulous Buttons (Floating Action Button from material)
// --------------------------------------------------
$button-fab-size: 56px;
$button-fab-size: 56px !default;
$button-fab-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1) !default;
button,
@@ -15,6 +16,7 @@ button,
line-height: $button-fab-size;
min-width: 0;
vertical-align: middle;
box-shadow: $button-fab-box-shadow !important;
border-radius: 50%;
background-clip: padding-box;
@@ -30,15 +32,19 @@ button,
left: 50%;
margin-left: -$button-fab-size / 2;
}
&[fab-top] {
top: 16px;
}
&[fab-right] {
right: 16px;
}
&[fab-bottom] {
bottom: 16px;
}
&[fab-left] {
left: 16px;
}
@@ -48,6 +54,7 @@ button,
font-size: 3.6rem;
min-width: 64px;
}
}
}