-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.scss
99 lines (93 loc) · 4.6 KB
/
index.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/*
* Custom styles for Dataforsyningen Design System
*
* Based on a modified version of
* Pico.css v1.5.3 (https://picocss.com)
* Copyright 2019-2022 - Licensed under MIT
*/
// Define font faces
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
src: local("Roboto Italic"), local("Roboto-Italic"), url(https://cdn.dataforsyningen.dk/assets/designsystem/v7.0/Roboto-Italic.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url(https://cdn.dataforsyningen.dk/assets/designsystem/v7.0/Roboto-Light.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://cdn.dataforsyningen.dk/assets/designsystem/v7.0/Roboto-Regular.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url(https://cdn.dataforsyningen.dk/assets/designsystem/v7.0/Roboto-Medium.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://cdn.dataforsyningen.dk/assets/designsystem/v7.0/Roboto-Bold.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}
@font-face {
font-family: Source Code Pro;
font-style: normal;
font-weight: 400;
src: local("Source Code Pro Regular"), local("SourceCodePro-Regular"), url(https://cdn.dataforsyningen.dk/assets/designsystem/v7.0/SourceCodePro-Regular.woff2) format("woff2")
}
@font-face {
font-family: Source Code Pro;
font-style: normal;
font-weight: 700;
src: local("Source Code Pro Bold"), local("SourceCodePro-Bold"), url(https://cdn.dataforsyningen.dk/assets/designsystem/v7.0/SourceCodePro-Bold.woff2) format("woff2")
}
// Theming
@import "./src/scss/theme/index"; // Colors, sizes, etc.
// Layout
@import "./src/scss/layout/document"; // html
@import "./src/scss/layout/sectioning"; // body, header, main, footer, section
@import "./src/scss/layout/container"; // .container, .container-fluid
@import "./src/scss/layout/grid"; // .grid
@import "./src/scss/layout/margin"; // .ds-margin
@import "./src/scss/layout/padding"; // .ds-padding
// Content
@import "./src/scss/content/typography"; // a, headings, p, ul, blockquote, ...
//@import "content/embedded"; // audio, canvas, iframe, img, svg, video
@import "./src/scss/content/button"; // button, a[role=button], type=button, type=submit ...
@import "./src/scss/content/button-group"; // button group styles
@import "./src/scss/content/form"; // input, select, textarea, label, fieldset, legend
@import "./src/scss/content/form-checkbox-radio";
@import "./src/scss/content/form-alt-input-types";
@import "./src/scss/content/table"; // table, tr, td, ...
@import "./src/scss/content/miscs"; // hr
@import "./src/scss/content/icons"; // icon styles
@import "./src/scss/content/logos"; // logo styles
@import "./src/scss/content/dialog"; // dialog styles
@import "./src/scss/content/header"; // header styles
@import "./src/scss/content/footer"; // footer styles
@import "./src/scss/content/nav"; // navigationselementer
@import "./src/scss/content/disclosure"; // Disclosure element (collapsible)
// Components
@import "./src/scss/components/card"; // produktkort
@import "./src/scss/components/tabs"; // tabs
@import "./src/scss/components/popover"; // popover
@import "./src/scss/components/toast"; // toast
@import "./src/scss/components/togglepanel"; // toggle panel
@import "./src/scss/components/responsivenav"; // responsive navigation
@import "./src/scss/components/datatable"; // data table
// Utilities
@import "./src/scss/utilities/a11y";
@import "./src/scss/content/labels"; // Labels
//@import "utilities/reduce-motion"; // prefers-reduced-motion