@use "@styles/abstracts/functions" as fun; @use "@styles/abstracts/mixins" as mix; .article { composes: grid from "@styles/layout/_grid.scss"; > header { grid-column: 1 / -1; } > footer, .body { grid-column: 2; } &--no-comments { margin-bottom: var(--spacing-xl); } } .toc { grid-column: 2; @include mix.media("screen") { @include mix.dimensions("lg") { grid-column: 1; grid-row: 2 / 4; align-self: stretch; justify-self: end; padding: 0 var(--spacing-sm); ol:first-of-type { font-size: var(--font-size-sm); font-weight: 500; } } } } .aside { grid-column: 2; @include mix.media("screen") { @include mix.dimensions("md") { grid-column: 3; grid-row: 2 / 5; align-self: stretch; max-width: min-content; padding: 0 var(--spacing-sm); } @include mix.dimensions("lg") { grid-row: 2 / 4; } } } .comments { grid-column: 1 / -1; composes: grid from "@styles/layout/_grid.scss"; margin: var(--spacing-md) 0 0; padding: var(--spacing-md) 0 var(--spacing-lg); background: var(--color-bg-secondary); border-top: fun.convert-px(3) solid var(--color-border-lighter); > * { grid-column: 2; } } ub right'>Armand Philippot
summaryrefslogtreecommitdiffstats
path: root/src/components/Icons/Search/Search.module.scss
blob: 4c420283e0879798530349466bbfbae3bc43e058 (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

@use "@styles/abstracts/functions" as fun;

.icon {
  display: block;
  margin: auto;
  width: var(--icon-size, #{fun.convert-px(40)});
}

.big-handle {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 3;
}

.glass {
  fill: var(--color-bg-opacity);
  stroke: var(--color-primary-darker);
  stroke-width: 2;
}

.upright {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 3;
}

.small-handle {
  fill: var(--color-primary);
  stroke: var(--color-primary-darker);
  stroke-width: 2;
}
generated by cgit v1.2.3 (git 2.39.1) at 2025-11-03 07:02:44 +0000