1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 18:36:11 +01:00
site/_src/_assets/styles/_page-styleguide.scss
Matthias Kretschmann 6ede38abfc
dev tweaks
- start linting scss based on Airbnb style guide
- add includePaths to css & js tasks
2017-05-06 18:03:40 +02:00

64 lines
1.6 KiB
SCSS

.page-styleguide {
.highlight { margin-bottom: ($spacer * 2) }
.typeface {
font-size: 7vw;
&.bold {
margin-bottom: $spacer * 2;
}
}
}
// color swatches
.color {
padding: ($spacer / 2);
margin-bottom: 5px;
border-radius: $border-radius;
border: 1px solid lighten($body-bg, 10%);
min-height: 70px;
text-align: center;
&,
.color-meta { @include transition; }
.color-meta {
display: block;
font-family: $font-family-monospace;
font-size: 11px;
color: #fff;
vertical-align: middle;
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; }