Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-13 16:28:41 +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{ .ac-container{
margin: 10px auto 30px auto; margin: 10px auto 30px auto;
text-align: left; text-align: left;
}
.ac-container > input { & > input {
display: none; 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; display: block;
padding: 5px 20px; padding: 5px 20px;
position: relative; position: relative;
@ -21,18 +33,13 @@
border: 1px solid $content-border-color; border: 1px solid $content-border-color;
@include border-radius(3px); @include border-radius(3px);
@include gradient-top-bottom(#e0e3eb, 0, $content-background-color, 100, $content-background-color); @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); @include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff);
} }
}
.ac-container > input:checked + label { & > section {
@include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff);
color: #000;
}
.ac-container > section {
background: $content-background-color; background: $content-background-color;
overflow: hidden; overflow: hidden;
height: auto; height: auto;
@ -41,13 +48,5 @@
border-left: 1px solid $content-border-color; border-left: 1px solid $content-border-color;
border-right: 1px solid $content-border-color; border-right: 1px solid $content-border-color;
padding: 10px; padding: 10px;
} }
.ac-container > input + label + section {
display: none;
}
.ac-container > input:checked + label + section {
display: inherit;
} }