Begin working on a scoped CSS solution that uses a common design language across all sheets, and *just* does sheet-specific layout tasks
This commit is contained in:
parent
5c5a1a8b56
commit
eadaa53c75
32 changed files with 314 additions and 35 deletions
13
styles/v3/mixins/_material.scss
Normal file
13
styles/v3/mixins/_material.scss
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
@mixin elevate($height) {
|
||||
background-color: var(--elevation-#{$height}dp-bg);
|
||||
-webkit-box-shadow: 0px 0px #{$height * 1.75}px 0px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow: 0px 0px #{$height * 1.75}px 0px rgba(0,0,0,0.75);
|
||||
box-shadow: 0px 0px #{$height * 1.75}px 0px rgba(0,0,0,0.75);
|
||||
}
|
||||
|
||||
@mixin undo {
|
||||
background-color: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue