fix/issue53-backgrond-collections #54

Merged
jorge merged 13 commits from fix/issue53-backgrond-collections into main 2022-03-22 10:28:50 +01:00
5 changed files with 48 additions and 10 deletions

File diff suppressed because one or more lines are too long

View File

@ -250,14 +250,14 @@ $input-error-font-weight: $global-weight-bold;
// ------------ // ------------
$accordion-background: $white; $accordion-background: $white;
$accordion-plusminus: true; $accordion-plusminus: false;
$accordion-plus-content: '\002B'; $accordion-plus-content: '\002B';
$accordion-minus-content: '\2013'; $accordion-minus-content: '\2013';
$accordion-title-font-size: $global-font-size;//rem-calc(12); $accordion-title-font-size: $global-font-size;//rem-calc(12);
$accordion-item-color: $body-font-color; $accordion-item-color: $body-font-color;
$accordion-item-background-hover: none; $accordion-item-background-hover: none;
$accordion-item-padding: $global-padding*1.5 0; $accordion-item-padding: $global-padding*1.5 0;
$accordion-content-background: $white; $accordion-content-background: transparent;
$accordion-content-border: none; $accordion-content-border: none;
$accordion-content-color: $body-font-color; $accordion-content-color: $body-font-color;
$accordion-content-padding: $global-padding*1.5 0; $accordion-content-padding: $global-padding*1.5 0;

View File

@ -24,8 +24,8 @@
@include xy-grid; @include xy-grid;
} }
li { li {
display:inline;
@include xy-cell(3); @include xy-cell(3);
display:inline;
text-align:left; text-align:left;
} }
} }

View File

@ -67,3 +67,9 @@ button,.button {
margin: $global-margin auto; margin: $global-margin auto;
padding: $global-padding*0.5 $global-padding*5; padding: $global-padding*0.5 $global-padding*5;
} }
.accordion-item.is-active {
& button, & .button {
// @extend .button;
background-color: $input-background;
}
}

View File

@ -214,10 +214,6 @@ main {
} }
header { header {
display: none; display: none;
// margin-top: 2*$global-margin;
// border-top: 1px solid $body-font-color;
// padding: $global-padding*2 0;
} }
main { main {
@include xy-grid; @include xy-grid;
@ -244,6 +240,42 @@ main {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.accordion-item {
&:not(.title).is-active {
background-color:$input-background;
}
}
.accordion-title {
ul,ol{
}
@include breakpoint(small){
li {
&.title,
&.curator,
&.collection-name,
&.date {
@include xy-cell(12);
}
}
}
@include breakpoint(medium){
li {
&.title {
@include xy-cell(4);
}
&.curator {
@include xy-cell(4);
}
&.collection-name {
@include xy-cell(2);
}
&.date {
@include xy-cell(shrink);
margin-left: auto; //aligns to right
}
}
}
}
.accordion-content { .accordion-content {
padding-top: 0; padding-top: 0;
section { section {
@ -270,11 +302,11 @@ main {
} }
@include breakpoint(medium){ @include breakpoint(medium){
figure { figure {
@include xy-cell(3); @include xy-cell(4);
margin-left: 0; margin-left: 0;
} }
p { p {
@include xy-cell(9); @include xy-cell(8);
} }
} }
@include breakpoint(large){ @include breakpoint(large){