update styles

This commit is contained in:
end-4
2024-03-19 18:24:46 +07:00
parent d686e588b8
commit 834f8dd208
11 changed files with 92 additions and 145 deletions
+4 -29
View File
@@ -174,26 +174,12 @@ $elevation_margin: 0.476rem;
@mixin element_easeInOut {
transition: 300ms cubic-bezier(0.85, 0, 0.15, 1);
}
@mixin page_move {
transition: 500ms cubic-bezier(0.85, 0, 0.15, 1);
}
@function tint($color, $percentage) {
@return mix(rgb(245, 250, 255), $color, $percentage);
}
@function shade($color, $percentage) {
@return mix(rgb(0, 0, 0), $color, $percentage);
}
$overlay1: mix($onSurface, rgba(0, 0, 0, 0), 25%);
$overlay2: mix($onSurface, rgba(0, 0, 0, 0), 40%);
@mixin elevation-border-softer {
border-top: 1px solid mix($t_surface, $onSurface, 90%);
border-left: 1px solid mix($t_surface, $onSurface, 90%);
border-right: 1px solid mix($t_surface, $onSurface, 95%);
border-bottom: 1px solid mix($t_surface, $onSurface, 95%);
border-top: 1px solid mix($surface, $onSurface, 86%);
border-left: 1px solid mix($surface, $onSurface, 86%);
border-right: 1px solid mix($surface, $onSurface, 90%);
border-bottom: 1px solid mix($surface, $onSurface, 90%);
}
@mixin elevation-border {
@@ -203,17 +189,6 @@ $overlay2: mix($onSurface, rgba(0, 0, 0, 0), 40%);
border-bottom: 1px solid $surfaceContainer;
}
@mixin elevation-border-heavier {
border-top: 1px solid mix($t_surface, $onSurface, 70%);
border-left: 1px solid mix($t_surface, $onSurface, 70%);
border-right: 1px solid mix($t_surface, $onSurface, 75%);
border-bottom: 1px solid mix($t_surface, $onSurface, 75%);
}
@mixin elevation-border-transparent {
border-top: 1px solid transparent;
}
@mixin button-minsize {
min-width: 2.727rem;
min-height: 2.727rem;