diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-09 16:58:23 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-10 16:21:15 +0100 |
| commit | fca6e17c10a9a737c5fae7417eec89701446875a (patch) | |
| tree | 5f1be3651185c643ec87f71221f13a4d463f32d6 /src/components/Breadcrumb/Breadcrumb.module.scss | |
| parent | d738152a59d2ef8f476b16789ba386dc57ff2211 (diff) | |
refactor(styles): use compose to declare grid layouts once
I'm using same grid layouts in multiple places. To avoid maintenance
issue, I think it is better to declare the grid once and to import its
declaration where it is needed. Thanks to CSS modules, I can use
compose to do that.
Diffstat (limited to 'src/components/Breadcrumb/Breadcrumb.module.scss')
| -rw-r--r-- | src/components/Breadcrumb/Breadcrumb.module.scss | 6 |
1 files changed, 1 insertions, 5 deletions
diff --git a/src/components/Breadcrumb/Breadcrumb.module.scss b/src/components/Breadcrumb/Breadcrumb.module.scss index 98a11a4..b8fadf8 100644 --- a/src/components/Breadcrumb/Breadcrumb.module.scss +++ b/src/components/Breadcrumb/Breadcrumb.module.scss @@ -3,11 +3,7 @@ @use "@styles/abstracts/placeholders"; .wrapper { - display: grid; - grid-template-columns: - minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 80ch) - minmax(0, 1fr); - align-items: center; + composes: grid from "@styles/layout/_grid.scss"; padding: var(--spacing-md) 0; } |