(css) Cleanup and fixes for latest md changes

This commit is contained in:
Francis Lachapelle
2015-07-15 16:30:19 -04:00
parent d1e1d11e4a
commit d58030a475
9 changed files with 15 additions and 201 deletions
@@ -115,54 +115,6 @@ a.md-button.sg-icon-button,
display: block;
}
.md-button.iconButton.md-fab,
// angular-material is overspecifying so we are
.md-button.iconButton.md-fab.md-default-theme:not([disabled]) {
z-index: $z-index-fab;
// flex might stretch or squize fab bottons
min-width: $button-fab-width;
min-height: $button-fab-height;
&:hover {
[class^=md-icon],
[class*=md-icon-] {
transform: scale($iconButton-hover-scale);
}
}
@include at(sm) {
//position: absolute;
transform: translate3d(-100%, -50%, 0);
&:hover {
transform: translate3d(-100%, -49%, 0);
}
}
i[class|="md-icon"] {
padding: 0;
font-size: sg-size('headline');
}
}
.md-button.iconButton.md-fab.md-fab--bottom {
align-self: flex-end;
// this is to positioned the button on the container's edge
transform: translate3d(-50%, -50%, 0) !important; // at this point important is not worst than long selector
&:hover {
transform: translate3d(-50%, -49%, 0) !important;
}
}
.md-button.iconButton.md-fab.md-fab--bottom-inside {
transform: translate3d(0, (($button-fab-height + $mg) * -1), 0) !important; // at this point important is not worst than long selector
// to prevent empty space at bottom of container
position: absolute;
right: 0;
&:hover {
transform: translate3d(0, (($button-fab-height + $mg - 1) * -1) 0) !important; // at this point important is not worst than long selector
}
}
.sg-button-navicon {
//top: ($mg * -1);
//margin-left: ($mg * -1);