Added paths and some standard code used in different projects
This commit is contained in:
committed by
Erik Tiekstra
parent
e2114e79b9
commit
03ba526798
76
apps/dafa-web/src/styles/styles.scss
Normal file
76
apps/dafa-web/src/styles/styles.scss
Normal file
@@ -0,0 +1,76 @@
|
||||
@import 'variables/colors';
|
||||
@import 'variables/gutters';
|
||||
@import 'variables/typography';
|
||||
@import 'mixins/a11y';
|
||||
@import 'mixins/button';
|
||||
@import 'mixins/icon';
|
||||
|
||||
* {
|
||||
font-family: $af__font-family;
|
||||
box-sizing: border-box;
|
||||
|
||||
::before,
|
||||
::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-weight: $af__font-weight-normal;
|
||||
}
|
||||
|
||||
button {
|
||||
@include dafa__base-button;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: $af__font-weight-semi-bold;
|
||||
}
|
||||
|
||||
.af__a11y-sr-only {
|
||||
@include af__a11y-sr-only;
|
||||
}
|
||||
|
||||
.dafa {
|
||||
&__digi-ng-icon {
|
||||
@include dafa__digi-ng-icon;
|
||||
|
||||
&--right-margin {
|
||||
margin-right: $af__gutter-s;
|
||||
}
|
||||
&--left-margin {
|
||||
margin-left: $af__gutter-m;
|
||||
}
|
||||
}
|
||||
|
||||
&__highlight-characters {
|
||||
background-color: transparent;
|
||||
font-weight: $af__font-weight-bold;
|
||||
}
|
||||
|
||||
&__link {
|
||||
display: inline-flex;
|
||||
|
||||
&--with-icon {
|
||||
gap: $af__gutter-xs;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// @af/digi-ng overrides
|
||||
.digi-ng-typography-icon-text__icon {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
@media print {
|
||||
* {
|
||||
color: $af__color-text-dark !important;
|
||||
}
|
||||
|
||||
.dafa {
|
||||
&__hide-on-print {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user