feat: login component, icon svg symbols, project structure
This commit is contained in:
@@ -12,12 +12,11 @@ html {
|
||||
}
|
||||
|
||||
#app {
|
||||
padding-bottom: 67px;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
|
||||
&.is-fullscreen {
|
||||
width: 100vw;
|
||||
//width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
}
|
||||
|
@@ -13,7 +13,7 @@
|
||||
fill: none;
|
||||
}
|
||||
|
||||
@each $size in 16,18,20,24,48,64,96,128 {
|
||||
@each $size in 16,18,20,24,32,48,64,96,128 {
|
||||
&.is-#{$size} {
|
||||
width: #{$size}px;
|
||||
height: #{$size}px;
|
||||
|
@@ -325,3 +325,27 @@ $material-colors: (
|
||||
@function mc($color-name, $color-variant: '500') {
|
||||
@return material-color($color-name, $color-variant);
|
||||
}
|
||||
|
||||
@mixin md-elevation-0 {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
@mixin md-elevation-1 {
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
@mixin md-elevation-2 {
|
||||
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
@mixin md-elevation-3 {
|
||||
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
@mixin md-elevation-4 {
|
||||
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
@mixin md-elevation-5 {
|
||||
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
|
||||
}
|
Reference in New Issue
Block a user