app/webpack/stylesheets/_accordion.scss
#claim-accordion {
div[aria-hidden="true"] {
display: none;
}
.indent-sides {
padding-right: $govuk-gutter + $gutter-one-third;
padding-left: $govuk-gutter + $gutter-one-third;
th,
td {
&:first-child {
padding-left: $govuk-gutter + $gutter-one-third;
}
&:last-child {
padding-right: $govuk-gutter + $gutter-one-third;
}
}
}
#claim-status {
.container {
margin-top: $gutter-two-thirds;
border: 1px solid govuk-colour("black");
line-height: 4;
text-align: center;
}
.actions {
float: right;
}
}
.draft {
position: relative;
top: 1px;
margin-right: $gutter-two-thirds;
padding: 0 .5rem;
border: $govuk-border-width-form-element solid transparent;
color: $govuk-button-text-colour;
background-color: govuk-colour("white");
font-size: 1em;
line-height: 1.8;
text-decoration: none;
}
}
.minimalist-accordion__panel[aria-hidden="true"] {
display: none;
}
.minimalist-accordion__panel {
margin: $gutter-one-third;
h2 {
display: none;
}
}
.minimalist-accordion__header {
display: block;
}
.minimalist-accordion__header[aria-expanded="true"]::before {
content: "- ";
}
.minimalist-accordion__header[aria-expanded="false"]::before {
content: "+ ";
}
.minimalist-accordion__header[aria-selected="true"]::after {
content: " (selected)";
}
.minimalist-accordion__header[aria-selected="false"]::after {
content: " (unselected)";
}