Sha256: bc333360e85e5095e67d2c8b8130ed9917b702abe846818b1c0f94b299a0b6c1
Contents?: true
Size: 1.44 KB
Versions: 14
Compression:
Stored size: 1.44 KB
Contents
@import "govuk-frontend/dist/govuk/components/error-message/index";
@import "govuk-frontend/dist/govuk/components/hint/index";
@import "govuk-frontend/dist/govuk/components/label/index";
// Based on components/textarea
@include govuk-exports("govuk/component/richtextarea") {
.govuk-richtextarea {
@include govuk-font($size: 19, $line-height: 1.25);
box-sizing: border-box; // should this be global?
display: block;
width: 100%;
// min-height inherited from trix-editor styles
@include govuk-responsive-margin(6, "bottom");
padding: govuk-spacing(1);
resize: vertical;
border: $govuk-border-width-form-element solid $govuk-input-border-colour;
border-radius: 0;
-webkit-appearance: none;
&:focus {
outline: $govuk-focus-width solid $govuk-focus-colour;
// Ensure outline appears outside of the element
outline-offset: 0;
// Double the border by adding its width again. Use `box-shadow` to do
// this instead of changing `border-width` (which changes element size) and
// since `outline` is already used for the yellow focus state.
box-shadow: inset 0 0 0 $govuk-border-width-form-element;
}
&:disabled {
opacity: 0.5;
color: inherit;
background-color: transparent;
cursor: not-allowed;
}
}
.govuk-richtextarea--error {
border-color: $govuk-error-colour;
&:focus {
border-color: $govuk-input-border-colour;
}
}
}
Version data entries
14 entries across 14 versions & 1 rubygems