Sha256: 845bcefb8bce2057b6fa799644858099debd16ca3ac2902e1ccf997bdb610a9f
Contents?: true
Size: 1.64 KB
Versions: 9
Compression:
Stored size: 1.64 KB
Contents
@import 'defaults';
.box {
color: white;
margin-bottom: 28px;
div {
margin: 0;
padding: 1px 15px;
font-size: 26px;
background-color: $grayLight;
&.box-header {
font-size: 30px;
background-color: $grayDark;
&:not(:first-child) {
text-indent: 0.5em;
}
}
&:first-child {
@extend .box-header;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
&:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
}
ul, ol {
margin: 0;
background-color: $grayLight;
ol, ul { // inner list
margin:0 0 0 2em;
}
li {
color: white;
text-indent: 0em;
margin-left: 0;
background-color: $grayLight;
&:before {
color: white;
}
}
}
code {
color: white;
background-color: rgba(#000, 0.33);
padding: 0px 0.3em;
font-size: 1.1em;
}
}
@mixin box($headerColor, $contentColor) {
div {
background-color: $contentColor;
&.box-header {
background-color: $headerColor;
}
&:first-child {
@extend .box-header;
}
}
ul, ol {
background-color: $contentColor;
li {
background-color: $contentColor;
}
}
}
.box-bluegreen, .box-success {
@include box($bluegreenDark, $bluegreenLight);
}
.box-green, .box-example {
@include box($greenDark, $greenLight);
}
.box-red, .box-alert {
@include box($redDark, $redLight);
}
.box-blue, .box-info {
@include box($blueDark, $blueLight);
}
.box-purple {
@include box($purpleDark, $purpleLight);
}
.box-warning, .box-orange {
@include box($orangeDark, $orangeLight);
}
Version data entries
9 entries across 9 versions & 1 rubygems