refactored modale : accordion
This commit is contained in:
@ -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;
|
||||
|
@ -1,5 +1,6 @@
|
||||
body {
|
||||
background: white;
|
||||
color:$color-main-text;
|
||||
}
|
||||
|
||||
a{
|
||||
|
@ -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{
|
||||
|
Reference in New Issue
Block a user