Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-09 22:48: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

79
accordion.scss
View File

@ -3,51 +3,50 @@
.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 {
display: block; @include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff);
padding: 5px 20px; color: #000;
position: relative;
z-index: 20;
margin-top: -1px;
cursor: pointer;
color: #777;
font-size: 1em;
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 { & + section {
@include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff); display: inherit;
} }
}
.ac-container > input:checked + label { & + label + section {
@include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff); display: none;
color: #000; }
} }
.ac-container > section { & label {
background: $content-background-color; display: block;
overflow: hidden; padding: 5px 20px;
height: auto; position: relative;
position: relative; z-index: 20;
z-index: 10; margin-top: -1px;
border-left: 1px solid $content-border-color; cursor: pointer;
border-right: 1px solid $content-border-color; color: #777;
padding: 10px; font-size: 1em;
} 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 > input + label + section { &:hover {
display: none; @include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff);
} }
}
& > section {
.ac-container > input:checked + label + section { background: $content-background-color;
display: inherit; overflow: hidden;
height: auto;
position: relative;
z-index: 10;
border-left: 1px solid $content-border-color;
border-right: 1px solid $content-border-color;
padding: 10px;
}
} }