Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-01-11 03:08: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

93
accordion.scss
View File

@ -3,51 +3,50 @@
.ac-container{
margin: 10px auto 30px auto;
text-align: left;
}
.ac-container > input {
display: none;
}
.ac-container > label {
display: block;
padding: 5px 20px;
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 {
@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 {
background: $content-background-color;
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;
}
.ac-container > input + label + section {
display: none;
}
.ac-container > input:checked + label + section {
display: inherit;
& > input {
display: none;
&: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;
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);
&:hover {
@include gradient-top-bottom(#ffffff, 0, $content-background-color, 100, #ffffff);
}
}
& > section {
background: $content-background-color;
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;
}
}