Styling of home
This commit is contained in:
33
components/shared/Section/Section.module.css
Normal file
33
components/shared/Section/Section.module.css
Normal file
@@ -0,0 +1,33 @@
|
||||
.content {
|
||||
max-width: 80ch;
|
||||
margin: 0 auto;
|
||||
padding-block: 2em;
|
||||
text-align: justify;
|
||||
|
||||
--color-bg: var(--md-sys-color-background);
|
||||
--color-text: var(--md-sys-color-on-background);
|
||||
}
|
||||
|
||||
.primary {
|
||||
--color-bg: var(--md-sys-color-primary-container);
|
||||
--color-text: var(--md-sys-color-on-primary-container);
|
||||
}
|
||||
|
||||
.secondary {
|
||||
--color-bg: var(--md-sys-color-secondary-container);
|
||||
--color-text: var(--md-sys-color-on-secondary-container);
|
||||
}
|
||||
|
||||
.tertiary {
|
||||
--color-bg: var(--md-sys-color-tertiary-container);
|
||||
--color-text: var(--md-sys-color-on-tertiary-container);
|
||||
}
|
||||
|
||||
.primary,
|
||||
.secondary,
|
||||
.tertiary {
|
||||
background-color: var(--color-bg);
|
||||
box-shadow: 0 0 0 100vmax var(--color-bg);
|
||||
clip-path: inset(0 -100vmax);
|
||||
color: var(--color-text);
|
||||
}
|
||||
Reference in New Issue
Block a user