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