mirror of https://github.com/bigchaindb/site.git
62 lines
1.5 KiB
SCSS
62 lines
1.5 KiB
SCSS
|
|
.page-styleguide {
|
|
.highlight { margin-bottom: ($spacer * 2); }
|
|
|
|
.typeface {
|
|
font-size: 7vw;
|
|
|
|
&.bold {
|
|
margin-bottom: $spacer * 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
// color swatches
|
|
.color {
|
|
padding: $spacer $spacer / 2;
|
|
margin-bottom: 0;
|
|
border-radius: $border-radius;
|
|
border: 1px solid lighten($body-bg, 10%);
|
|
text-align: center;
|
|
|
|
&,
|
|
.color-meta { @include transition; }
|
|
|
|
.color-meta {
|
|
display: block;
|
|
font-family: $font-family-monospace;
|
|
font-size: 11px;
|
|
color: #fff;
|
|
opacity: 0;
|
|
}
|
|
|
|
&:hover {
|
|
background: #444 !important;
|
|
|
|
.color-meta { opacity: 1; }
|
|
}
|
|
}
|
|
|
|
.color-hex {
|
|
margin-top: 5px;
|
|
font-size: 16px !important;
|
|
border-top: 1px solid #777;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
|
|
// colors
|
|
.brand-main-blue { background: $brand-main-blue; }
|
|
.brand-main-blue-light { background: $brand-main-blue-light; }
|
|
.brand-main-blue-dark { background: $brand-main-blue-dark; }
|
|
.brand-main-gray { background: $brand-main-gray; }
|
|
.brand-main-green { background: $brand-main-green; }
|
|
.brand-main-violet { background: $brand-main-violet; }
|
|
.brand-main-gray-light { background: $brand-main-gray-light; }
|
|
.brand-main-gray-lighter { background: $brand-main-gray-lighter; }
|
|
|
|
.brand-success { background: $brand-success; }
|
|
.brand-info { background: $brand-info; }
|
|
.brand-warning { background: $brand-warning; }
|
|
.brand-danger { background: $brand-danger; }
|