Commit 408085fc authored by Kevin Paxman's avatar Kevin Paxman
Browse files

Merge branch 'feature/ISTWCMS-4619-details-fix' into '3.0.x'

Feature/istwcms 4619 details fix

See merge request !83
parents 4d7d5ad6 a7d671c3
......@@ -4213,7 +4213,7 @@ button {
background-image: url("../source/images/icons/mobile-arrow-up.svg"); }
/* stylelint-disable-next-line selector-no-qualifying-type */
.details,
.uw-details,
.seven-details {
background-color: #fcfcfa;
border: 1px solid #bfbfbf;
......@@ -4224,19 +4224,19 @@ button {
transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
/* stylelint-disable-next-line selector-no-qualifying-type */ }
.details [open] > .seven-details__summary,
.seven-details [open] > .seven-details__summary {
.uw-details[open] > .seven-details__summary,
.seven-details[open] > .seven-details__summary {
color: #000; }
.details:hover,
.uw-details:hover,
.seven-details:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.details:focus-within,
.uw-details:focus-within,
.seven-details:focus-within {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.details:first-child,
.uw-details:first-child,
.seven-details:first-child {
margin-top: 0; }
.js .details:not([open]) > .details__content, .js
.js .uw-details:not([open]) > .details__content, .js
.seven-details:not([open]) > .details__content {
display: none; }
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -511,4 +511,4 @@ $gesso: (
xxl: 96px,
),
gutter-width: 40px,
);
\ No newline at end of file
);
......@@ -11,7 +11,7 @@ $details-font-family: gesso-font-family(primary);
// 'details' can appear as a modernizr class on the html tag, so this
// class is limited to only the details element
/* stylelint-disable-next-line selector-no-qualifying-type */
.details,
.uw-details,
.seven-details{
background-color: #fcfcfa;
border: 1px solid #bfbfbf;
......@@ -21,7 +21,7 @@ $details-font-family: gesso-font-family(primary);
margin: rem(gesso-spacing(md)) 0;
transition: box-shadow gesso-duration(short) gesso-easing(ease-in-out);
width:100%;
[open] > .seven-details__summary {
&[open] > .seven-details__summary {
color: gesso-brand(org-default,uw-black,'primary');
}
&:hover {
......@@ -40,6 +40,7 @@ $details-font-family: gesso-font-family(primary);
display: none;
}
}
.seven-details__summary,
.details__summary {
@include svg-background(mobile-arrow-down);
......
<details class="details" {% if is_open %} open{% endif %}>
<details class="uw-details" {% if is_open %} open{% endif %}>
<summary class="details__summary">
{% block details_summary %}
Summary
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment