Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-01-11 19:18:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Optimize scss

Browse Source
This commit is contained in:
Dennis Eichhorn 2017-07-13 14:56:49 +02:00 committed by GitHub
parent c6aa3a8038
commit d6a0cafd2d
1 changed files with 46 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
accordion.scss
View File

@ -3,13 +3,25 @@
.ac-container{
margin: 10px auto 30px auto;
text-align: left;
}
.ac-container > input {
& > input {
display: none;
}
.ac-container > label {
&:checked + label {
@include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff);
color: #000;
& + section {
display: inherit;
}
}
& + label + section {
display: none;
}
}
& label {
display: block;
padding: 5px 20px;
position: relative;
@ -21,18 +33,13 @@
border: 1px solid $content-border-color;
@include border-radius(3px);
@include gradient-top-bottom(#e0e3eb, 0, $content-background-color, 100, $content-background-color);
}
.ac-container > label:hover {
&:hover {
@include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff);
}
}
}
.ac-container > input:checked + label {
@include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff);
color: #000;
}
.ac-container > section {
& > section {
background: $content-background-color;
overflow: hidden;
height: auto;
@ -41,13 +48,5 @@
border-left: 1px solid $content-border-color;
border-right: 1px solid $content-border-color;
padding: 10px;
}
.ac-container > input + label + section {
display: none;
}
.ac-container > input:checked + label + section {
display: inherit;
}
}