0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 17:36:49 +01:00
wagtail/client/scss/components/forms/_field-textoutput.scss

24 lines
557 B
SCSS

@use 'sass:map';
/**
* A container for rendering human-readable field values in forms in a way
that makes them 'focusable' without rendering an actual input.
*/
.w-field__textoutput {
@include input-base();
@apply w-body-text-large;
background-color: theme('colors.surface-field-inactive');
width: 100%;
padding: theme('spacing.[1.5]') theme('spacing.5');
min-height: $text-input-height;
position: relative;
overflow: hidden;
overflow-wrap: break-word;
&,
&:hover {
border-color: theme('colors.border-field-inactive');
}
}