styled list collections accordion in mobile
This commit is contained in:
parent
1eeac2565d
commit
7ab2aaeec5
File diff suppressed because one or more lines are too long
|
@ -240,29 +240,14 @@ main {
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
// accordion for colletions list
|
||||
.accordion-item {
|
||||
&:not(.title).is-active {
|
||||
&:not(.title){
|
||||
&.is-active {
|
||||
background-color:$input-background;
|
||||
}
|
||||
}
|
||||
.accordion-item.title li {
|
||||
// @include xy-cell(3);
|
||||
// @include xy-cell-offset(0);
|
||||
//}
|
||||
}
|
||||
.accordion-title {
|
||||
&.title {
|
||||
@include breakpoint(small){
|
||||
li {
|
||||
@include xy-cell(3);
|
||||
@include xy-cell-offset(0);
|
||||
&.title,&.curator,&.collection-name,&.date {
|
||||
&::before {content: none;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(.title) {
|
||||
@include breakpoint(small){
|
||||
li {
|
||||
&.title,
|
||||
|
@ -275,7 +260,6 @@ main {
|
|||
&::before {
|
||||
display: inline-block;
|
||||
color: $medium-gray;
|
||||
//font-size: $accordion-title-font-size;
|
||||
position: absolute;
|
||||
left:0;
|
||||
}
|
||||
|
@ -295,12 +279,9 @@ main {
|
|||
min-height:unset;
|
||||
&::before {
|
||||
content: none;
|
||||
// content:"";
|
||||
}
|
||||
}
|
||||
&.title::before {content:"";}
|
||||
&.curator::before {content:"";}
|
||||
&.collection-name::before {content:"";}
|
||||
&.date::before {content:"";}
|
||||
&.title {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
|
@ -318,6 +299,24 @@ main {
|
|||
}
|
||||
}
|
||||
}
|
||||
&.title {
|
||||
.accordion-title {
|
||||
@include breakpoint(small){
|
||||
li {
|
||||
@include xy-cell(3);
|
||||
@include xy-cell-offset(0);
|
||||
&.title,&.curator,&.collection-name,&.date {
|
||||
&::before {content: none;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.accordion-title {
|
||||
ul,ol {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.accordion-content {
|
||||
padding-top: 0;
|
||||
section {
|
||||
|
@ -355,6 +354,7 @@ main {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// end collections category
|
||||
|
||||
|
|
Loading…
Reference in New Issue