styled list collections accordion in mobile

This commit is contained in:
jorge 2022-03-22 18:09:06 +01:00
parent 653702bca2
commit 1becffc86d
2 changed files with 38 additions and 39 deletions

File diff suppressed because one or more lines are too long

View File

@ -245,53 +245,52 @@ main {
background-color:$input-background;
}
}
.accordion-item.title li {
// @include xy-cell(3);
// @include xy-cell-offset(0);
//}
}
.accordion-title {
ul,ol{
}
@include breakpoint(small){
.accordion-item.title li {
@include xy-cell(3);
@include xy-cell-offset(0);
&.title,
&.curator,
&.collection-name,
&.date {
&::before {
content: none;
&.title {
@include breakpoint(small){
li {
@include xy-cell(3);
@include xy-cell-offset(0);
&.title,&.curator,&.collection-name,&.date {
&::before {content: none;}
}
}
}
li {
&.title,
&.curator,
&.collection-name,
&.date {
@include xy-cell(10);
@include xy-cell-offset(2);
min-height: 1rem;
&::before {
display: inline-block;
color: $medium-gray;
//font-size: $accordion-title-font-size;
position: absolute;
left:0;
}
&:not(.title) {
@include breakpoint(small){
li {
&.title,
&.curator,
&.collection-name,
&.date {
@include xy-cell(10);
@include xy-cell-offset(2);
min-height: 1rem;
&::before {
display: inline-block;
color: $medium-gray;
//font-size: $accordion-title-font-size;
position: absolute;
left:0;
}
}
}
&.title::before {content:"Title";}
&.curator::before {content:"Artist";}
&.collection-name::before {content:"Collection";}
&.date::before {content:"Date";}
&.title::before {content:"Title";}
&.curator::before {content:"Artist";}
&.collection-name::before {content:"Collection";}
&.date::before {content:"Date";}
}
}
}
@include breakpoint(medium){
li {
&.title,
&.curator,
&.collection-name,
&.date {
&::before {
content: none;
}
&.title,&.curator,&.collection-name,&.date {
&::before {content: none;}
}
&.title {
@include xy-cell(4);