63 lines
990 B
SCSS
63 lines
990 B
SCSS
|
// Globals
|
||
|
|
// Shadows
|
||
|
|
.z-depth-0 {
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.z-depth-1 {
|
||
|
|
box-shadow: $z-depth-1;
|
||
|
|
}
|
||
|
|
.z-depth-1-half {
|
||
|
|
box-shadow: $z-depth-1-half;
|
||
|
|
}
|
||
|
|
.z-depth-2 {
|
||
|
|
box-shadow: $z-depth-2;
|
||
|
|
}
|
||
|
|
.z-depth-3 {
|
||
|
|
box-shadow: $z-depth-3;
|
||
|
|
}
|
||
|
|
.z-depth-4 {
|
||
|
|
box-shadow: $z-depth-4;
|
||
|
|
}
|
||
|
|
.z-depth-5 {
|
||
|
|
box-shadow: $z-depth-5;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Shadow on hover
|
||
|
|
.hoverable {
|
||
|
|
@extend .z-depth-0;
|
||
|
|
transition: $transition-hoverable;
|
||
|
|
&:hover {
|
||
|
|
@extend .z-depth-2;
|
||
|
|
transition: $transition-hoverable;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Disabled cursor
|
||
|
|
.disabled,
|
||
|
|
:disabled {
|
||
|
|
pointer-events: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Links
|
||
|
|
a {
|
||
|
|
cursor: pointer;
|
||
|
|
text-decoration: none;
|
||
|
|
color: $link-color;
|
||
|
|
transition: $transition-basic;
|
||
|
|
&:hover {
|
||
|
|
transition: $transition-basic;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
&.disabled,
|
||
|
|
&:disabled {
|
||
|
|
&:hover {
|
||
|
|
color: $link-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
|
||
|
|
color: inherit;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|