mirror of
https://github.com/devcode-it/openstamanager.git
synced 2025-02-24 23:37:51 +01:00
refactor: ♻️ Refactor stili material design
This commit is contained in:
parent
7acaf6ed38
commit
049f1e90d1
59
resources/scss/_material.scss
vendored
59
resources/scss/_material.scss
vendored
@ -1,5 +1,5 @@
|
|||||||
@use "variables";
|
@use "variables";
|
||||||
@use '@material/theme' with (
|
@use "@material/theme" with (
|
||||||
$primary: variables.$primary,
|
$primary: variables.$primary,
|
||||||
$secondary: variables.$secondary
|
$secondary: variables.$secondary
|
||||||
);
|
);
|
||||||
@ -73,61 +73,10 @@ top-app-bar {
|
|||||||
--mdc-theme-on-primary: var(--mdc-theme-text-primary-on-background, #5f6368);
|
--mdc-theme-on-primary: var(--mdc-theme-text-primary-on-background, #5f6368);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mwc-button--rounded {
|
mwc-button.rounded {
|
||||||
--mdc-shape-small: 100px;
|
--mdc-shape-small: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---------------------------
|
|
||||||
MDC Cards
|
|
||||||
--------------------------- */
|
|
||||||
.mdc-card {
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mdc-card__thumbnail {
|
|
||||||
padding-right: 16px;
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mdc-card__title {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
font-family: var(--mdc-typography-headline1-font-family, variables.$body_font);
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.0125em;
|
|
||||||
line-height: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mdc-card__subhead {
|
|
||||||
display: block;
|
|
||||||
font-family: var(--mdc-typography-subtitle1-font-family, variables.$body_font);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mdc-card__supporting-text {
|
|
||||||
display: block;
|
|
||||||
padding-top: 16px;
|
|
||||||
font-family: var(--mdc-typography-font-family, variables.$body_font);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mdc-card__title,
|
|
||||||
.mdc-card__subhead,
|
|
||||||
.mdc-card__supporting-text {
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
text-decoration: inherit;
|
|
||||||
text-transform: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mdc-card__subhead,
|
|
||||||
.mdc-card__supporting-text {
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 400;
|
|
||||||
letter-spacing: 0.0178571429em;
|
|
||||||
line-height: 1.25rem;
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---------------------------
|
/* ---------------------------
|
||||||
MDC FABs
|
MDC FABs
|
||||||
--------------------------- */
|
--------------------------- */
|
||||||
@ -140,7 +89,8 @@ mwc-fab {
|
|||||||
bottom: 16px;
|
bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media('>desktop') {
|
//noinspection SassScssResolvedByNameOnly
|
||||||
|
@include media(">desktop") {
|
||||||
&.sticky {
|
&.sticky {
|
||||||
right: 1.5rem;
|
right: 1.5rem;
|
||||||
}
|
}
|
||||||
@ -154,6 +104,7 @@ top-app-bar mwc-fab.sticky {
|
|||||||
/* ---------------------------
|
/* ---------------------------
|
||||||
MDC Theme and Typography
|
MDC Theme and Typography
|
||||||
--------------------------- */
|
--------------------------- */
|
||||||
|
//noinspection Stylelint
|
||||||
:root {
|
:root {
|
||||||
--mdc-theme-primary: #{variables.$primary};
|
--mdc-theme-primary: #{variables.$primary};
|
||||||
--mdc-theme-primary2: #{variables.$primary}; // Fix for MWC Drawer styling
|
--mdc-theme-primary2: #{variables.$primary}; // Fix for MWC Drawer styling
|
||||||
|
Loading…
x
Reference in New Issue
Block a user