54 lines
1.2 KiB
SCSS
54 lines
1.2 KiB
SCSS
// Mixins
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Material Design Lite's mixins
|
|
@import "mdl/mixins";
|
|
|
|
|
|
// Clearfix
|
|
//
|
|
// For modern browsers
|
|
// 1. The space content is one way to avoid an Opera bug when the
|
|
// contenteditable attribute is included anywhere else in the document.
|
|
// Otherwise it causes space to appear at the top and bottom of elements
|
|
// that are clearfixed.
|
|
// 2. The use of `table` rather than `block` is only necessary if using
|
|
// `:before` to contain the top-margins of child elements.
|
|
//
|
|
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
|
|
|
@mixin clearfix() {
|
|
&:before,
|
|
&:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
&:after {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@mixin text-hide() {
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
// Text overflow
|
|
// Requires inline-block or block for proper styling
|
|
|
|
@mixin text-overflow() {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
@mixin shadow-2dp-bottom() {
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
|
0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
|
0 3px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);
|
|
}
|