mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-23 09:29:14 -04:00
46 lines
1.1 KiB
SCSS
46 lines
1.1 KiB
SCSS
@import "../../settings/all";
|
|
@import "../../tools/all";
|
|
@import "../../helpers/all";
|
|
|
|
@include govuk-exports("govuk/component/label") {
|
|
.govuk-label {
|
|
@include govuk-font($size: 19);
|
|
@include govuk-text-colour;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: govuk-spacing(1);
|
|
}
|
|
|
|
// Modifiers that make labels look more like their equivalent headings
|
|
|
|
.govuk-label--xl {
|
|
@include govuk-font($size: 48, $weight: bold);
|
|
margin-bottom: govuk-spacing(3);
|
|
}
|
|
|
|
.govuk-label--l {
|
|
@include govuk-font($size: 36, $weight: bold);
|
|
margin-bottom: govuk-spacing(3);
|
|
}
|
|
|
|
.govuk-label--m {
|
|
@include govuk-font($size: 24, $weight: bold);
|
|
margin-bottom: govuk-spacing(2);
|
|
}
|
|
|
|
.govuk-label--s {
|
|
@include govuk-font($size: 19, $weight: bold);
|
|
}
|
|
|
|
// When the label is nested inside a heading, override the heading so that it
|
|
// does not have a margin. Effectively we want to be able to treat the heading
|
|
// as if it is not there.
|
|
//
|
|
// This breaks BEM conventions because it exists as a parent of the 'block',
|
|
// so we can't really consider an element.
|
|
.govuk-label-wrapper {
|
|
margin: 0;
|
|
}
|
|
}
|