distributed list items, moved styles to its _content.scss

This commit is contained in:
jorge 2022-03-21 14:12:25 +01:00
parent 4796678569
commit 3fc1bdc0b1
3 changed files with 35 additions and 25 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,8 +1,5 @@
.accordion-item {
border-bottom: $global-border-archive;
&:not(.title).is-active {
background-color:$input-background;
}
&:first-of-type {
max-height: 5rem;
.is-active{
@ -30,22 +27,6 @@
@include xy-cell(3);
display:inline;
text-align:left;
&.title {
@include xy-cell(5);
//width: calc(40% - 1.25rem);
}
&.curator {
@include xy-cell(4);
//width: calc(30% - 1.25rem);
}
&.collection-name {
@include xy-cell(2);
//width: calc(20% - 1.25rem);
}
&.date {
@include xy-cell(1);
//width: calc(10% - 1.25rem);
}
}
}

View File

@ -214,10 +214,6 @@ main {
}
header {
display: none;
// margin-top: 2*$global-margin;
// border-top: 1px solid $body-font-color;
// padding: $global-padding*2 0;
}
main {
@include xy-grid;
@ -244,6 +240,39 @@ main {
flex-direction: column;
align-items: center;
}
.accordion-item {
&:not(.title).is-active {
background-color:$input-background;
}
}
.accordion-title {
@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(5);
}
&.collection-name {
@include xy-cell(2);
}
&.date {
@include xy-cell(1);
}
}
}
}
.accordion-content {
padding-top: 0;
section {
@ -270,7 +299,7 @@ main {
}
@include breakpoint(medium){
figure {
@include xy-cell(3);
@include xy-cell(4);
margin-left: 0;
}
p {