@orangesk/orange-design-system 2.0.0-beta.19 → 2.0.0-beta.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +346 -19
- package/build/components/Accordion/style.css +1 -1
- package/build/components/Accordion/style.css.map +1 -1
- package/build/components/Alert/style.css +1 -1
- package/build/components/Alert/style.css.map +1 -1
- package/build/components/AnchorNavigation/style.css +1 -1
- package/build/components/AnchorNavigation/style.css.map +1 -1
- package/build/components/BlockAction/style.css +1 -1
- package/build/components/BlockAction/style.css.map +1 -1
- package/build/components/CarouselPromotions/style.css +1 -1
- package/build/components/CarouselPromotions/style.css.map +1 -1
- package/build/components/FeatureAccordion/style.css +1 -1
- package/build/components/FeatureAccordion/style.css.map +1 -1
- package/build/components/Footer/style.css +1 -1
- package/build/components/Footer/style.css.map +1 -1
- package/build/components/Hero/style.css +1 -1
- package/build/components/Hero/style.css.map +1 -1
- package/build/components/Megamenu/style.css +1 -1
- package/build/components/Megamenu/style.css.map +1 -1
- package/build/components/Modal/style.css +1 -1
- package/build/components/Modal/style.css.map +1 -1
- package/build/components/Progress/style.css +1 -1
- package/build/components/Progress/style.css.map +1 -1
- package/build/components/PromoBanner/style.css +1 -1
- package/build/components/PromoBanner/style.css.map +1 -1
- package/build/components/PromotionCard/style.css +1 -1
- package/build/components/PromotionCard/style.css.map +1 -1
- package/build/components/Tag/style.css +1 -1
- package/build/components/Tag/style.css.map +1 -1
- package/build/components/Tile/style.css +1 -1
- package/build/components/Tile/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +5 -40
- package/build/components/types/src/components/Alert/Alert.d.ts +0 -2
- package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.d.ts +1 -2
- package/build/components/types/src/components/BlockAction/BlockAction.d.ts +2 -0
- package/build/components/types/src/components/BlockAction/Context.d.ts +2 -0
- package/build/components/types/src/components/Breadcrumbs/Breadcrumbs.d.ts +0 -2
- package/build/components/types/src/components/Button/Button.d.ts +0 -1
- package/build/components/types/src/components/Card/index.d.ts +1 -0
- package/build/components/types/src/components/Carousel/Carousel.d.ts +0 -2
- package/build/components/types/src/components/CarouselHero/CarouselHero.d.ts +0 -1
- package/build/components/types/src/components/CarouselPromotions/CarouselPromotions.d.ts +0 -1
- package/build/components/types/src/components/Controls/Controls.d.ts +0 -1
- package/build/components/types/src/components/Expander/Expander.d.ts +0 -3
- package/build/components/types/src/components/FeatureAccordion/FeatureAccordion.d.ts +0 -2
- package/build/components/types/src/components/Forms/InputStepper/InputStepper.d.ts +0 -1
- package/build/components/types/src/components/Hero/Hero.d.ts +0 -3
- package/build/components/types/src/components/Icon/iconSearchTags.d.ts +167 -166
- package/build/components/types/src/components/Link/Link.d.ts +0 -2
- package/build/components/types/src/components/Megamenu/static.d.ts +2 -3
- package/build/components/types/src/components/Modal/Modal.d.ts +0 -2
- package/build/components/types/src/components/Pagination/Pagination.d.ts +0 -2
- package/build/components/types/src/components/Pill/Pill.d.ts +0 -1
- package/build/components/types/src/components/Progress/Progress.d.ts +0 -1
- package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts +1 -2
- package/build/components/types/src/components/PromotionCard/PromotionCard.d.ts +2 -2
- package/build/components/types/src/components/Stepbar/Stepbar.d.ts +0 -2
- package/build/components/types/src/components/Table/Table.d.ts +0 -2
- package/build/components/types/src/components/Tabs/Tabs.d.ts +0 -2
- package/build/components/types/src/components/Tooltip/Tooltip.d.ts +0 -1
- package/build/components/types/src/scripts/index.d.ts +2 -3
- package/build/components/types/src/styles/export/color.d.ts +102 -20
- package/build/lib/base.css +1 -1
- package/build/lib/base.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/footer.css +1 -1
- package/build/lib/footer.css.map +1 -1
- package/build/lib/megamenu.css +1 -1
- package/build/lib/megamenu.css.map +1 -1
- package/build/lib/megamenu.js +1 -1
- package/build/lib/megamenu.js.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/build/lib/utilities.css +1 -1
- package/build/lib/utilities.css.map +1 -1
- package/build/sprite.svg +1 -1
- package/package.json +13 -13
- package/src/assets/icons/quote.svg +4 -0
- package/src/components/Accordion/styles/mixins.scss +2 -0
- package/src/components/Alert/Alert.tsx +0 -6
- package/src/components/Alert/styles/mixins.scss +3 -1
- package/src/components/Alert/tests/Alert.test.js +0 -14
- package/src/components/AnchorNavigation/AnchorNavigation.tsx +1 -10
- package/src/components/AnchorNavigation/tests/AnchorNavigation.conformance.test.js +0 -9
- package/src/components/BlockAction/BlockAction.tsx +10 -3
- package/src/components/BlockAction/Context.tsx +4 -0
- package/src/components/BlockAction/styles/mixins.scss +6 -0
- package/src/components/BlockAction/styles/style.scss +5 -0
- package/src/components/Breadcrumbs/BreadcrumbItem.tsx +16 -7
- package/src/components/Breadcrumbs/Breadcrumbs.tsx +4 -12
- package/src/components/Breadcrumbs/tests/BreadcrumbItem.unit.test.js +14 -8
- package/src/components/Breadcrumbs/tests/Breadcrumbs.integration.test.js +14 -37
- package/src/components/Breadcrumbs/tests/Breadcrumbs.unit.test.js +19 -23
- package/src/components/Button/Button.tsx +0 -4
- package/src/components/Button/tests/Button.test.js +0 -10
- package/src/components/Card/index.ts +1 -0
- package/src/components/Carousel/Carousel.static.ts +5 -0
- package/src/components/Carousel/Carousel.tsx +0 -5
- package/src/components/Carousel/tests/Carousel.unit.test.js +0 -21
- package/src/components/CarouselHero/CarouselHero.tsx +1 -9
- package/src/components/CarouselHero/tests/CarouselHero.conformance.test.js +0 -1
- package/src/components/CarouselHero/tests/CarouselHero.unit.test.js +0 -14
- package/src/components/CarouselPromotions/CarouselPromotions.tsx +1 -6
- package/src/components/CarouselPromotions/styles/mixins.scss +6 -3
- package/src/components/CarouselPromotions/tests/CarouselPromotions.unit.test.js +0 -17
- package/src/components/Controls/Controls.tsx +2 -7
- package/src/components/Controls/tests/Controls.test.js +0 -23
- package/src/components/Expander/Expander.tsx +0 -6
- package/src/components/Expander/tests/Expander.conformance.test.js +8 -12
- package/src/components/Expander/tests/Expander.unit.test.js +37 -47
- package/src/components/FeatureAccordion/FeatureAccordion.tsx +2 -12
- package/src/components/FeatureAccordion/styles/mixins.scss +6 -14
- package/src/components/FeatureAccordion/styles/style.scss +2 -4
- package/src/components/FeatureAccordion/tests/FeatureAccordion.unit.test.js +0 -5
- package/src/components/Footer/styles/mixins.scss +1 -0
- package/src/components/Forms/InputStepper/InputStepper.tsx +0 -4
- package/src/components/Forms/Label/styles/config.scss +3 -0
- package/src/components/Hero/Hero.tsx +2 -16
- package/src/components/Hero/styles/style.scss +0 -14
- package/src/components/Hero/tests/Hero.unit.test.js +109 -119
- package/src/components/Icon/iconSearchTags.ts +167 -166
- package/src/components/Link/Link.tsx +0 -5
- package/src/components/Link/tests/Link.conformance.test.js +1 -7
- package/src/components/Link/tests/Link.unit.test.js +0 -20
- package/src/components/Megamenu/static.ts +5 -2
- package/src/components/Modal/Modal.tsx +0 -5
- package/src/components/Modal/styles/mixins.scss +7 -0
- package/src/components/Modal/styles/style.scss +1 -0
- package/src/components/Modal/tests/Modal.unit.test.js +0 -22
- package/src/components/Pagination/Pagination.tsx +1 -11
- package/src/components/Pill/Pill.tsx +0 -4
- package/src/components/Pill/tests/Pill.conformance.test.js +0 -4
- package/src/components/Pill/tests/Pill.unit.test.js +0 -18
- package/src/components/Progress/Progress.tsx +1 -13
- package/src/components/Progress/styles/mixins.scss +9 -7
- package/src/components/PromoBanner/PromoBanner.tsx +1 -10
- package/src/components/PromoBanner/styles/mixins.scss +0 -3
- package/src/components/PromoBanner/tests/PromoBanner.conformance.test.js +0 -30
- package/src/components/PromoBanner/tests/PromoBanner.unit.test.js +1 -33
- package/src/components/PromotionCard/PromotionCard.tsx +4 -6
- package/src/components/PromotionCard/styles/mixins.scss +1 -0
- package/src/components/PromotionCard/tests/PromotionCard.conformance.test.js +18 -19
- package/src/components/PromotionCard/tests/PromotionCard.unit.test.js +12 -74
- package/src/components/Stepbar/Stepbar.tsx +0 -5
- package/src/components/Table/Table.tsx +0 -5
- package/src/components/Table/tests/Table.unit.test.js +0 -31
- package/src/components/Tabs/Tabs.tsx +0 -5
- package/src/components/Tabs/tests/Tabs.unit.test.js +0 -8
- package/src/components/Tag/styles/config.scss +1 -1
- package/src/components/Tag/styles/style.scss +10 -9
- package/src/components/Tile/styles/mixins.scss +1 -0
- package/src/components/Tooltip/Tooltip.tsx +1 -10
- package/src/components/Tooltip/tests/Tooltip.unit.test.js +0 -29
- package/src/styles/base/globals.scss +9 -0
- package/src/styles/base/styleguide.scss +6 -2
- package/src/styles/export/color.js +102 -20
- package/src/styles/export/color.scss +10 -20
- package/src/styles/typography/config.scss +83 -37
- package/src/styles/typography/mixins.scss +3 -3
- package/src/styles/utilities/text.scss +26 -2
- package/src/components/Pagination/tests/utils.js +0 -12
package/README.md
CHANGED
|
@@ -1,36 +1,363 @@
|
|
|
1
|
-
|
|
1
|
+
# Orange Design System (ODS)
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
> A framework-agnostic, accessible component library built with vanilla JavaScript, CSS/SCSS, and optional React wrappers.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
[](https://www.npmjs.com/package/@orangesk/orange-design-system)
|
|
6
|
+
[](https://nodejs.org)
|
|
7
|
+
|
|
8
|
+
## 📚 Table of Contents
|
|
9
|
+
|
|
10
|
+
- [Orange Design System (ODS)](#orange-design-system-ods)
|
|
11
|
+
- [📚 Table of Contents](#-table-of-contents)
|
|
12
|
+
- [Overview](#overview)
|
|
13
|
+
- [Architecture](#architecture)
|
|
14
|
+
- [Key Features](#key-features)
|
|
15
|
+
- [Installation](#installation)
|
|
16
|
+
- [Requirements](#requirements)
|
|
17
|
+
- [Quick Start](#quick-start)
|
|
18
|
+
- [React](#react)
|
|
19
|
+
- [Vanilla JavaScript](#vanilla-javascript)
|
|
20
|
+
- [CSS Only](#css-only)
|
|
21
|
+
- [Documentation](#documentation)
|
|
22
|
+
- [Documentation Sections](#documentation-sections)
|
|
23
|
+
- [Component Documentation Format](#component-documentation-format)
|
|
24
|
+
- [Development](#development)
|
|
25
|
+
- [Setup](#setup)
|
|
26
|
+
- [Development Server](#development-server)
|
|
27
|
+
- [Building](#building)
|
|
28
|
+
- [Testing](#testing)
|
|
29
|
+
- [Linting](#linting)
|
|
30
|
+
- [File Structure](#file-structure)
|
|
31
|
+
- [Contributing](#contributing)
|
|
32
|
+
- [Code Standards](#code-standards)
|
|
33
|
+
- [Component Guidelines](#component-guidelines)
|
|
34
|
+
- [Support](#support)
|
|
35
|
+
- [Resources](#resources)
|
|
36
|
+
- [Getting Help](#getting-help)
|
|
37
|
+
- [Changelog](#changelog)
|
|
38
|
+
|
|
39
|
+
## Overview
|
|
40
|
+
|
|
41
|
+
Orange Design System (ODS) is a comprehensive component library designed to work **outside of React** as the primary use case. React is used only for documentation and templating, making ODS truly framework-agnostic.
|
|
42
|
+
|
|
43
|
+
### Architecture
|
|
44
|
+
|
|
45
|
+
ODS components follow a three-layer architecture:
|
|
46
|
+
|
|
47
|
+
```
|
|
48
|
+
┌─────────────────────────────────────────┐
|
|
49
|
+
│ Your Application │
|
|
50
|
+
│ (React, Vue, Angular, Vanilla JS, etc.)│
|
|
51
|
+
└──────────────┬──────────────────────────┘
|
|
52
|
+
│
|
|
53
|
+
├─ React Components (optional)
|
|
54
|
+
│ └─ .tsx wrappers
|
|
55
|
+
│
|
|
56
|
+
├─ Vanilla JavaScript (core)
|
|
57
|
+
│ └─ .static.ts classes
|
|
58
|
+
│
|
|
59
|
+
└─ CSS/SCSS Styles
|
|
60
|
+
└─ BEM naming, design tokens
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
**Core:** Vanilla JavaScript + CSS/SCSS
|
|
64
|
+
**Optional:** React wrappers for convenient React integration
|
|
65
|
+
**Styling:** CSS custom properties (design tokens) with responsive breakpoints
|
|
66
|
+
|
|
67
|
+
## Key Features
|
|
68
|
+
|
|
69
|
+
✅ **Framework Agnostic** - Use in React, Vue, Angular, or vanilla JavaScript
|
|
70
|
+
✅ **Vanilla JavaScript Core** - No framework dependencies required
|
|
71
|
+
✅ **Accessible** - WCAG compliant components with ARIA attributes
|
|
72
|
+
✅ **Responsive** - Mobile-first design with breakpoint system
|
|
73
|
+
✅ **Themable** - CSS custom properties for easy customization
|
|
74
|
+
✅ **Type Safe** - Full TypeScript support
|
|
75
|
+
✅ **Performance Focused** - Lightweight, modular bundles
|
|
76
|
+
✅ **Well Documented** - Comprehensive documentation with live previews
|
|
77
|
+
|
|
78
|
+
## Installation
|
|
6
79
|
|
|
7
80
|
```bash
|
|
8
|
-
npm
|
|
81
|
+
npm install @orangesk/orange-design-system
|
|
9
82
|
# or
|
|
10
|
-
yarn
|
|
83
|
+
yarn add @orangesk/orange-design-system
|
|
11
84
|
# or
|
|
12
|
-
pnpm
|
|
13
|
-
|
|
14
|
-
|
|
85
|
+
pnpm add @orangesk/orange-design-system
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
### Requirements
|
|
89
|
+
|
|
90
|
+
- **Node.js:** >= 20.x
|
|
91
|
+
- **Package Manager:** npm, yarn, or pnpm
|
|
92
|
+
|
|
93
|
+
## Quick Start
|
|
94
|
+
|
|
95
|
+
### React
|
|
96
|
+
|
|
97
|
+
```tsx
|
|
98
|
+
import { Button } from "@orangesk/orange-design-system";
|
|
99
|
+
|
|
100
|
+
export default function App() {
|
|
101
|
+
return (
|
|
102
|
+
<Button type="primary" onClick={() => alert("Clicked!")}>
|
|
103
|
+
Click Me
|
|
104
|
+
</Button>
|
|
105
|
+
);
|
|
106
|
+
}
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
**Interactive Components** with JavaScript behavior:
|
|
110
|
+
|
|
111
|
+
```tsx
|
|
112
|
+
import { Accordion, AccordionItem } from "@orangesk/orange-design-system";
|
|
113
|
+
|
|
114
|
+
export default function MyAccordion() {
|
|
115
|
+
return (
|
|
116
|
+
<Accordion>
|
|
117
|
+
<AccordionItem headingLevel={3}>
|
|
118
|
+
<button>Section 1</button>
|
|
119
|
+
<div>Content goes here</div>
|
|
120
|
+
</AccordionItem>
|
|
121
|
+
</Accordion>
|
|
122
|
+
);
|
|
123
|
+
}
|
|
124
|
+
```
|
|
125
|
+
|
|
126
|
+
The React component automatically instantiates the vanilla JavaScript class for you.
|
|
127
|
+
|
|
128
|
+
### Vanilla JavaScript
|
|
129
|
+
|
|
130
|
+
ODS components work perfectly without React:
|
|
131
|
+
|
|
132
|
+
```html
|
|
133
|
+
<!DOCTYPE html>
|
|
134
|
+
<html>
|
|
135
|
+
<head>
|
|
136
|
+
<link
|
|
137
|
+
rel="stylesheet"
|
|
138
|
+
href="node_modules/@orangesk/orange-design-system/build/lib/components.css"
|
|
139
|
+
/>
|
|
140
|
+
</head>
|
|
141
|
+
<body>
|
|
142
|
+
<!-- HTML Structure -->
|
|
143
|
+
<div class="accordion" id="myAccordion">
|
|
144
|
+
<button
|
|
145
|
+
class="accordion__button"
|
|
146
|
+
data-accordion-toggle
|
|
147
|
+
aria-expanded="false"
|
|
148
|
+
aria-controls="panel-1"
|
|
149
|
+
>
|
|
150
|
+
Section 1
|
|
151
|
+
</button>
|
|
152
|
+
<div id="panel-1" hidden>Content here</div>
|
|
153
|
+
</div>
|
|
154
|
+
|
|
155
|
+
<!-- Instantiate JavaScript -->
|
|
156
|
+
<script type="module">
|
|
157
|
+
import Accordion from "@orangesk/orange-design-system/build/components/Accordion/Accordion.static.js";
|
|
158
|
+
|
|
159
|
+
const accordionEl = document.getElementById("myAccordion");
|
|
160
|
+
const accordion = new Accordion(accordionEl, {
|
|
161
|
+
buttonSelector: "[data-accordion-toggle]",
|
|
162
|
+
});
|
|
163
|
+
</script>
|
|
164
|
+
</body>
|
|
165
|
+
</html>
|
|
166
|
+
```
|
|
167
|
+
|
|
168
|
+
### CSS Only
|
|
169
|
+
|
|
170
|
+
Many components are CSS-only and don't require JavaScript:
|
|
171
|
+
|
|
172
|
+
```html
|
|
173
|
+
<link
|
|
174
|
+
rel="stylesheet"
|
|
175
|
+
href="node_modules/@orangesk/orange-design-system/build/lib/components.css"
|
|
176
|
+
/>
|
|
177
|
+
|
|
178
|
+
<!-- Button -->
|
|
179
|
+
<button class="button button--primary">Click Me</button>
|
|
180
|
+
|
|
181
|
+
<!-- Badge -->
|
|
182
|
+
<span class="badge badge--success">Active</span>
|
|
183
|
+
|
|
184
|
+
<!-- Card -->
|
|
185
|
+
<div class="card">
|
|
186
|
+
<div class="card__section">
|
|
187
|
+
<h3>Title</h3>
|
|
188
|
+
<p>Description</p>
|
|
189
|
+
</div>
|
|
190
|
+
</div>
|
|
191
|
+
|
|
192
|
+
<!-- Grid -->
|
|
193
|
+
<div class="grid grid--3">
|
|
194
|
+
<div class="grid__col">Column 1</div>
|
|
195
|
+
<div class="grid__col">Column 2</div>
|
|
196
|
+
<div class="grid__col">Column 3</div>
|
|
197
|
+
</div>
|
|
198
|
+
```
|
|
199
|
+
|
|
200
|
+
## Documentation
|
|
201
|
+
|
|
202
|
+
**📖 Full documentation**: [https://ods2.vercel.app](https://ods2.vercel.app)
|
|
203
|
+
|
|
204
|
+
### Documentation Sections
|
|
205
|
+
|
|
206
|
+
- **[Getting Started](https://ods2.vercel.app/getting-started)** - Installation, setup, and resources
|
|
207
|
+
- **[Fundamentals](https://ods2.vercel.app/fundamentals)** - Accessibility, breakpoints, color, tokens, spacing, typography
|
|
208
|
+
- **[Components](https://ods2.vercel.app/components)** - Full component library with examples and API docs
|
|
209
|
+
- **[Copy](https://ods2.vercel.app/copy)** - Tone of voice, form validation, form labels, CTA guidelines
|
|
210
|
+
- **[Changelog](./CHANGELOG.mdx)** - Release notes and migration guides
|
|
211
|
+
|
|
212
|
+
### Component Documentation Format
|
|
213
|
+
|
|
214
|
+
Each component page includes:
|
|
215
|
+
|
|
216
|
+
- **Basic Usage** - Getting started with the component
|
|
217
|
+
- **Element Types** - When to use `<a>` vs `<button>`, etc.
|
|
218
|
+
- **Variants** - Visual style variations
|
|
219
|
+
- **Sizes** - Component size options
|
|
220
|
+
- **States** - Active, disabled, error states
|
|
221
|
+
- **Accessibility** - ARIA attributes and keyboard navigation
|
|
222
|
+
- **Code Examples** - Live, interactive previews
|
|
223
|
+
|
|
224
|
+
## Development
|
|
225
|
+
|
|
226
|
+
### Setup
|
|
227
|
+
|
|
228
|
+
```bash
|
|
229
|
+
# Install dependencies
|
|
230
|
+
npm install
|
|
231
|
+
|
|
232
|
+
# Build SCSS exports and search index
|
|
233
|
+
npm run build:scss-exports
|
|
234
|
+
npm run build:search-index
|
|
235
|
+
```
|
|
236
|
+
|
|
237
|
+
### Development Server
|
|
238
|
+
|
|
239
|
+
```bash
|
|
240
|
+
# Start development server with hot reload
|
|
241
|
+
npm run dev
|
|
242
|
+
```
|
|
243
|
+
|
|
244
|
+
Open [http://localhost:3000](http://localhost:3000) to view the documentation site.
|
|
245
|
+
|
|
246
|
+
### Building
|
|
247
|
+
|
|
248
|
+
```bash
|
|
249
|
+
# Build documentation and component bundles
|
|
250
|
+
npm run build
|
|
251
|
+
|
|
252
|
+
# Build component bundle only
|
|
253
|
+
npm run build:bundle
|
|
254
|
+
|
|
255
|
+
# Build megamenu bundle
|
|
256
|
+
npm run build:megamenu
|
|
257
|
+
|
|
258
|
+
# Build footer bundle
|
|
259
|
+
npm run build:footer
|
|
260
|
+
```
|
|
261
|
+
|
|
262
|
+
### Testing
|
|
263
|
+
|
|
264
|
+
```bash
|
|
265
|
+
# Run tests
|
|
266
|
+
npm test
|
|
267
|
+
|
|
268
|
+
# Watch mode
|
|
269
|
+
npm test:watch
|
|
270
|
+
|
|
271
|
+
# Coverage report
|
|
272
|
+
npm test:coverage
|
|
273
|
+
```
|
|
274
|
+
|
|
275
|
+
### Linting
|
|
276
|
+
|
|
277
|
+
```bash
|
|
278
|
+
# Run ESLint
|
|
279
|
+
npm run lint
|
|
15
280
|
```
|
|
16
281
|
|
|
17
|
-
|
|
282
|
+
### File Structure
|
|
283
|
+
|
|
284
|
+
```
|
|
285
|
+
src/
|
|
286
|
+
components/ # Component source files
|
|
287
|
+
Button/
|
|
288
|
+
Button.tsx # React wrapper
|
|
289
|
+
IconButton.tsx
|
|
290
|
+
styles/
|
|
291
|
+
style.scss
|
|
292
|
+
index.ts
|
|
293
|
+
Accordion/
|
|
294
|
+
Accordion.tsx # React wrapper
|
|
295
|
+
Accordion.static.ts # Vanilla JS class
|
|
296
|
+
AccordionItem.tsx
|
|
297
|
+
styles/
|
|
298
|
+
style.scss
|
|
299
|
+
index.ts
|
|
300
|
+
...
|
|
301
|
+
styles/ # Global styles
|
|
302
|
+
tokens.scss # Design tokens (CSS variables)
|
|
303
|
+
mixins.scss
|
|
304
|
+
utils/ # Shared utilities
|
|
305
|
+
hooks.ts # React hooks (useStatic)
|
|
306
|
+
keyboard.ts # Keyboard navigation
|
|
307
|
+
app/ # Next.js documentation site
|
|
308
|
+
components/ # Component docs pages
|
|
309
|
+
fundamentals/ # Design system docs
|
|
310
|
+
getting-started/ # Getting started guides
|
|
311
|
+
|
|
312
|
+
build/ # Compiled components (generated)
|
|
313
|
+
public/ # Static assets
|
|
314
|
+
|
|
315
|
+
package.json # Dependencies and scripts
|
|
316
|
+
tsconfig.json # TypeScript configuration
|
|
317
|
+
rollup.config.mjs # Bundle configuration
|
|
318
|
+
jest.config.js # Test configuration
|
|
319
|
+
eslint.config.mjs # Linting configuration
|
|
320
|
+
```
|
|
321
|
+
|
|
322
|
+
## Contributing
|
|
323
|
+
|
|
324
|
+
Contributions are welcome! Please read our [Contributing Guidelines](CONTRIBUTING.md) first.
|
|
325
|
+
|
|
326
|
+
### Code Standards
|
|
327
|
+
|
|
328
|
+
- **Valid, semantic, and accessible** HTML
|
|
329
|
+
- **TypeScript** for component logic
|
|
330
|
+
- **SCSS** for styles using BEM methodology
|
|
331
|
+
- **PropTypes** for React components (for runtime validation in addition to TypeScript)
|
|
332
|
+
- **Unit and integration tests** for components
|
|
333
|
+
|
|
334
|
+
### Component Guidelines
|
|
335
|
+
|
|
336
|
+
Each component should include:
|
|
18
337
|
|
|
19
|
-
|
|
338
|
+
- ✅ Folder structure following ODS conventions
|
|
339
|
+
- ✅ React wrapper component (`.tsx`)
|
|
340
|
+
- ✅ Vanilla JavaScript class (`.static.ts`) if interactive
|
|
341
|
+
- ✅ SCSS styles in `styles/` directory
|
|
342
|
+
- ✅ TypeScript interfaces for props
|
|
343
|
+
- ✅ Unit tests
|
|
344
|
+
- ✅ MDX documentation page
|
|
345
|
+
- ✅ Accessibility attributes (ARIA)
|
|
20
346
|
|
|
21
|
-
|
|
347
|
+
See [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.
|
|
22
348
|
|
|
23
|
-
##
|
|
349
|
+
## Support
|
|
24
350
|
|
|
25
|
-
|
|
351
|
+
### Resources
|
|
26
352
|
|
|
27
|
-
- [
|
|
28
|
-
- [
|
|
353
|
+
- **Documentation**: [https://ods2.vercel.app](https://ods2.vercel.app)
|
|
354
|
+
- **GitHub**: [github.com/orangesk/design-system](https://github.com/orangesk/design-system)
|
|
355
|
+
- **NPM Package**: [@orangesk/orange-design-system](https://www.npmjs.com/package/@orangesk/orange-design-system)
|
|
29
356
|
|
|
30
|
-
|
|
357
|
+
### Getting Help
|
|
31
358
|
|
|
32
|
-
|
|
359
|
+
- 📖 Check the [documentation](https://ods2.vercel.app)
|
|
33
360
|
|
|
34
|
-
|
|
361
|
+
## Changelog
|
|
35
362
|
|
|
36
|
-
|
|
363
|
+
See [CHANGELOG.mdx](CHANGELOG.mdx) for detailed release notes, migration guides, and V1-to-V2 migration checklist.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.accordion{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.accordion>li{margin-bottom:0}.accordion>li:before{content:" ";height:0;position:absolute;width:0}.accordion{margin-bottom:1.875rem;padding-left:0}.accordion__item{border-bottom:1px solid var(--color-border-strong);display:flex;flex-direction:column;justify-content:center}.accordion__item:first-child{border-top:1px solid var(--color-border-strong)}.accordion__item:last-child{border-bottom:0}.accordion__item ul{list-style-type:square}.accordion__item ul ul{list-style-type:disc}.accordion__item ul ul ul{list-style-type:circle}.accordion--enclosed .accordion__item{padding-left:1.25rem;padding-right:1.25rem}.accordion--no-top-border .accordion__item:first-child{border-top:none}.accordion__header{margin-bottom:0;max-width:none;width:100%;z-index:1}.accordion .accordion__header{padding:.9375rem 0}.accordion--large .accordion__header{padding:1.25rem 0}.accordion__button{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;text-align:left;width:100%}.accordion__button:focus-visible,.accordion__button:hover{color:var(--color-text-accent);cursor:pointer}.accordion__button:focus{outline:2px solid var(--color-border-contrast);outline-offset:0!important}.accordion__button:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:0!important}.accordion__button:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.accordion__title{display:block;flex:1 1 auto;font-size:1.125rem;line-height:1.4375rem;max-width:30em;text-align:left;white-space:normal}.accordion__body{margin-bottom:1.875rem}.accordion__body p:last-child{margin-bottom:0}.accordion__icon{display:block;flex:0 0 auto}.accordion__icon.is-active,[aria-expanded=true]>.accordion__icon{transform:rotate(180deg)}}
|
|
1
|
+
@layer components{.accordion{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.accordion>li{margin-bottom:0}.accordion>li:before{content:" ";height:0;position:absolute;width:0}.accordion{margin-bottom:1.875rem;padding-left:0}.accordion__item{border-bottom:1px solid var(--color-border-strong);display:flex;flex-direction:column;justify-content:center}.accordion__item:first-child{border-top:1px solid var(--color-border-strong)}.accordion__item:last-child{border-bottom:0}.accordion__item ul{list-style-type:square}.accordion__item ul ul{list-style-type:disc}.accordion__item ul ul ul{list-style-type:circle}.accordion--enclosed .accordion__item{padding-left:1.25rem;padding-right:1.25rem}.accordion--no-top-border .accordion__item:first-child{border-top:none}.accordion__header{font-weight:700;margin-bottom:0;max-width:none;width:100%;z-index:1}.accordion .accordion__header{padding:.9375rem 0}.accordion--large .accordion__header{padding:1.25rem 0}.accordion__button{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;text-align:left;width:100%}.accordion__button:focus-visible,.accordion__button:hover{color:var(--color-text-accent);cursor:pointer}.accordion__button:focus{outline:2px solid var(--color-border-contrast);outline-offset:0!important}.accordion__button:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:0!important}.accordion__button:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.accordion__title{display:block;flex:1 1 auto;font-size:1.125rem;line-height:1.4375rem;max-width:30em;text-align:left;white-space:normal}.accordion__body{margin-bottom:1.875rem;margin-top:1.25rem}.accordion__body p:last-child{margin-bottom:0}.accordion__icon{display:block;flex:0 0 auto}.accordion__icon.is-active,[aria-expanded=true]>.accordion__icon{transform:rotate(180deg)}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,WACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,cACE,eAEF,CACA,qBACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,WACE,sBAAuB,CACvB,cACF,CACA,iBAIE,kDAAmD,CAHnD,YAAa,CACb,qBAAsB,CACtB,sBAEF,CACA,6BACE,+CACF,CACA,4BACE,eACF,CACA,oBACE,sBACF,CACA,uBACE,oBACF,CACA,0BACE,sBACF,CACA,sCACE,oBAAqB,CACrB,qBACF,CACA,uDACE,eACF,CACA,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,WACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,cACE,eAEF,CACA,qBACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,WACE,sBAAuB,CACvB,cACF,CACA,iBAIE,kDAAmD,CAHnD,YAAa,CACb,qBAAsB,CACtB,sBAEF,CACA,6BACE,+CACF,CACA,4BACE,eACF,CACA,oBACE,sBACF,CACA,uBACE,oBACF,CACA,0BACE,sBACF,CACA,sCACE,oBAAqB,CACrB,qBACF,CACA,uDACE,eACF,CACA,mBAKE,eAAgB,CAHhB,eAAgB,CAEhB,cAAe,CADf,UAAW,CAFX,SAKF,CACA,8BACE,kBACF,CACA,qCACE,iBACF,CACA,mBAGE,kBAAmB,CAFnB,YAAa,CACb,gBAAiB,CAEjB,6BAA8B,CAE9B,eAAgB,CADhB,UAEF,CACA,0DACE,8BAA+B,CAC/B,cACF,CACA,yBACE,8CAA+C,CAC/C,0BACF,CACA,iCACE,8CAA+C,CAC/C,0BACF,CACA,6CAEE,yBAA0B,CAD1B,eAEF,CACA,kBAEE,aAAc,CADd,aAAc,CAMd,kBAAmB,CAHnB,qBAAsB,CADtB,cAAe,CAEf,eAAgB,CAChB,kBAEF,CACA,iBAEE,sBAAuB,CADvB,kBAEF,CACA,8BACE,eACF,CACA,iBAEE,aAAc,CADd,aAEF,CACA,iEACE,wBACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .accordion {\n list-style: none;\n list-style-type: none !important;\n max-width: none;\n margin: 0;\n padding: 0;\n }\n .accordion > li {\n margin-bottom: 0;\n /* Fixes VoiceOver no announcing unordered lists */\n }\n .accordion > li::before {\n content: \" \";\n position: absolute;\n width: 0;\n height: 0;\n }\n .accordion {\n margin-bottom: 1.875rem;\n padding-left: 0;\n }\n .accordion__item {\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-bottom: 1px solid var(--color-border-strong);\n }\n .accordion__item:first-child {\n border-top: 1px solid var(--color-border-strong);\n }\n .accordion__item:last-child {\n border-bottom: 0px;\n }\n .accordion__item ul {\n list-style-type: square;\n }\n .accordion__item ul ul {\n list-style-type: disc;\n }\n .accordion__item ul ul ul {\n list-style-type: circle;\n }\n .accordion--enclosed .accordion__item {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n }\n .accordion--no-top-border .accordion__item:first-child {\n border-top: none;\n }\n .accordion__header {\n z-index: 1;\n margin-bottom: 0;\n width: 100%;\n max-width: none;\n font-weight: 700;\n }\n .accordion .accordion__header {\n padding: 0.9375rem 0;\n }\n .accordion--large .accordion__header {\n padding: 1.25rem 0;\n }\n .accordion__button {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n text-align: left;\n }\n .accordion__button:hover, .accordion__button:focus-visible {\n color: var(--color-text-accent);\n cursor: pointer;\n }\n .accordion__button:focus {\n outline: 2px solid var(--color-border-contrast);\n outline-offset: 0 !important;\n }\n .accordion__button:focus-visible {\n outline: 2px solid var(--color-border-contrast);\n outline-offset: 0 !important;\n }\n .accordion__button:focus:not(:focus-visible) {\n outline-width: 0;\n outline-color: transparent;\n }\n .accordion__title {\n flex: 1 1 auto;\n display: block;\n max-width: 30em;\n line-height: 1.4375rem;\n text-align: left;\n white-space: normal;\n font-size: 1.125rem;\n }\n .accordion__body {\n margin-top: 1.25rem;\n margin-bottom: 1.875rem;\n }\n .accordion__body p:last-child {\n margin-bottom: 0;\n }\n .accordion__icon {\n flex: 0 0 auto;\n display: block;\n }\n [aria-expanded=true] > .accordion__icon, .accordion__icon.is-active {\n transform: rotate(180deg);\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.alert{background:var(--color-fill-information);background-color:var(--color-fill-information);border:1px solid var(--color-border-information);border-color:var(--color-border-information);border-radius:.3125rem;display:flex;margin-bottom:1.875rem;max-width:36.875rem;padding:1.25rem}.alert--success{background-color:var(--color-fill-positive);border-color:var(--color-border-positive)}.alert--info{background-color:var(--color-fill-information);border-color:var(--color-border-information)}.alert--warning{background-color:var(--color-fill-warning);border-color:var(--color-border-warning)}.alert--danger{background-color:var(--color-fill-negative);border-color:var(--color-border-negative)}.alert__icon{line-height:1;margin-right:.625rem}.alert__content{flex-grow:1;flex-shrink:1;margin-top:.125rem}.alert__content p{font-size
|
|
1
|
+
@layer components{.alert{background:var(--color-fill-information);background-color:var(--color-fill-information);border:1px solid var(--color-border-information);border-color:var(--color-border-information);border-radius:.3125rem;display:flex;margin-bottom:1.875rem;max-width:36.875rem;padding:1.25rem}.alert--success{background-color:var(--color-fill-positive);border-color:var(--color-border-positive)}.alert--info{background-color:var(--color-fill-information);border-color:var(--color-border-information)}.alert--warning{background-color:var(--color-fill-warning);border-color:var(--color-border-warning)}.alert--danger{background-color:var(--color-fill-negative);border-color:var(--color-border-negative)}.alert__icon{line-height:1;margin-right:.625rem}.alert__content{flex-grow:1;flex-shrink:1;margin-top:.125rem}.alert__content p{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:.875rem}.alert__content>:last-child{margin-bottom:.3125rem!important}.alert__title{font-size:1.125rem!important;font-weight:700!important;line-height:1.1111111111!important;margin-bottom:.625rem!important}.alert__title+.btn,.alert__title+.buttons{margin-top:.625rem}.alert--full-width{max-width:100%}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAKE,wCAAyC,CAIzC,8CAA+C,CAH/C,gDAAiD,CAEjD,4CAA6C,CAD7C,sBAAwB,CANxB,YAAa,CAEb,sBAAuB,CADvB,mBAAoB,CAEpB,eAMF,CACA,gBAEE,2CAA4C,CAD5C,yCAEF,CACA,aAEE,8CAA+C,CAD/C,4CAEF,CACA,gBAEE,0CAA2C,CAD3C,wCAEF,CACA,eAEE,2CAA4C,CAD5C,yCAEF,CACA,aAEE,aAAc,CADd,oBAEF,CACA,gBAEE,WAAY,CADZ,aAAc,CAEd,kBACF,CACA,kBACE,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAKE,wCAAyC,CAIzC,8CAA+C,CAH/C,gDAAiD,CAEjD,4CAA6C,CAD7C,sBAAwB,CANxB,YAAa,CAEb,sBAAuB,CADvB,mBAAoB,CAEpB,eAMF,CACA,gBAEE,2CAA4C,CAD5C,yCAEF,CACA,aAEE,8CAA+C,CAD/C,4CAEF,CACA,gBAEE,0CAA2C,CAD3C,wCAEF,CACA,eAEE,2CAA4C,CAD5C,yCAEF,CACA,aAEE,aAAc,CADd,oBAEF,CACA,gBAEE,WAAY,CADZ,aAAc,CAEd,kBACF,CACA,kBACE,iBAAmB,CAEnB,eAAgB,CAChB,gBAAoB,CAFpB,mBAGF,CACA,4BACE,gCACF,CACA,cACE,4BAA8B,CAG9B,yBAA2B,CAF3B,kCAAoC,CACpC,+BAEF,CACA,0CACE,kBACF,CACA,mBACE,cACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .alert {\n display: flex;\n max-width: 36.875rem;\n margin-bottom: 1.875rem;\n padding: 1.25rem;\n background: var(--color-fill-information);\n border: 1px solid var(--color-border-information);\n border-radius: 0.3125rem;\n border-color: var(--color-border-information);\n background-color: var(--color-fill-information);\n }\n .alert--success {\n border-color: var(--color-border-positive);\n background-color: var(--color-fill-positive);\n }\n .alert--info {\n border-color: var(--color-border-information);\n background-color: var(--color-fill-information);\n }\n .alert--warning {\n border-color: var(--color-border-warning);\n background-color: var(--color-fill-warning);\n }\n .alert--danger {\n border-color: var(--color-border-negative);\n background-color: var(--color-fill-negative);\n }\n .alert__icon {\n margin-right: 0.625rem;\n line-height: 1;\n }\n .alert__content {\n flex-shrink: 1;\n flex-grow: 1;\n margin-top: 0.125rem;\n }\n .alert__content p {\n font-size: 0.875rem;\n line-height: 0.875rem;\n font-weight: 400;\n letter-spacing: 0rem;\n }\n .alert__content > :last-child {\n margin-bottom: 0.3125rem !important;\n }\n .alert__title {\n font-size: 1.125rem !important;\n line-height: 1.1111111111 !important;\n margin-bottom: 0.625rem !important;\n font-weight: 700 !important;\n }\n .alert__title + .buttons, .alert__title + .btn {\n margin-top: 0.625rem;\n }\n .alert--full-width {\n max-width: 100%;\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.anchor-navigation{background-color:var(--color-background-primary)!important;border-bottom:1px solid var(--color-border-strong);position:sticky;top:0;z-index:10}.anchor-navigation .horizontal-scroll::-webkit-scrollbar{background:transparent!important;display:none!important;height:0!important;width:0!important}.anchor-navigation .horizontal-scroll{-ms-overflow-style:none!important;scrollbar-width:none!important}.anchor-navigation__item{cursor:pointer;display:inline-block;font-
|
|
1
|
+
@layer components{.anchor-navigation{background-color:var(--color-background-primary)!important;border-bottom:1px solid var(--color-border-strong);position:sticky;top:0;z-index:10}.anchor-navigation .horizontal-scroll::-webkit-scrollbar{background:transparent!important;display:none!important;height:0!important;width:0!important}.anchor-navigation .horizontal-scroll{-ms-overflow-style:none!important;scrollbar-width:none!important}.anchor-navigation__item{cursor:pointer;display:inline-block;font-weight:700!important;margin-bottom:0!important;margin-right:1.875rem!important;padding:1.5625rem 0!important;text-decoration:none!important;white-space:nowrap}.anchor-navigation__item:last-child{margin-right:0}@media screen and (max-width:991.98px){.anchor-navigation__item{margin-right:1.25rem!important;padding:.625rem 0!important}}.anchor-navigation__item.is-active,.anchor-navigation__item:active,.anchor-navigation__item:focus-visible,.anchor-navigation__item:hover{box-shadow:0 -4px 0 var(--color-border-accent) inset;color:inherit;outline:none;text-decoration:none!important}.anchor-navigation__content{align-items:center;display:flex;justify-content:space-between;position:relative}@media screen and (max-width:991.98px){.anchor-navigation__content{flex-direction:column;overflow:hidden}}.anchor-navigation__content-left{display:flex}@media screen and (max-width:991.98px){.anchor-navigation__content-left{width:100%}}.anchor-navigation__content-right{align-items:center;display:flex;flex-shrink:0;gap:1.25rem;padding:0 0 0 1.5625rem;position:relative;z-index:1}.anchor-navigation__content-right:before{background:conic-gradient(from 90deg at 15% -20%,var(--color-background-primary) 2%,var(--color-background-primary) 80%);border-radius:inherit;content:"";filter:blur(10px);inset:-10px 0 0 -30px;position:absolute;transform:translate3d(10px,8px,-1px);width:100px;z-index:-1}@media screen and (max-width:991.98px){.anchor-navigation__content-right:before{display:none}.anchor-navigation__content-right{justify-content:space-between;padding:.625rem 0;width:100%}}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,mBAIE,0DAA4D,CAC5D,kDAAmD,CAJnD,eAAgB,CAChB,KAAM,CACN,UAGF,CACA,yDAIE,gCAAkC,CAHlC,sBAAwB,CAExB,kBAAoB,CADpB,iBAGF,CACA,sCAEE,iCAAmC,CADnC,8BAEF,CACA,yBAOE,cAAe,CADf,oBAAqB,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,mBAIE,0DAA4D,CAC5D,kDAAmD,CAJnD,eAAgB,CAChB,KAAM,CACN,UAGF,CACA,yDAIE,gCAAkC,CAHlC,sBAAwB,CAExB,kBAAoB,CADpB,iBAGF,CACA,sCAEE,iCAAmC,CADnC,8BAEF,CACA,yBAOE,cAAe,CADf,oBAAqB,CAIrB,yBAA2B,CAR3B,yBAA2B,CAD3B,+BAAiC,CAEjC,6BAA+B,CAE/B,8BAAgC,CADhC,kBAOF,CACA,oCACE,cACF,CACA,uCACE,yBACE,8BAAgC,CAChC,2BACF,CACF,CACA,yIACE,oDAAqD,CACrD,aAAc,CAEd,YAAa,CADb,8BAEF,CACA,4BAGE,kBAAmB,CAFnB,YAAa,CACb,6BAA8B,CAE9B,iBACF,CACA,uCACE,4BAEE,qBAAsB,CADtB,eAEF,CACF,CACA,iCACE,YACF,CACA,uCACE,iCACE,UACF,CACF,CACA,kCAEE,kBAAmB,CADnB,YAAa,CAEb,aAAc,CACd,WAAY,CAEZ,uBAAwB,CADxB,iBAAkB,CAElB,SACF,CACA,yCAOE,wHAA2H,CAE3H,qBAAsB,CANtB,UAAW,CAKX,iBAAkB,CAHlB,qBAAsB,CADtB,iBAAkB,CAElB,oCAAuC,CAJvC,WAAY,CADZ,UASF,CACA,uCACE,yCACE,YACF,CACA,kCAGE,6BAA8B,CAF9B,iBAAmB,CACnB,UAEF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .anchor-navigation {\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--color-background-primary) !important;\n border-bottom: 1px solid var(--color-border-strong);\n }\n .anchor-navigation .horizontal-scroll::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n background: transparent !important;\n }\n .anchor-navigation .horizontal-scroll {\n scrollbar-width: none !important;\n -ms-overflow-style: none !important;\n }\n .anchor-navigation__item {\n margin-right: 1.875rem !important;\n margin-bottom: 0 !important;\n padding: 1.5625rem 0 !important;\n white-space: nowrap;\n text-decoration: none !important;\n display: inline-block;\n cursor: pointer;\n font-size: !important;\n line-height: !important;\n font-weight: 700 !important;\n }\n .anchor-navigation__item:last-child {\n margin-right: 0;\n }\n @media screen and (max-width: 991.98px) {\n .anchor-navigation__item {\n margin-right: 1.25rem !important;\n padding: 0.625rem 0 !important;\n }\n }\n .anchor-navigation__item:hover, .anchor-navigation__item:focus-visible, .anchor-navigation__item:active, .anchor-navigation__item.is-active {\n box-shadow: 0 -4px 0 var(--color-border-accent) inset;\n color: inherit;\n text-decoration: none !important;\n outline: none;\n }\n .anchor-navigation__content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n }\n @media screen and (max-width: 991.98px) {\n .anchor-navigation__content {\n overflow: hidden;\n flex-direction: column;\n }\n }\n .anchor-navigation__content-left {\n display: flex;\n }\n @media screen and (max-width: 991.98px) {\n .anchor-navigation__content-left {\n width: 100%;\n }\n }\n .anchor-navigation__content-right {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n gap: 1.25rem;\n position: relative;\n padding: 0 0 0 1.5625rem;\n z-index: 1;\n }\n .anchor-navigation__content-right:before {\n z-index: -1;\n width: 100px;\n content: \"\";\n position: absolute;\n inset: -10px 0 0 -30px;\n transform: translate3d(10px, 8px, -1px);\n background: conic-gradient(from 90deg at 15% -20%, var(--color-background-primary) 2%, var(--color-background-primary) 80%);\n filter: blur(10px);\n border-radius: inherit;\n }\n @media screen and (max-width: 991.98px) {\n .anchor-navigation__content-right:before {\n display: none;\n }\n .anchor-navigation__content-right {\n padding: 0.625rem 0;\n width: 100%;\n justify-content: space-between;\n }\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.block-action{position:relative}.block-action__control:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.block-action__override{position:relative;z-index:1}.bg-black .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset),.bg-white .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset),.block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#f15e00}.bg-orange .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#fff}.bg-orange-dark .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#000}}
|
|
1
|
+
@layer components{.block-action{position:relative}.block-action__control:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.block-action__override{position:relative;z-index:1}.bg-black .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset),.bg-white .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset),.block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#f15e00}.bg-orange .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#fff}.bg-orange-dark .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#000}.block-action--border-on-hover:has(.block-action__control:focus):after,.block-action--border-on-hover:has(.block-action__control:hover):after{border:2px solid var(--color-border-accent)}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,cACE,iBACF,CACA,8BACE,UAAW,CAMX,WAAY,CAFZ,MAAO,CAHP,iBAAkB,CAElB,KAAM,CAEN,UAAW,CAHX,SAKF,CACA,wBACE,iBAAkB,CAClB,SACF,CAOA,0QACE,aACF,CACA,6FACE,UACF,CACA,kGACE,UACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .block-action {\n position: relative;\n }\n .block-action__control::before {\n content: \"\";\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .block-action__override {\n position: relative;\n z-index: 1;\n }\n .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #f15e00;\n }\n .bg-white .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #f15e00;\n }\n .bg-black .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #f15e00;\n }\n .bg-orange .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #ffffff;\n }\n .bg-orange-dark .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #000000;\n }\n}"]}
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,cACE,iBACF,CACA,8BACE,UAAW,CAMX,WAAY,CAFZ,MAAO,CAHP,iBAAkB,CAElB,KAAM,CAEN,UAAW,CAHX,SAKF,CACA,wBACE,iBAAkB,CAClB,SACF,CAOA,0QACE,aACF,CACA,6FACE,UACF,CACA,kGACE,UACF,CACA,8IACE,2CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .block-action {\n position: relative;\n }\n .block-action__control::before {\n content: \"\";\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .block-action__override {\n position: relative;\n z-index: 1;\n }\n .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #f15e00;\n }\n .bg-white .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #f15e00;\n }\n .bg-black .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #f15e00;\n }\n .bg-orange .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #ffffff;\n }\n .bg-orange-dark .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n color: #000000;\n }\n .block-action--border-on-hover:has(.block-action__control:hover)::after, .block-action--border-on-hover:has(.block-action__control:focus)::after {\n border: 2px solid var(--color-border-accent);\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@keyframes countdown{0%{stroke-dashoffset:31.416}to{stroke-dashoffset:0}}@layer components{.carousel-promotions{margin:0 auto 1.875rem;position:relative}.carousel-promotions__viewport-wrapper{position:relative}.carousel-promotions__viewport{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 auto;overflow-y:hidden;position:relative;scrollbar-width:none;transform:translateZ(0)}@media screen and (max-width:767.98px){.carousel-promotions__viewport{padding-bottom:.625rem}}@media screen and (min-width:768px){.carousel-promotions__viewport{margin-bottom:1.25rem}}.carousel-promotions__viewport::-webkit-scrollbar{height:0;opacity:0}@media screen and (max-width:767.98px){.carousel-promotions__viewport::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.carousel-promotions__viewport::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}}.carousel-promotions__viewport.is-draggable{cursor:-webkit-grab;cursor:grab;user-select:none}.carousel-promotions__viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel-promotions__track{display:flex;margin:0;padding:0;transform:translateZ(0);width:100%;z-index:1}.carousel-promotions__slide{background-color:var(--color-surface-primary);display:flex;flex:0 0 auto;max-width:100%;user-select:none}.carousel-promotions__slide--black{background-color:var(--color-surface-contrast);color:var(--color-text-inverse)!important}.carousel-promotions__slide>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__slide{flex-direction:row-reverse;justify-content:space-between}}.carousel-promotions__slide:is(a){cursor:pointer}.carousel-promotions__slide:is(a),.carousel-promotions__slide:is(a):active,.carousel-promotions__slide:is(a):hover,.carousel-promotions__slide:is(a):visited{color:inherit}.carousel-promotions__image{align-self:center;display:flex;flex-shrink:0;height:6.25rem;margin:.625rem;width:6.25rem}.carousel-promotions__image img,.carousel-promotions__image picture{margin-bottom:0}.carousel-promotions__image img{height:100%;pointer-events:none;user-select:none;width:100%}@media screen and (min-width:768px){.carousel-promotions__image{background-color:unset;border-radius:0;flex-grow:1;height:11rem;justify-content:end;margin:0 3.125rem 0 0;position:relative;width:11rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:11rem;object-fit:cover;width:100%}}@media screen and (min-width:992px){.carousel-promotions__image{height:12.5rem;margin-right:6.25rem;width:12.5rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:12.5rem}}.carousel-promotions__title{font-size:1rem;font-weight:
|
|
1
|
+
@keyframes countdown{0%{stroke-dashoffset:31.416}to{stroke-dashoffset:0}}@layer components{.carousel-promotions{margin:0 auto 1.875rem;position:relative}.carousel-promotions__viewport-wrapper{position:relative}.carousel-promotions__viewport{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 auto;overflow-y:hidden;position:relative;scrollbar-width:none;transform:translateZ(0)}@media screen and (max-width:767.98px){.carousel-promotions__viewport{padding-bottom:.625rem}}@media screen and (min-width:768px){.carousel-promotions__viewport{margin-bottom:1.25rem}}.carousel-promotions__viewport::-webkit-scrollbar{height:0;opacity:0}@media screen and (max-width:767.98px){.carousel-promotions__viewport::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.carousel-promotions__viewport::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}}.carousel-promotions__viewport.is-draggable{cursor:-webkit-grab;cursor:grab;user-select:none}.carousel-promotions__viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel-promotions__track{display:flex;margin:0;padding:0;transform:translateZ(0);width:100%;z-index:1}.carousel-promotions__slide{background-color:var(--color-surface-primary);display:flex;flex:0 0 auto;max-width:100%;user-select:none}.carousel-promotions__slide--black{background-color:var(--color-surface-contrast);color:var(--color-text-inverse)!important}.carousel-promotions__slide>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__slide{flex-direction:row-reverse;justify-content:space-between}}.carousel-promotions__slide:is(a){cursor:pointer}.carousel-promotions__slide:is(a),.carousel-promotions__slide:is(a):active,.carousel-promotions__slide:is(a):hover,.carousel-promotions__slide:is(a):visited{color:inherit}.carousel-promotions__image{align-self:center;display:flex;flex-shrink:0;height:6.25rem;margin:.625rem;width:6.25rem}.carousel-promotions__image img,.carousel-promotions__image picture{margin-bottom:0}.carousel-promotions__image img{height:100%;pointer-events:none;user-select:none;width:100%}@media screen and (min-width:768px){.carousel-promotions__image{background-color:unset;border-radius:0;flex-grow:1;height:11rem;justify-content:end;margin:0 3.125rem 0 0;position:relative;width:11rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:11rem;object-fit:cover;width:100%}}@media screen and (min-width:992px){.carousel-promotions__image{height:12.5rem;margin-right:6.25rem;width:12.5rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:12.5rem}}.carousel-promotions__title{font-size:1rem;font-weight:300;letter-spacing:-.00625rem;line-height:1.25rem;margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__title{font-size:1.75rem;font-weight:300;letter-spacing:-.0375rem;line-height:2rem;margin-bottom:1.25rem}}@media screen and (min-width:992px){.carousel-promotions__title{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}.carousel-promotions__title{font-weight:700}.carousel-promotions__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:.625rem .625rem .625rem 0}.carousel-promotions__content>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__content{height:100%;justify-content:space-between;max-width:34.0625rem;padding:1.25rem}}@media screen and (max-width:991.98px){.carousel-promotions__content{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:.875rem}}@media screen and (max-width:991.98px) and (min-width:768px){.carousel-promotions__content{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (max-width:991.98px) and (min-width:992px){.carousel-promotions__content{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}.carousel-promotions__pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0;user-select:none}.carousel-promotions__pagination-item{background:none;background-color:var(--color-surface-contrast);border:0;border-radius:100%;cursor:pointer;display:block;height:8px;margin:8px;padding:0;user-select:none;width:8px}.carousel-promotions__pagination-item:hover{background-color:var(--color-surface-contrast);outline:2px solid var(--color-border-contrast)}.carousel-promotions__pagination-item.is-active:not(:hover){background-color:transparent;outline:2px solid var(--color-border-contrast)}.is-autoplay .carousel-promotions__pagination-item.is-active:not(:focus){outline:none}.carousel-promotions__pagination-item:active{background-color:var(--color-surface-contrast)}.carousel-promotions__pagination-item:focus:not(:active){background-color:var(--color-surface-contrast);outline-color:var(--color-border-contrast)!important;outline-offset:2px;outline-width:3px!important}.carousel-promotions__pagination-svg{display:none;left:-2px;position:relative;top:-2px;transform:rotate(-90deg) scaleY(-1)}.is-autoplay .is-active>.carousel-promotions__pagination-svg{display:block}.carousel-promotions__pagination-circle{stroke-width:2px;stroke:var(--color-border-contrast);stroke-dasharray:31.416;stroke-dashoffset:31.416;animation-direction:reverse;animation-iteration-count:1;animation-name:countdown;animation-timing-function:linear}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,qBACE,GACE,wBACF,CACA,GACE,mBACF,CACF,CAEA,kBACE,qBAGE,sBAAuB,CADvB,iBAEF,CACA,uCACE,iBACF,CACA,+BAIE,gCAAiC,CACjC,uBAAwB,CAJxB,aAAc,CAEd,iBAAkB,CADlB,iBAAkB,CAKlB,oBAAqB,CADrB,uBAEF,CACA,uCACE,+BACE,sBACF,CACF,CACA,oCACE,+BACE,qBACF,CACF,CACA,kDAEE,QAAS,CADT,SAEF,CACA,uCACE,kDAEE,eAAgB,CAChB,8CAA+C,CAC/C,kBAAmB,CAHnB,cAIF,CAGA,wDAGE,2CAA4C,CAD5C,kBAAmB,CADnB,SAGF,CANF,CAQA,4CAEE,mBAAoB,CACpB,WAAY,CAFZ,gBAGF,CACA,2CACE,uBAAwB,CACxB,eACF,CACA,4BAKE,YAAa,CAFb,QAAS,CACT,SAAU,CAHV,uBAAwB,CACxB,UAAW,CAIX,SACF,CACA,4BAKE,6CAA8C,CAJ9C,YAAa,CAEb,aAAc,CADd,cAAe,CAEf,gBAEF,CACA,mCACE,8CAA+C,CAC/C,yCACF,CACA,wCACE,eACF,CACA,oCACE,4BACE,0BAA2B,CAC3B,6BACF,CACF,CACA,kCACE,cACF,CACA,6JACE,aACF,CACA,4BAIE,iBAAkB,CADlB,YAAa,CAEb,aAAc,CAHd,cAAe,CAIf,cAAgB,CALhB,aAMF,CACA,oEAEE,eACF,CACA,gCAIE,WAAY,CAFZ,mBAAoB,CADpB,gBAAiB,CAEjB,UAEF,CACA,oCACE,4BAKE,sBAAuB,CADvB,eAAgB,CADhB,WAAY,CADZ,YAAa,CAIb,mBAAoB,CAEpB,qBAAsB,CADtB,iBAAkB,CANlB,WAQF,CACA,oEAGE,eAAgB,CAChB,gBAAiB,CAFjB,UAGF,CACF,CACA,oCACE,4BAEE,cAAe,CACf,oBAAqB,CAFrB,aAGF,CACA,oEAEE,iBACF,CACF,CACA,4BAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,mBAAoB,CAFpB,eAKF,CACA,oCACE,4BACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,qBACE,GACE,wBACF,CACA,GACE,mBACF,CACF,CAEA,kBACE,qBAGE,sBAAuB,CADvB,iBAEF,CACA,uCACE,iBACF,CACA,+BAIE,gCAAiC,CACjC,uBAAwB,CAJxB,aAAc,CAEd,iBAAkB,CADlB,iBAAkB,CAKlB,oBAAqB,CADrB,uBAEF,CACA,uCACE,+BACE,sBACF,CACF,CACA,oCACE,+BACE,qBACF,CACF,CACA,kDAEE,QAAS,CADT,SAEF,CACA,uCACE,kDAEE,eAAgB,CAChB,8CAA+C,CAC/C,kBAAmB,CAHnB,cAIF,CAGA,wDAGE,2CAA4C,CAD5C,kBAAmB,CADnB,SAGF,CANF,CAQA,4CAEE,mBAAoB,CACpB,WAAY,CAFZ,gBAGF,CACA,2CACE,uBAAwB,CACxB,eACF,CACA,4BAKE,YAAa,CAFb,QAAS,CACT,SAAU,CAHV,uBAAwB,CACxB,UAAW,CAIX,SACF,CACA,4BAKE,6CAA8C,CAJ9C,YAAa,CAEb,aAAc,CADd,cAAe,CAEf,gBAEF,CACA,mCACE,8CAA+C,CAC/C,yCACF,CACA,wCACE,eACF,CACA,oCACE,4BACE,0BAA2B,CAC3B,6BACF,CACF,CACA,kCACE,cACF,CACA,6JACE,aACF,CACA,4BAIE,iBAAkB,CADlB,YAAa,CAEb,aAAc,CAHd,cAAe,CAIf,cAAgB,CALhB,aAMF,CACA,oEAEE,eACF,CACA,gCAIE,WAAY,CAFZ,mBAAoB,CADpB,gBAAiB,CAEjB,UAEF,CACA,oCACE,4BAKE,sBAAuB,CADvB,eAAgB,CADhB,WAAY,CADZ,YAAa,CAIb,mBAAoB,CAEpB,qBAAsB,CADtB,iBAAkB,CANlB,WAQF,CACA,oEAGE,eAAgB,CAChB,gBAAiB,CAFjB,UAGF,CACF,CACA,oCACE,4BAEE,cAAe,CACf,oBAAqB,CAFrB,aAGF,CACA,oEAEE,iBACF,CACF,CACA,4BAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,mBAAoB,CAFpB,eAKF,CACA,oCACE,4BACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,gBAAiB,CAGjB,qBACF,CACF,CACA,oCACE,4BACE,gBAAiB,CAEjB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,4BACE,eACF,CACA,8BAGE,sBAAuB,CAFvB,YAAa,CACb,qBAAsB,CAEtB,sBAAuB,CACvB,iCACF,CACA,0CACE,eACF,CACA,oCACE,8BACE,WAAY,CAEZ,6BAA8B,CAD9B,oBAAqB,CAErB,eACF,CACF,CACA,uCACE,8BACE,iBAAmB,CAEnB,eAAgB,CAChB,gBAAoB,CAFpB,mBAGF,CACF,CACA,6DACE,8BACE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,6DACE,8BACE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,iCAEE,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,aAAc,CACd,SAAU,CALV,gBAMF,CACA,sCACE,eAAgB,CAUhB,8CAA+C,CAT/C,QAAS,CAKT,kBAAmB,CADnB,cAAe,CADf,aAAc,CAId,UAAW,CACX,UAAW,CAPX,SAAU,CACV,gBAAiB,CAIjB,SAIF,CACA,4CACE,8CAA+C,CAC/C,8CACF,CACA,4DACE,4BAA6B,CAC7B,8CACF,CACA,yEACE,YACF,CACA,6CACE,8CACF,CACA,yDACE,8CAA+C,CAG/C,oDAAsD,CAFtD,kBAAmB,CACnB,2BAEF,CACA,qCAEE,YAAa,CACb,SAAU,CAFV,iBAAkB,CAGlB,QAAS,CACT,mCACF,CACA,6DACE,aACF,CACA,wCACE,gBAAiB,CACjB,mCAAoC,CACpC,uBAAwB,CACxB,wBAAyB,CAIzB,2BAA4B,CAF5B,2BAA4B,CAD5B,wBAAyB,CAEzB,gCAEF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@keyframes countdown {\n from {\n stroke-dashoffset: 31.416;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n/* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n@layer components {\n .carousel-promotions {\n margin: 0 auto;\n position: relative;\n margin-bottom: 1.875rem;\n }\n .carousel-promotions__viewport-wrapper {\n position: relative;\n }\n .carousel-promotions__viewport {\n margin: 0 auto;\n position: relative;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n transform: translateZ(0);\n scrollbar-width: none;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport {\n padding-bottom: 0.625rem;\n }\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__viewport {\n margin-bottom: 1.25rem;\n }\n }\n .carousel-promotions__viewport::-webkit-scrollbar {\n opacity: 0;\n height: 0;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar {\n height: 0.375rem;\n appearance: none;\n background-color: var(--color-surface-moderate);\n border-radius: 99px;\n }\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: var(--color-fill-contrast);\n }\n }\n .carousel-promotions__viewport.is-draggable {\n user-select: none;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .carousel-promotions__viewport.is-dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .carousel-promotions__track {\n transform: translateZ(0);\n width: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n z-index: 1;\n }\n .carousel-promotions__slide {\n display: flex;\n max-width: 100%;\n flex: 0 0 auto;\n user-select: none;\n background-color: var(--color-surface-primary);\n }\n .carousel-promotions__slide--black {\n background-color: var(--color-surface-contrast);\n color: var(--color-text-inverse) !important;\n }\n .carousel-promotions__slide > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__slide {\n flex-direction: row-reverse;\n justify-content: space-between;\n }\n }\n .carousel-promotions__slide:is(a) {\n cursor: pointer;\n }\n .carousel-promotions__slide:is(a), .carousel-promotions__slide:is(a):visited, .carousel-promotions__slide:is(a):hover, .carousel-promotions__slide:is(a):active {\n color: inherit;\n }\n .carousel-promotions__image {\n width: 6.25rem;\n height: 6.25rem;\n display: flex;\n align-self: center;\n flex-shrink: 0;\n margin: 0.625rem;\n }\n .carousel-promotions__image picture,\n .carousel-promotions__image img {\n margin-bottom: 0;\n }\n .carousel-promotions__image img {\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__image {\n width: 11rem;\n height: 11rem;\n flex-grow: 1;\n border-radius: 0;\n background-color: unset;\n justify-content: end;\n position: relative;\n margin: 0 3.125rem 0 0;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n width: 100%;\n max-width: 11rem;\n object-fit: cover;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__image {\n width: 12.5rem;\n height: 12.5rem;\n margin-right: 6.25rem;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n max-width: 12.5rem;\n }\n }\n .carousel-promotions__title {\n margin-bottom: 0;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 300;\n letter-spacing: -0.00625rem;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__title {\n font-size: 1.75rem;\n line-height: 2rem;\n font-weight: 300;\n letter-spacing: -0.0375rem;\n margin-bottom: 1.25rem;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__title {\n font-size: 2.5rem;\n line-height: 2.875rem;\n font-weight: 300;\n letter-spacing: -0.0375rem;\n }\n }\n .carousel-promotions__title {\n font-weight: 700;\n }\n .carousel-promotions__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 0.625rem 0.625rem 0.625rem 0;\n }\n .carousel-promotions__content > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__content {\n height: 100%;\n max-width: 34.0625rem;\n justify-content: space-between;\n padding: 1.25rem;\n }\n }\n @media screen and (max-width: 991.98px) {\n .carousel-promotions__content {\n font-size: 0.875rem;\n line-height: 0.875rem;\n font-weight: 400;\n letter-spacing: 0rem;\n }\n }\n @media screen and (max-width: 991.98px) and (min-width: 768px) {\n .carousel-promotions__content {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n }\n @media screen and (max-width: 991.98px) and (min-width: 992px) {\n .carousel-promotions__content {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n }\n .carousel-promotions__pagination {\n user-select: none;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin: 0 auto;\n padding: 0;\n }\n .carousel-promotions__pagination-item {\n background: none;\n border: 0;\n padding: 0;\n user-select: none;\n display: block;\n cursor: pointer;\n border-radius: 100%;\n width: 8px;\n height: 8px;\n margin: 8px;\n background-color: var(--color-surface-contrast);\n }\n .carousel-promotions__pagination-item:hover {\n background-color: var(--color-surface-contrast);\n outline: 2px solid var(--color-border-contrast);\n }\n .carousel-promotions__pagination-item.is-active:not(:hover) {\n background-color: transparent;\n outline: 2px solid var(--color-border-contrast);\n }\n .is-autoplay .carousel-promotions__pagination-item.is-active:not(:focus) {\n outline: none;\n }\n .carousel-promotions__pagination-item:active {\n background-color: var(--color-surface-contrast);\n }\n .carousel-promotions__pagination-item:focus:not(:active) {\n background-color: var(--color-surface-contrast);\n outline-offset: 2px;\n outline-width: 3px !important;\n outline-color: var(--color-border-contrast) !important;\n }\n .carousel-promotions__pagination-svg {\n position: relative;\n display: none;\n left: -2px;\n top: -2px;\n transform: rotate(-90deg) scale(1, -1);\n }\n .is-autoplay .is-active > .carousel-promotions__pagination-svg {\n display: block;\n }\n .carousel-promotions__pagination-circle {\n stroke-width: 2px;\n stroke: var(--color-border-contrast);\n stroke-dasharray: 31.416;\n stroke-dashoffset: 31.416;\n animation-name: countdown;\n animation-iteration-count: 1;\n animation-timing-function: linear;\n animation-direction: reverse;\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{
|
|
1
|
+
@layer components{.feature-accordion{background-color:var(--color-fill-subtle);border-color:var(--color-fill-disabled);color:var(--color-text-default)}.feature-accordion__accordion .accordion{margin:5.4375rem 3.75rem}@media screen and (max-width:991.98px){.feature-accordion__accordion .accordion{margin:3.75rem 1.875rem}}@media screen and (max-width:767.98px){.feature-accordion__accordion .accordion{margin:0}}.feature-accordion__preview{display:flex;padding:0!important}.feature-accordion__preview img{height:auto;margin:0!important;object-fit:cover;object-position:left center;width:100%}.feature-accordion__item{border-top:1px solid var(--color-fill-disabled)}.feature-accordion__item:first-child{border-top:none}.feature-accordion__item:last-child{border-bottom:none}.feature-accordion__item.is-active{border-top:4px solid var(--color-border-accent)}.feature-accordion__item .accordion__body{margin-bottom:0}@media screen and (max-width:767.98px){.feature-accordion__item .accordion__header,.feature-accordion__item .feature-accordion__content{padding-left:1.875rem;padding-right:1.875rem}}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,mBAEE,yCAA0C,CAC1C,uCAAwC,CAFxC,+BAGF,CACA,yCACE,wBACF,CACA,uCACE,yCACE,uBACF,CACF,CACA,uCACE,yCACE,QACF,CACF,CACA,4BACE,YAAa,CACb,mBACF,CACA,gCAEE,WAAY,CAGZ,kBAAsB,CAFtB,gBAAiB,CACjB,2BAA4B,CAH5B,UAKF,CACA,yBACE,+CACF,CACA,qCACE,eACF,CACA,oCACE,kBACF,CACA,mCACE,+CACF,CACA,0CACE,eACF,CACA,uCACE,iGAEE,qBAAsB,CACtB,sBACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .feature-accordion {\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n border-color: var(--color-fill-disabled);\n }\n .feature-accordion__accordion .accordion {\n margin: 5.4375rem 3.75rem;\n }\n @media screen and (max-width: 991.98px) {\n .feature-accordion__accordion .accordion {\n margin: 3.75rem 1.875rem;\n }\n }\n @media screen and (max-width: 767.98px) {\n .feature-accordion__accordion .accordion {\n margin: 0;\n }\n }\n .feature-accordion__preview {\n display: flex;\n padding: 0px !important;\n }\n .feature-accordion__preview img {\n width: 100%;\n height: auto;\n object-fit: cover;\n object-position: left center;\n margin: 0px !important;\n }\n .feature-accordion__item {\n border-top: 1px solid var(--color-fill-disabled);\n }\n .feature-accordion__item:first-child {\n border-top: none;\n }\n .feature-accordion__item:last-child {\n border-bottom: none;\n }\n .feature-accordion__item.is-active {\n border-top: 4px solid var(--color-border-accent);\n }\n .feature-accordion__item .accordion__body {\n margin-bottom: 0;\n }\n @media screen and (max-width: 767.98px) {\n .feature-accordion__item .accordion__header,\n .feature-accordion__item .feature-accordion__content {\n padding-left: 1.875rem;\n padding-right: 1.875rem;\n }\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.footer .sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.footer a{color:var(--color-text-default);font-size:inherit;text-decoration:none}.footer a:active,.footer a:focus,.footer a:hover{text-decoration:underline;text-underline-offset:.25rem}.footer a:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.footer [contentEditable=true]:focus,.footer [tabindex]:not([tabindex="-1"]):focus,.footer [type=button]:focus,.footer a[href]:focus,.footer area[href]:focus,.footer button:focus,.footer iframe:focus,.footer input:focus,.footer select:focus,.footer textarea:focus{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus-visible,.footer [tabindex]:not([tabindex="-1"]):focus-visible,.footer [type=button]:focus-visible,.footer a[href]:focus-visible,.footer area[href]:focus-visible,.footer button:focus-visible,.footer iframe:focus-visible,.footer input:focus-visible,.footer select:focus-visible,.footer textarea:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus:not(:focus-visible),.footer [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),.footer [type=button]:focus:not(:focus-visible),.footer a[href]:focus:not(:focus-visible),.footer area[href]:focus:not(:focus-visible),.footer button:focus:not(:focus-visible),.footer iframe:focus:not(:focus-visible),.footer input:focus:not(:focus-visible),.footer select:focus:not(:focus-visible),.footer textarea:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.footer *{box-sizing:border-box;letter-spacing:-.00625rem;line-height:1.125rem}.footer ::selection{background-color:rgba(241,94,0,.9);color:var(--color-text-default)}.footer hr{border:0;border-top:1px solid var(--color-border-subtle);margin-bottom:1.875rem;margin-top:1.875rem}.footer p,.footer ul{font-size:.875rem;line-height:1.09375rem}.footer,.footer.is-light{--color-background-primary:#fff;--color-background-secondary:#f4f4f4;--color-background-contrast:#141414;--color-background-accent:#fff6ed;--color-background-accent1-blog:#fff6cc;--color-background-accent2-blog:#eee7f7;--color-surface-primary:#fff;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#eee;--color-surface-moderate:#ddd;--color-surface-contrast:#141414;--color-surface-accent:#fff6ed;--color-fill-primary:#fff;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#eee;--color-fill-moderate:#ddd;--color-fill-disabled:#ccc;--color-fill-contrast:#000;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.078);--color-fill-positive:rgba(34,135,34,.078);--color-fill-warning:rgba(255,204,0,.078);--color-fill-negative:rgba(205,60,20,.078);--color-border-subtle:#ddd;--color-border-strong:#ccc;--color-border-contrast:#000;--color-border-accent:#f15e00;--color-border-information:#4170d8;--color-border-positive:#228722;--color-border-warning:#fc0;--color-border-negative:#cd3c14;--color-icon-default:#000;--color-icon-inverse:#fff;--color-icon-brand:#f15e00;--color-icon-accent:#ffc48f;--color-icon-disabled:#ccc;--color-icon-information:#4170d8;--color-icon-positive:#228722;--color-icon-warning:#fc0;--color-icon-negative:#cd3c14;--color-text-default:#000;--color-text-secondary:#666;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-accent:#f15e00}.footer.is-dark{--color-background-primary:#141414;--color-background-secondary:#333;--color-background-contrast:#fff;--color-background-accent:#2b1a10;--color-background-accent1-blog:#62342d;--color-background-accent2-blog:#2b1a10;--color-surface-primary:#141414;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#333;--color-surface-moderate:#595959;--color-surface-contrast:#fff;--color-surface-accent:#2b1a10;--color-fill-primary:#000;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#333;--color-fill-moderate:#595959;--color-fill-disabled:#666;--color-fill-contrast:#fff;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.2);--color-fill-positive:rgba(34,135,34,.2);--color-fill-warning:rgba(255,204,0,.2);--color-fill-negative:rgba(205,60,20,.2);--color-border-subtle:#333;--color-border-strong:#666;--color-border-contrast:#fff;--color-border-accent:#ff7900;--color-border-information:#69f;--color-border-positive:#6c6;--color-border-warning:#fc0;--color-border-negative:#ff4d4d;--color-icon-default:#fff;--color-icon-inverse:#000;--color-icon-brand:#ff7900;--color-icon-accent:#da8436;--color-icon-disabled:#666;--color-icon-information:#69f;--color-icon-positive:#6c6;--color-icon-warning:#fc0;--color-icon-negative:#ff4d4d;--color-text-default:#fff;--color-text-secondary:#ccc;--color-text-disabled:#666;--color-text-inverse:#000;--color-text-accent:#ff7900}.footer{background-color:var(--color-surface-primary);box-sizing:border-box;color:var(--color-text-default);font-family:OrangeSK Neue,Helvetica Neue,helvetica,arial,sans-serif;font-size:1rem;padding:3.75rem 0}@media screen and (max-width:991.98px){.footer{padding:1.875rem 0}}.footer__container{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}@media screen and (min-width:768px){.footer__container{max-width:744px}}@media screen and (min-width:992px){.footer__container{max-width:960px}}@media screen and (min-width:1240px){.footer__container{max-width:1200px}}@media screen and (min-width:1380px){.footer__container{max-width:1320px}}.footer__container>:last-child{margin-bottom:0}.footer__container{margin-bottom:0;margin-top:0}.footer__grid{display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:480px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.footer__grid{gap:.9375rem;grid-template-columns:repeat(3,1fr);row-gap:1.25rem}}@media screen and (min-width:992px){.footer__grid{gap:1.875rem;grid-template-columns:repeat(4,1fr);row-gap:2.5rem}}.footer__logo{display:inline-flex;margin-bottom:3.75rem}@media screen and (max-width:991.98px){.footer__logo{margin-bottom:1.875rem}}.footer__title{font-size:1rem;font-weight:
|
|
1
|
+
.footer .sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.footer a{color:var(--color-text-default);font-size:inherit;text-decoration:none}.footer a:active,.footer a:focus,.footer a:hover{text-decoration:underline;text-underline-offset:.25rem}.footer a:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.footer [contentEditable=true]:focus,.footer [tabindex]:not([tabindex="-1"]):focus,.footer [type=button]:focus,.footer a[href]:focus,.footer area[href]:focus,.footer button:focus,.footer iframe:focus,.footer input:focus,.footer select:focus,.footer textarea:focus{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus-visible,.footer [tabindex]:not([tabindex="-1"]):focus-visible,.footer [type=button]:focus-visible,.footer a[href]:focus-visible,.footer area[href]:focus-visible,.footer button:focus-visible,.footer iframe:focus-visible,.footer input:focus-visible,.footer select:focus-visible,.footer textarea:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus:not(:focus-visible),.footer [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),.footer [type=button]:focus:not(:focus-visible),.footer a[href]:focus:not(:focus-visible),.footer area[href]:focus:not(:focus-visible),.footer button:focus:not(:focus-visible),.footer iframe:focus:not(:focus-visible),.footer input:focus:not(:focus-visible),.footer select:focus:not(:focus-visible),.footer textarea:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.footer *{box-sizing:border-box;letter-spacing:-.00625rem;line-height:1.125rem}.footer ::selection{background-color:rgba(241,94,0,.9);color:var(--color-text-default)}.footer hr{border:0;border-top:1px solid var(--color-border-subtle);margin-bottom:1.875rem;margin-top:1.875rem}.footer p,.footer ul{font-size:.875rem;line-height:1.09375rem}.footer,.footer.is-light{--color-background-primary:#fff;--color-background-secondary:#f4f4f4;--color-background-contrast:#141414;--color-background-accent:#fff6ed;--color-background-accent1-blog:#fff6cc;--color-background-accent2-blog:#eee7f7;--color-surface-primary:#fff;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#eee;--color-surface-moderate:#ddd;--color-surface-contrast:#141414;--color-surface-accent:#fff6ed;--color-fill-primary:#fff;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#eee;--color-fill-moderate:#ddd;--color-fill-disabled:#ccc;--color-fill-contrast:#000;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.078);--color-fill-positive:rgba(34,135,34,.078);--color-fill-warning:rgba(255,204,0,.078);--color-fill-negative:rgba(205,60,20,.078);--color-border-subtle:#ddd;--color-border-strong:#ccc;--color-border-contrast:#000;--color-border-accent:#f15e00;--color-border-information:#4170d8;--color-border-positive:#228722;--color-border-warning:#fc0;--color-border-negative:#cd3c14;--color-icon-default:#000;--color-icon-inverse:#fff;--color-icon-brand:#f15e00;--color-icon-accent:#ffc48f;--color-icon-disabled:#ccc;--color-icon-information:#4170d8;--color-icon-positive:#228722;--color-icon-warning:#fc0;--color-icon-negative:#cd3c14;--color-text-default:#000;--color-text-secondary:#666;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-accent:#f15e00}.footer.is-dark{--color-background-primary:#141414;--color-background-secondary:#333;--color-background-contrast:#fff;--color-background-accent:#2b1a10;--color-background-accent1-blog:#62342d;--color-background-accent2-blog:#2b1a10;--color-surface-primary:#141414;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#333;--color-surface-moderate:#595959;--color-surface-contrast:#fff;--color-surface-accent:#2b1a10;--color-fill-primary:#000;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#333;--color-fill-moderate:#595959;--color-fill-disabled:#666;--color-fill-contrast:#fff;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.2);--color-fill-positive:rgba(34,135,34,.2);--color-fill-warning:rgba(255,204,0,.2);--color-fill-negative:rgba(205,60,20,.2);--color-border-subtle:#333;--color-border-strong:#666;--color-border-contrast:#fff;--color-border-accent:#ff7900;--color-border-information:#69f;--color-border-positive:#6c6;--color-border-warning:#fc0;--color-border-negative:#ff4d4d;--color-icon-default:#fff;--color-icon-inverse:#000;--color-icon-brand:#ff7900;--color-icon-accent:#da8436;--color-icon-disabled:#666;--color-icon-information:#69f;--color-icon-positive:#6c6;--color-icon-warning:#fc0;--color-icon-negative:#ff4d4d;--color-text-default:#fff;--color-text-secondary:#ccc;--color-text-disabled:#666;--color-text-inverse:#000;--color-text-accent:#ff7900}.footer{background-color:var(--color-surface-primary);box-sizing:border-box;color:var(--color-text-default);font-family:OrangeSK Neue,Helvetica Neue,helvetica,arial,sans-serif;font-size:1rem;padding:3.75rem 0}@media screen and (max-width:991.98px){.footer{padding:1.875rem 0}}.footer__container{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}@media screen and (min-width:768px){.footer__container{max-width:744px}}@media screen and (min-width:992px){.footer__container{max-width:960px}}@media screen and (min-width:1240px){.footer__container{max-width:1200px}}@media screen and (min-width:1380px){.footer__container{max-width:1320px}}.footer__container>:last-child{margin-bottom:0}.footer__container{margin-bottom:0;margin-top:0}.footer__grid{display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:480px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.footer__grid{gap:.9375rem;grid-template-columns:repeat(3,1fr);row-gap:1.25rem}}@media screen and (min-width:992px){.footer__grid{gap:1.875rem;grid-template-columns:repeat(4,1fr);row-gap:2.5rem}}.footer__logo{display:inline-flex;margin-bottom:3.75rem}@media screen and (max-width:991.98px){.footer__logo{margin-bottom:1.875rem}}.footer__title{font-size:1rem;font-weight:300;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.footer__title{font-size:1.125rem;font-weight:300;letter-spacing:-.0125rem;line-height:1.375rem}}.footer__title{color:var(--color-text-default);font-weight:700;margin-bottom:1.875rem;margin-top:0}@media screen and (max-width:991.98px){.footer__title{margin-bottom:1.5625rem}}.footer__list{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.footer__list>li{margin-bottom:0}.footer__list>li:before{content:" ";height:0;position:absolute;width:0}.footer__list li{margin-bottom:.625rem}.footer__list--inline{display:flex;flex-wrap:wrap;gap:.625rem}.footer__list--inline li{margin:0}.footer__bottom{align-items:end;display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:768px){.footer__bottom{grid-template-columns:3fr 1fr}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|