Files
mina-sidor-fa-web/libs/styles/src/mixins/_form.scss
Daniel Appelgren d3c61a4c56 feature(ui-library): Added own library of UI components to replace digi-ng. Skeleton is first component moved (TV-850)
Squashed commit of the following:

commit d76e32cd99e2e823142f4410e66c66df5e096041
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Thu Oct 28 10:28:02 2021 +0200

    Move styles to own library

commit 85f0a5788ebdd7309499b1b623f4ac1046f45811
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Thu Oct 28 10:09:23 2021 +0200

    double quotes in html

commit eeb600cd631e3478c136795a8109e8927546b14b
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 16:42:48 2021 +0200

    UI library with copy of digi-ng's skeleton

commit 11a24c0eef173e6b2f087eca5e96063036e6394b
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 16:06:43 2021 +0200

    Update .eslintrc.json

commit 3c4b2e4823dbd8e9ca8dd332966bd10ac0fc098f
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 15:08:32 2021 +0200

    add nx library
2021-10-28 10:34:28 +02:00

26 lines
587 B
SCSS

@import '../variables/colors';
@import '../variables/gutters';
@mixin msfa__fieldset($legendAsHeading: true) {
margin: 0;
padding: 0;
border-width: 0;
legend {
position: relative;
text-align: left;
@if $legendAsHeading {
width: 100%;
display: flex;
align-items: center;
padding-bottom: var(--digi--layout--gutter--xs);
margin: 0;
font-weight: var(--digi--typography--font-weight--bold);
font-size: var(--digi--typography--font-size--s);
border-bottom: 1px solid var(--digi--ui--color--background--off);
}
}
}