refactored modale : accordion

This commit is contained in:
2021-01-25 17:13:38 +01:00
parent 8945034b21
commit b675960e2a
9 changed files with 229 additions and 40 deletions

View File

@ -1,6 +1,8 @@
$transparent-bg: rgba(255,255,255, 0.95);
$transparent-bg-blk: rgba(0,0,0, 0.75);
$color-main-text: #1A1A1A;
$color-base:#69cdcf;
$color-showrooms:#50aa3c;
$color-blabla:#9458aa;

View File

@ -1,5 +1,6 @@
body {
background: white;
color:$color-main-text;
}
a{

View File

@ -1180,6 +1180,35 @@ article.card{
}
}
.vsa-list{
padding:0;
border: none;
--vsa-heading-padding: 0 0;
--vsa-content-padding: 0 0 0.5em;
--vsa-default-icon-size: 0.2;
--vsa-border-width: 0;
--vsa-text-color: #{$color-main-text};
--vsa-highlight-color: #fff;
--vsa-bg-color: #fff;
.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::after, .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::before, .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::after, .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::before {
background-color: var(--vsa-text-color);
}
.vsa-item{
.vsa-item__heading{
button.vsa-item__trigger{
height:2em;
&:hover,
&:focus{
color: var(--vsa-text-color);
}
}
}
.vsa-item__content{
}
}
}
section.linked-materials{
>ul{
display: flex;
@ -1220,8 +1249,25 @@ article.card{
}
}
}
section.tool.industriels{
div.tool-content{
// section.tool.industriels{
// div.tool-content{
// display: flex;
// flex-flow: row;
// >section{
// flex: 0 0 50%;
// h2{
// margin:0;
// font-size: 1em;
// line-height: 0.6;
// }
// p{
// margin: 0;
// font-size: 0.882em;
// }
// }
// }
// }
section.industriels{
display: flex;
flex-flow: row;
>section{
@ -1236,7 +1282,6 @@ article.card{
font-size: 0.882em;
}
}
}
}
section.attachments{
a{