62 lines
1.0 KiB
SCSS
62 lines
1.0 KiB
SCSS
@import '@digi/core/dist/digi/digi.css';
|
|
@import 'mixins/a11y';
|
|
@import 'mixins/icon';
|
|
|
|
* {
|
|
font-family: var(--digi--typography--font-family);
|
|
box-sizing: border-box;
|
|
|
|
::before,
|
|
::after {
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-weight: var(--digi--typography--font-weight);
|
|
overflow: hidden;
|
|
}
|
|
|
|
button {
|
|
font-family: var(--digi--typography--font-family);
|
|
cursor: pointer;
|
|
}
|
|
|
|
strong {
|
|
font-weight: var(--digi--typography--font-weight--semibold);
|
|
}
|
|
|
|
// Make all digi icons display inline-flex to make them get the correct height.
|
|
[class^='sc-digi-icon'],
|
|
.digi-button__icon {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.dafa {
|
|
&__a11y-sr-only {
|
|
@include dafa__a11y-sr-only;
|
|
}
|
|
|
|
&__digi-icon {
|
|
display: inline-flex;
|
|
}
|
|
|
|
&__link {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
|
|
&--with-icon {
|
|
gap: var(--digi--layout--gutter--xs);
|
|
}
|
|
|
|
&--ignore-visited:visited {
|
|
color: var(--digi--typography--color--link);
|
|
|
|
&:hover {
|
|
color: var(--digi--typography--color--link--active);
|
|
}
|
|
}
|
|
}
|
|
}
|