mirror of
https://github.com/bigchaindb/site.git
synced 2024-11-02 00:05:37 +01:00
Matthias Kretschmann
2705fa90e3
- new typeface: Europa, loaded from Typekit - new colors, reduced gray tones - new hero image - new gradient overlay - new buttons - bigger default font sizes - ditch caps for action items
64 lines
1.5 KiB
SCSS
64 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 / 2);
|
|
margin-bottom: 5px;
|
|
border-radius: $border-radius;
|
|
border: 1px solid lighten($body-bg, 10%);
|
|
min-height: 70px;
|
|
text-align: center;
|
|
|
|
&,
|
|
.color-meta { @extend .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 }
|