Skip to content

Commit e2642a9

Browse files
hannahisshannahiss
committed
Merge branch 'ouds/main-his-tokens-grid' into ouds/main-his-tokens-grid-xxl-compat
# Conflicts: # site/content/docs/0.0/migration-from-boosted.md
2 parents 1ad8ebe + f2454cc commit e2642a9

File tree

7 files changed

+245
-167
lines changed

7 files changed

+245
-167
lines changed

‎scss/tokens/_raw.scss‎

Lines changed: 53 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,12 @@ $ouds-border-width-100: $ouds-border-base !default;
3636
// $ouds-border-width-200: $ouds-border-base * 2 !default;
3737
// scss-docs-end ouds-raw-border
3838

39+
// Dimension
40+
41+
// scss-docs-start ouds-raw-dimension
42+
$ouds-dimension-base: 4px !default;
43+
// scss-docs-end ouds-raw-dimension
44+
3945
// Elevation
4046

4147
// scss-docs-start ouds-raw-elevation
@@ -69,60 +75,55 @@ $ouds-elevation-y-500: 12px !default;
6975
// Grid
7076

7177
// scss-docs-start ouds-raw-grid
72-
//$ouds-grid-width-100: 360px !default;
73-
//$ouds-grid-width-200: 390px !default;
74-
//$ouds-grid-width-300: 480px !default;
75-
//$ouds-grid-width-400: 768px !default;
76-
//$ouds-grid-width-500: 1024px !default;
77-
//$ouds-grid-width-600: 1440px !default;
78-
//$ouds-grid-width-700: 1680px !default;
79-
//$ouds-grid-width-800: 1920px !default;
80-
81-
//$ouds-grid-min-width-100: 1px !default; // 2xs
82-
$ouds-grid-min-width-200: 390px !default; // xs
83-
$ouds-grid-min-width-300: 480px !default; // sm
84-
$ouds-grid-min-width-400: 736px !default; // md
85-
$ouds-grid-min-width-500: 1024px !default; // lg
86-
$ouds-grid-min-width-600: 1320px !default; // xl
87-
$ouds-grid-min-width-700: 1640px !default; // xxl
88-
$ouds-grid-min-width-800: 1880px !default; // 3xl
89-
90-
//$ouds-grid-max-width-100: 389px !default;
91-
//$ouds-grid-max-width-200: 479px !default;
92-
//$ouds-grid-max-width-300: 735px !default;
93-
//$ouds-grid-max-width-400: 1023px !default;
94-
//$ouds-grid-max-width-500: 1319px !default;
95-
//$ouds-grid-max-width-600: 1639px !default;
78+
// $ouds-grid-column-count-100: 1px !default;
79+
// $ouds-grid-column-count-200: 2px !default;
80+
$ouds-grid-column-count-400: 4px !default;
81+
$ouds-grid-column-count-600: 6px !default;
82+
// $ouds-grid-column-count-800: 8px !default;
83+
// $ouds-grid-column-count-1000: 10px !default;
84+
$ouds-grid-column-count-1200: 12px !default;
85+
$ouds-grid-max-width-100: 389px !default;
86+
$ouds-grid-max-width-200: 479px !default;
87+
$ouds-grid-max-width-300: 735px !default;
88+
$ouds-grid-max-width-400: 1023px !default;
89+
$ouds-grid-max-width-500: 1319px !default;
90+
$ouds-grid-max-width-600: 1639px !default;
9691
$ouds-grid-max-width-650: 1680px !default;
97-
//$ouds-grid-max-width-700: 1879px !default;
92+
$ouds-grid-max-width-700: 1879px !default;
9893
$ouds-grid-max-width-800: 1920px !default;
99-
100-
$ouds-grid-margin-100: 16px !default;
101-
$ouds-grid-margin-300: 24px !default;
102-
$ouds-grid-margin-400: 28px !default;
103-
$ouds-grid-margin-500: 32px !default;
104-
//$ouds-grid-margin-600: 36px !default;
105-
$ouds-grid-margin-700: 40px !default;
106-
//$ouds-grid-margin-1000: 52px !default;
107-
$ouds-grid-margin-1100: 56px !default;
108-
$ouds-grid-margin-1700: 80px !default;
109-
$ouds-grid-margin-2500: 112px !default;
110-
111-
//$ouds-grid-column-gap-10: 1px !default;
112-
$ouds-grid-column-gap-100: 8px !default;
113-
$ouds-grid-column-gap-200: 16px !default;
114-
//$ouds-grid-column-gap-300: 20px !default;
115-
$ouds-grid-column-gap-400: 24px !default;
116-
$ouds-grid-column-gap-600: 32px !default;
117-
$ouds-grid-column-gap-800: 40px !default;
118-
119-
//$ouds-grid-column-count-100: 1px !default;
120-
//$ouds-grid-column-count-200: 2px !default;
121-
//$ouds-grid-column-count-400: 4px !default;
122-
//$ouds-grid-column-count-600: 6px !default;
123-
//$ouds-grid-column-count-800: 8px !default;
124-
//$ouds-grid-column-count-1000: 10px !default;
125-
//$ouds-grid-column-count-1200: 12px !default;
94+
$ouds-grid-min-width-100: 1px !default;
95+
$ouds-grid-min-width-200: 390px !default;
96+
$ouds-grid-min-width-300: 480px !default;
97+
$ouds-grid-min-width-400: 736px !default;
98+
$ouds-grid-min-width-500: 1024px !default;
99+
$ouds-grid-min-width-600: 1320px !default;
100+
$ouds-grid-min-width-700: 1640px !default;
101+
$ouds-grid-min-width-800: 1880px !default;
102+
$ouds-grid-width-100: 360px !default;
103+
$ouds-grid-width-200: 390px !default;
104+
$ouds-grid-width-300: 480px !default;
105+
$ouds-grid-width-400: 768px !default;
106+
$ouds-grid-width-500: 1024px !default;
107+
$ouds-grid-width-600: 1440px !default;
108+
$ouds-grid-width-700: 1680px !default;
109+
$ouds-grid-width-800: 1920px !default;
110+
// $ouds-grid-column-gap-10: $ouds-dimension-base * .25 !default; // 1
111+
$ouds-grid-column-gap-100: $ouds-dimension-base * 2 !default; // 8
112+
$ouds-grid-column-gap-200: $ouds-dimension-base * 4 !default; // 16
113+
// $ouds-grid-column-gap-300: $ouds-dimension-base * 5 !default; // 20
114+
$ouds-grid-column-gap-400: $ouds-dimension-base * 6 !default; // 24
115+
$ouds-grid-column-gap-600: $ouds-dimension-base * 8 !default; // 32
116+
$ouds-grid-column-gap-800: $ouds-dimension-base * 10 !default; // 40
117+
$ouds-grid-margin-100: $ouds-dimension-base * 4 !default; // 16
118+
$ouds-grid-margin-300: $ouds-dimension-base * 6 !default; // 24
119+
$ouds-grid-margin-400: $ouds-dimension-base * 7 !default; // 28
120+
$ouds-grid-margin-500: $ouds-dimension-base * 8 !default; // 32
121+
// $ouds-grid-margin-600: $ouds-dimension-base * 9 !default; // 36
122+
$ouds-grid-margin-700: $ouds-dimension-base * 10 !default; // 40
123+
// $ouds-grid-margin-1000: $ouds-dimension-base * 13 !default; // 52
124+
$ouds-grid-margin-1100: $ouds-dimension-base * 14 !default; // 56
125+
$ouds-grid-margin-1700: $ouds-dimension-base * 20 !default; // 80
126+
$ouds-grid-margin-2500: $ouds-dimension-base * 28 !default; // 112
126127
// scss-docs-end ouds-raw-grid
127128

128129
// Opacity

‎scss/tokens/_semantic.scss‎

Lines changed: 49 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -80,62 +80,55 @@ $ouds-elevation-y-sticky-navigation-scrolled: $ouds-elevation-y-300 !default;
8080
// Grid
8181

8282
// scss-docs-start ouds-semantic-grid
83-
//$ouds-grid-2xs-width: $ouds-grid-width-100 !default;
84-
//$ouds-grid-2xs-min-width: $ouds-grid-min-width-100 !default;
85-
//$ouds-grid-2xs-max-width: $ouds-grid-max-width-100 !default;
86-
$ouds-grid-2xs-margin: $ouds-grid-margin-100 !default;
87-
$ouds-grid-2xs-column-gap: $ouds-grid-column-gap-100 !default;
88-
//$ouds-grid-2xs-column-count: $ouds-grid-column-count-400 !default;
89-
90-
//$ouds-grid-xs-width: $ouds-grid-width-200 !default;
91-
$ouds-grid-xs-min-width: $ouds-grid-min-width-200 !default;
92-
//$ouds-grid-xs-max-width: $ouds-grid-max-width-200 !default;
93-
$ouds-grid-xs-margin: $ouds-grid-margin-300 !default;
94-
$ouds-grid-xs-column-gap: $ouds-grid-column-gap-200 !default;
95-
//$ouds-grid-xs-column-count: $ouds-grid-column-count-400 !default;
96-
97-
//$ouds-grid-sm-width: $ouds-grid-width-300 !default;
98-
$ouds-grid-sm-min-width: $ouds-grid-min-width-300 !default;
99-
//$ouds-grid-sm-max-width: $ouds-grid-max-width-300 !default;
100-
$ouds-grid-sm-margin: $ouds-grid-margin-400 !default;
101-
$ouds-grid-sm-column-gap: $ouds-grid-column-gap-200 !default;
102-
//$ouds-grid-sm-column-count: $ouds-grid-column-count-400 !default;
103-
104-
//$ouds-grid-md-width: $ouds-grid-width-400 !default;
105-
$ouds-grid-md-min-width: $ouds-grid-min-width-400 !default;
106-
//$ouds-grid-md-max-width: $ouds-grid-max-width-400 !default;
107-
$ouds-grid-md-margin: $ouds-grid-margin-500 !default;
108-
$ouds-grid-md-column-gap: $ouds-grid-column-gap-400 !default;
109-
//$ouds-grid-md-column-count: $ouds-grid-column-count-600 !default;
110-
111-
//$ouds-grid-lg-width: $ouds-grid-width-500 !default;
112-
$ouds-grid-lg-min-width: $ouds-grid-min-width-500 !default;
113-
//$ouds-grid-lg-max-width: $ouds-grid-max-width-500 !default;
114-
$ouds-grid-lg-margin: $ouds-grid-margin-700 !default;
115-
$ouds-grid-lg-column-gap: $ouds-grid-column-gap-400 !default;
116-
//$ouds-grid-lg-column-count: $ouds-grid-column-count-600 !default;
117-
118-
//$ouds-grid-xl-width: $ouds-grid-width-600 !default;
119-
$ouds-grid-xl-min-width: $ouds-grid-min-width-600 !default;
120-
//$ouds-grid-xl-max-width: $ouds-grid-max-width-600 !default;
121-
$ouds-grid-xl-margin: $ouds-grid-margin-1100 !default;
122-
$ouds-grid-xl-column-gap: $ouds-grid-column-gap-600 !default;
123-
//$ouds-grid-xl-column-count: $ouds-grid-column-count-1200 !default;
124-
125-
//$ouds-grid-2xl-width: $ouds-grid-width-700 !default;
126-
$ouds-grid-2xl-min-width: $ouds-grid-min-width-700 !default;
127-
//$ouds-grid-2xl-max-width-specific-tools: $ouds-grid-max-width-700 !default;
128-
$ouds-grid-2xl-max-width-public-website: $ouds-grid-max-width-650 !default;
129-
$ouds-grid-2xl-margin: $ouds-grid-margin-1700 !default;
130-
$ouds-grid-2xl-column-gap: $ouds-grid-column-gap-600 !default;
131-
//$ouds-grid-2xl-column-count: $ouds-grid-column-count-1200 !default;
132-
133-
//$ouds-grid-3xl-width: $ouds-grid-width-800 !default;
134-
$ouds-grid-3xl-min-width: $ouds-grid-min-width-800 !default;
135-
$ouds-grid-3xl-max-width: $ouds-grid-max-width-800 !default;
136-
$ouds-grid-3xl-margin: $ouds-grid-margin-2500 !default;
137-
$ouds-grid-3xl-column-gap: $ouds-grid-column-gap-800 !default;
138-
//$ouds-grid-3xl-column-count: $ouds-grid-column-count-1200 !default;
83+
// $ouds-grid-2xl-column-count: $ouds-grid-column-count-1200 !default;
84+
$ouds-grid-2xl-column-gap: $ouds-grid-column-gap-600 !default;
85+
$ouds-grid-2xl-margin: $ouds-grid-margin-1700 !default;
86+
$ouds-grid-2xl-max-width-public-website: $ouds-grid-max-width-650 !default;
87+
// $ouds-grid-2xl-max-width-specific-tools: $ouds-grid-max-width-700 !default;
88+
$ouds-grid-2xl-min-width: $ouds-grid-min-width-700 !default;
89+
// $ouds-grid-2xl-width: $ouds-grid-width-700 !default;
90+
// $ouds-grid-2xs-column-count: $ouds-grid-column-count-400 !default;
91+
$ouds-grid-2xs-column-gap: $ouds-grid-column-gap-100 !default;
92+
$ouds-grid-2xs-margin: $ouds-grid-margin-100 !default;
93+
// $ouds-grid-2xs-max-width: $ouds-grid-max-width-100 !default;
94+
// $ouds-grid-2xs-min-width: $ouds-grid-min-width-100 !default;
95+
// $ouds-grid-2xs-width: $ouds-grid-width-100 !default;
96+
// $ouds-grid-3xl-column-count: $ouds-grid-column-count-1200 !default;
97+
$ouds-grid-3xl-column-gap: $ouds-grid-column-gap-800 !default;
98+
$ouds-grid-3xl-margin: $ouds-grid-margin-2500 !default;
99+
$ouds-grid-3xl-max-width: $ouds-grid-max-width-800 !default;
100+
$ouds-grid-3xl-min-width: $ouds-grid-min-width-800 !default;
101+
// $ouds-grid-3xl-width: $ouds-grid-width-800 !default;
102+
// $ouds-grid-lg-column-count: $ouds-grid-column-count-600 !default;
103+
$ouds-grid-lg-column-gap: $ouds-grid-column-gap-400 !default;
104+
$ouds-grid-lg-margin: $ouds-grid-margin-700 !default;
105+
// $ouds-grid-lg-max-width: $ouds-grid-max-width-500 !default;
106+
$ouds-grid-lg-min-width: $ouds-grid-min-width-500 !default;
107+
// $ouds-grid-lg-width: $ouds-grid-width-500 !default;
108+
// $ouds-grid-md-column-count: $ouds-grid-column-count-600 !default;
109+
$ouds-grid-md-column-gap: $ouds-grid-column-gap-400 !default;
110+
$ouds-grid-md-margin: $ouds-grid-margin-500 !default;
111+
// $ouds-grid-md-max-width: $ouds-grid-max-width-400 !default;
112+
$ouds-grid-md-min-width: $ouds-grid-min-width-400 !default;
113+
// $ouds-grid-md-width: $ouds-grid-width-400 !default;
114+
// $ouds-grid-sm-column-count: $ouds-grid-column-count-400 !default;
115+
$ouds-grid-sm-column-gap: $ouds-grid-column-gap-200 !default;
116+
$ouds-grid-sm-margin: $ouds-grid-margin-400 !default;
117+
// $ouds-grid-sm-max-width: $ouds-grid-max-width-300 !default;
118+
$ouds-grid-sm-min-width: $ouds-grid-min-width-300 !default;
119+
// $ouds-grid-sm-width: $ouds-grid-width-300 !default;
120+
// $ouds-grid-xl-column-count: $ouds-grid-column-count-1200 !default;
121+
$ouds-grid-xl-column-gap: $ouds-grid-column-gap-600 !default;
122+
$ouds-grid-xl-margin: $ouds-grid-margin-1100 !default;
123+
// $ouds-grid-xl-max-width: $ouds-grid-max-width-600 !default;
124+
$ouds-grid-xl-min-width: $ouds-grid-min-width-600 !default;
125+
// $ouds-grid-xl-width: $ouds-grid-width-600 !default;
126+
// $ouds-grid-xs-column-count: $ouds-grid-column-count-400 !default;
127+
$ouds-grid-xs-column-gap: $ouds-grid-column-gap-200 !default;
128+
$ouds-grid-xs-margin: $ouds-grid-margin-300 !default;
129+
// $ouds-grid-xs-max-width: $ouds-grid-max-width-200 !default;
130+
$ouds-grid-xs-min-width: $ouds-grid-min-width-200 !default;
131+
// $ouds-grid-xs-width: $ouds-grid-width-200 !default;
139132
// scss-docs-end ouds-semantic-grid
140133

141134
// Opacity

‎site/content/docs/0.0/examples/fake/fake.css‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎site/content/docs/0.0/examples/fake/index.html‎

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎site/content/docs/0.0/migration-from-boosted.md‎

Lines changed: 65 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,12 +59,22 @@ Technically, it means that you can get rid of the following things:
5959
- `xxl` has been renamed `2xl`.
6060
- `2xs` and `3xl` have been added.
6161
- The breakpoints values have changed. Please refer to the [breakpoints' documentation]({{< docsref "/layout/breakpoints/" >}}).
62+
- `.col-{breakpoint}-{number}`, `.g-col-{}
6263
- The default container to use is now `.container-fluid` associated to `.max-width-public-website` or `.max-width-specific-tools` instead of `.container-xxl`. Please refer to the [fluid containers' documentation]({{< docsref "/layout/containers/#fluid-containers" >}}).
64+
- Default gutter inside grid have been changed to have a fully responsive behavior. It should be a transparent change for you.
65+
- All gutter utilities have been changed. `.g{-breakpoint}-{value}`, `.gx{-breakpoint}-{value}` and `.gy{-breakpoint}-{value}` which value is inside `0|1|2|3|4|5`. Gutter utilities values now use `none|smash|shortest|shorter|short|medium|tall|taller|tallest|spacious|huge|jumbo`. Proportional equivalence between `0` → `none`, `1` → `shortest`, `2` → `shorter`, `3` → `medium`, `4` → `tall`, `5` → `spacious`.
6366

6467
All responsive classes, helpers and utilities have been changed accordingly to the new breakpoints.
6568

6669
- <span class="badge text-bg-info">Info</span> `xxl` breakpoint and thus all related classes (like `.container-xxl`) can still be available when <code>$enable-bootstrap-compatibility</code> is on.
6770

71+
## Helpers
72+
73+
### Position
74+
75+
- <span class="badge text-bg-danger">Breaking</span> Responsive sticky helpers `.sticky-xxl-{top|bottom}` have been removed and replaced by their equivalent `.sticky-2xl-{top|bottom}`.
76+
- <span class="badge text-bg-success">New</span> Responsive sticky helpers: `.sticky-xs-{top|bottom}`, `.sticky-2xl-{top|bottom}` and `.sticky-3xl-{top|bottom}`.
77+
6878
## Utilities
6979

7080
### Border
@@ -132,6 +142,10 @@ Technically, it means that you can get rid of the following things:
132142
`shadow-none`, `shadow-raised`, `shadow-drag`, `shadow-overlay-default`, `shadow-overlay-emphasized`, `shadow-sticky-default`, `shadow-sticky-emphasized`, `shadow-sticky-navigation-scrolled` and `shadow-focus`.
133143
- <span class="badge text-bg-info">Info</span> `.shadow-{|sm|lg}` utilities can still be available when <code>$enable-bootstrap-compatibility</code> is on.
134144

145+
## Examples
146+
147+
- <span class="badge text-bg-success">New</span> New OUDS Web [example for the usable grids]({{< docsref "/examples/grid-system" >}}).
148+
135149
## CSS and Sass variables
136150

137151
- <span class="badge text-bg-success">New</span> `$enable-bootstrap-compatibility` option set to `false` by default. This option allows you to compile the Sass files with a Bootstrap compatibility mode.
@@ -244,6 +258,53 @@ Technically, it means that you can get rid of the following things:
244258
<li><code>$ouds-elevation-y-sticky-default</code></li>
245259
<li><code>$ouds-elevation-y-sticky-emphasized</code></li>
246260
<li><code>$ouds-elevation-y-sticky-navigation-scrolled</code></li>
261+
<li><code>$ouds-grid-2xl-column-gap</code></li>
262+
<li><code>$ouds-grid-2xl-margin</code></li>
263+
<li><code>$ouds-grid-2xl-max-width-public-website</code></li>
264+
<li><code>$ouds-grid-2xl-min-width</code></li>
265+
<li><code>$ouds-grid-2xs-column-gap</code></li>
266+
<li><code>$ouds-grid-2xs-margin</code></li>
267+
<li><code>$ouds-grid-3xl-column-gap</code></li>
268+
<li><code>$ouds-grid-3xl-margin</code></li>
269+
<li><code>$ouds-grid-3xl-max-width</code></li>
270+
<li><code>$ouds-grid-3xl-min-width</code></li>
271+
<li><code>$ouds-grid-column-gap-100</code></li>
272+
<li><code>$ouds-grid-column-gap-200</code></li>
273+
<li><code>$ouds-grid-column-gap-400</code></li>
274+
<li><code>$ouds-grid-column-gap-600</code></li>
275+
<li><code>$ouds-grid-column-gap-800</code></li>
276+
<li><code>$ouds-grid-margin-100</code></li>
277+
<li><code>$ouds-grid-margin-1100</code></li>
278+
<li><code>$ouds-grid-margin-1700</code></li>
279+
<li><code>$ouds-grid-margin-2500</code></li>
280+
<li><code>$ouds-grid-margin-300</code></li>
281+
<li><code>$ouds-grid-margin-400</code></li>
282+
<li><code>$ouds-grid-margin-500</code></li>
283+
<li><code>$ouds-grid-margin-700</code></li>
284+
<li><code>$ouds-grid-max-width-650</code></li>
285+
<li><code>$ouds-grid-max-width-800</code></li>
286+
<li><code>$ouds-grid-md-column-gap</code></li>
287+
<li><code>$ouds-grid-md-margin</code></li>
288+
<li><code>$ouds-grid-md-min-width</code></li>
289+
<li><code>$ouds-grid-min-width-200</code></li>
290+
<li><code>$ouds-grid-min-width-300</code></li>
291+
<li><code>$ouds-grid-min-width-400</code></li>
292+
<li><code>$ouds-grid-min-width-500</code></li>
293+
<li><code>$ouds-grid-min-width-600</code></li>
294+
<li><code>$ouds-grid-min-width-700</code></li>
295+
<li><code>$ouds-grid-min-width-800</code></li>
296+
<li><code>$ouds-grid-lg-column-gap</code></li>
297+
<li><code>$ouds-grid-lg-margin</code></li>
298+
<li><code>$ouds-grid-lg-min-width</code></li>
299+
<li><code>$ouds-grid-sm-column-gap</code></li>
300+
<li><code>$ouds-grid-sm-margin</code></li>
301+
<li><code>$ouds-grid-sm-min-width</code></li>
302+
<li><code>$ouds-grid-xl-column-gap</code></li>
303+
<li><code>$ouds-grid-xl-margin</code></li>
304+
<li><code>$ouds-grid-xl-min-width</code></li>
305+
<li><code>$ouds-grid-xs-column-gap</code></li>
306+
<li><code>$ouds-grid-xs-margin</code></li>
307+
<li><code>$ouds-grid-xs-min-width</code></li>
247308
<li><code>$ouds-opacity-0</code></li>
248309
<li><code>$ouds-opacity-100</code></li>
249310
<li><code>$ouds-opacity-300</code></li>
@@ -262,6 +323,7 @@ Technically, it means that you can get rid of the following things:
262323
- <details class="mb-2">
263324
<summary><span class="badge text-bg-success">New</span> Sass maps:</summary>
264325
<ul>
326+
<li><code>$grid-gutter-widths</code></li>
265327
<li><code>$ouds-border-radiuses</code></li>
266328
<li><code>$ouds-border-styles</code></li>
267329
<li><code>$ouds-border-widths</code></li>
@@ -315,6 +377,7 @@ Technically, it means that you can get rid of the following things:
315377
<li><code>$form-star-focus-color-dark</code></li>
316378
<li><code>$form-star-focus-outline</code></li>
317379
<li><code>$form-star-focus-outline-dark</code></li>
380+
<li><code>$grid-gutter-breakpoint</code></li>
318381
<li><code>$orange-filter</code></li>
319382
<li><code>$outline-offset</code></li>
320383
<li><code>$outline-width</code></li>
@@ -350,7 +413,6 @@ Technically, it means that you can get rid of the following things:
350413
<li><code>--bs-box-shadow-inset</code></li>
351414
<li><code>--bs-box-shadow-lg</code></li>
352415
<li><code>--bs-box-shadow-sm</code></li>
353-
354416
</ul>
355417
</details>
356418

@@ -373,3 +435,5 @@ Technically, it means that you can get rid of the following things:
373435
<li><code>shadow</code></li>
374436
</ul>
375437
</details>
438+
439+
- <span class="badge text-bg-warning">Warning</span> OUDS Web changes the signature of `make-row($gutter, $gutter-sm)` to have `make-row($gutter)`.

0 commit comments

Comments
 (0)