Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-15 01:08: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 15:21:53 +02:00 committed by GitHub
parent 2419097701
commit 783aa29209
1 changed files with 43 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
section.scss
View File

@ -1,33 +1,15 @@
@import "_mixins", "_vars"; @import "_mixins", "_vars";
section.box.orange {
border-top: 3px solid #FBA026;
}
section.box.red {
border-top: 3px solid #B8312F;
}
section.box.green {
border-top: 3px solid #41A85F;
}
section.box.blue {
border-top: 3px solid #2C82C9;
}
section.box.purple {
border-top: 3px solid #553982;
}
section.box.darkblue {
border-top: 3px solid #2969B0;
}
.box { .box {
@include box-sizing(border-box); @include box-sizing(border-box);
display: inline-block; display: inline-block;
margin-top: 0.3rem; margin-top: 0.3rem;
.inner {
@include box-sizing(border-box);
@include box-shadow-out(#ffffff);
padding: 10px;
}
} }
.box-container { .box-container {
@ -38,27 +20,46 @@ section.box {
@include box-shadow-bottom(#f1f1f1); @include box-shadow-bottom(#f1f1f1);
border: 1px solid $content-border-color; border: 1px solid $content-border-color;
background: #fff; background: #fff;
}
section.box.orange {
border-top: 3px solid #FBA026;
.box .inner { &.red {
@include box-sizing(border-box); border-top: 3px solid #B8312F;
@include box-shadow-out(#ffffff); }
padding: 10px;
}
section header { &.green {
> h1 { border-top: 3px solid #41A85F;
margin: 10px 10px 0 10px; }
padding-bottom: 5px;
font-size: 1.1em; &.blue {
text-shadow: 1px 1px 1px #ffffff; border-top: 3px solid #2C82C9;
border-bottom: 1px solid #e1e1e1; }
&.purple {
border-top: 3px solid #553982;
}
&.darkblue {
border-top: 3px solid #2969B0;
} }
} }
section > h2 { section {
@include box-sizing(border-box); header {
font-size: 1.2em; > h1 {
margin-bottom: 5px; margin: 10px 10px 0 10px;
text-shadow: 1px 1px 1px #ffffff; padding-bottom: 5px;
font-size: 1.1em;
text-shadow: 1px 1px 1px #ffffff;
border-bottom: 1px solid #e1e1e1;
}
}
> h2 {
@include box-sizing(border-box);
font-size: 1.2em;
margin-bottom: 5px;
text-shadow: 1px 1px 1px #ffffff;
}
} }