styled list collections accordion in mobile
This commit is contained in:
parent
a16a30f70c
commit
4f470ec681
File diff suppressed because one or more lines are too long
|
@ -250,7 +250,11 @@ main {
|
||||||
}
|
}
|
||||||
@include breakpoint(small){
|
@include breakpoint(small){
|
||||||
li.accordion-item.title {
|
li.accordion-item.title {
|
||||||
//display:none;
|
@include xy-cell(3);
|
||||||
|
@include xy-cell-offset(0);
|
||||||
|
&::before{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
&.title,
|
&.title,
|
||||||
|
@ -259,16 +263,16 @@ main {
|
||||||
&.date {
|
&.date {
|
||||||
@include xy-cell(10);
|
@include xy-cell(10);
|
||||||
@include xy-cell-offset(2);
|
@include xy-cell-offset(2);
|
||||||
&::after {
|
}
|
||||||
|
&::before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: $medium-gray;
|
color: $medium-gray;
|
||||||
font-size: $accordion-title-font-size * 0.8;
|
font-size: $accordion-title-font-size * 0.8;
|
||||||
|
&.title {content:"Title";}
|
||||||
|
&.curator {content:"Artist";}
|
||||||
|
&.collection-name {content:"Collection";}
|
||||||
|
&.date {content:"Date";}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
&.title::after {content:"Title";}
|
|
||||||
&.curator::after {content:"Artist";}
|
|
||||||
&.collection-name::after {content:"Collection";}
|
|
||||||
&.date::after {content:"Date";}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -277,12 +281,12 @@ main {
|
||||||
//display:inherit;
|
//display:inherit;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
|
&::before {
|
||||||
&.title,
|
&.title,
|
||||||
&.curator,
|
&.curator,
|
||||||
&.collection-name,
|
&.collection-name,
|
||||||
&.date {
|
&.date {
|
||||||
&::after {
|
content:"";
|
||||||
display:none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.title {
|
&.title {
|
||||||
|
|
Loading…
Reference in New Issue