mirror of
https://github.com/bigchaindb/site.git
synced 2025-02-04 16:17:46 +01:00
Merge pull request #128 from ascribe/feature/stylelint
Lint css with stylelint
This commit is contained in:
GitHub
commit
b6d16630fc
@ -1,45 +0,0 @@
|
||||
#
|
||||
# https://github.com/airbnb/css/blob/master/.scss-lint.yml
|
||||
#
|
||||
severity: error
|
||||
|
||||
linters:
|
||||
|
||||
BorderZero:
|
||||
enabled: true
|
||||
convention: zero
|
||||
|
||||
BemDepth:
|
||||
enabled: true
|
||||
|
||||
DeclarationOrder:
|
||||
enabled: false
|
||||
|
||||
ExtendDirective:
|
||||
enabled: true
|
||||
|
||||
LeadingZero:
|
||||
enabled: false
|
||||
|
||||
NameFormat:
|
||||
enabled: true
|
||||
|
||||
PrivateNamingConvention:
|
||||
enabled: true
|
||||
prefix: _
|
||||
|
||||
PropertySortOrder:
|
||||
enabled: false
|
||||
|
||||
QualifyingElement:
|
||||
enabled: false
|
||||
|
||||
SelectorFormat:
|
||||
enabled: true
|
||||
convention: hyphenated_BEM
|
||||
class_convention: ^(?!js-).*
|
||||
class_convention_explanation: should not be written in the form js-*
|
||||
|
||||
Indentation:
|
||||
enabled: true
|
||||
width: 4
|
||||
7
.stylelintrc
Normal file
7
.stylelintrc
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"extends": "stylelint-config-bigchaindb",
|
||||
rules: {
|
||||
"selector-no-type": null,
|
||||
"selector-no-qualifying-type": null
|
||||
}
|
||||
}
|
||||
18
README.md
18
README.md
@ -3,6 +3,7 @@
|
||||
> The fabulous cat of blockchain websites.
|
||||
|
||||
[](https://travis-ci.com/ascribe/bigchain-website)
|
||||
[](https://github.com/bigchaindb/stylelint-config-bigchaindb)
|
||||
<img src="http://forthebadge.com/images/badges/powered-by-electricity.svg" height="20"/>
|
||||
<img src="http://forthebadge.com/images/badges/as-seen-on-tv.svg" height="20"/>
|
||||
<img src="http://forthebadge.com/images/badges/uses-badges.svg" height="20"/>
|
||||
@ -25,6 +26,7 @@
|
||||
* [Production build & live deployment](#production-build--live-deployment)
|
||||
* [Coding conventions](#coding-conventions)
|
||||
* [(S)CSS](#scss)
|
||||
* [JavaScript](#javascript)
|
||||
* [Authors](#authors)
|
||||
|
||||
## Development
|
||||
@ -137,13 +139,19 @@ gulp deploy --live
|
||||
|
||||
### (S)CSS
|
||||
|
||||
Follows [Airbnb CSS / Sass Styleguide](https://github.com/airbnb/css). Lint with [scss-lint](https://github.com/brigade/scss-lint).
|
||||
Follows [stylelint-config-bigchaindb](https://github.com/bigchaindb/stylelint-config-bigchaindb) which itself extends [stylelint-config-standard](https://github.com/stylelint/stylelint-config-standard).
|
||||
|
||||
Rule exceptions:
|
||||
Lint with [stylelint](https://stylelint.io) in your editor or run:
|
||||
|
||||
- indentation: 4 spaces
|
||||
- use single quotes
|
||||
- allow single line rule sets
|
||||
```bash
|
||||
npm test
|
||||
```
|
||||
|
||||
### JavaScript
|
||||
|
||||
It's a wild mess right now between old school vanilla js, jQuery and some ES2015 features. Don't bother with the old stuff unless dependency updates break it.
|
||||
|
||||
New js should follow [eslint-config-ascribe](https://github.com/ascribe/javascript). Linting in this repo is not setup for it yet.
|
||||
|
||||
## Authors
|
||||
|
||||
|
||||
15
_ci/build.sh
15
_ci/build.sh
@ -2,6 +2,21 @@
|
||||
|
||||
set -e;
|
||||
|
||||
echo "$(tput setaf 136)"
|
||||
echo "============================================="
|
||||
echo " Starting tests "
|
||||
echo "============================================="
|
||||
echo "$(tput sgr0)" # reset
|
||||
|
||||
npm test
|
||||
|
||||
echo "$(tput setaf 64)" # green
|
||||
echo "---------------------------------------------"
|
||||
echo " ✓ done testing"
|
||||
echo "---------------------------------------------"
|
||||
echo "$(tput sgr0)" # reset
|
||||
|
||||
|
||||
echo "$(tput setaf 136)"
|
||||
echo "============================================="
|
||||
echo " Starting build "
|
||||
|
||||
@ -44,202 +44,203 @@
|
||||
|
||||
@keyframes shake {
|
||||
2% {
|
||||
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
4% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
6% {
|
||||
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
8% {
|
||||
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
10% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
12% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
14% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
16% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
18% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
22% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
24% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
26% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
28% {
|
||||
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
32% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
34% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
36% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
38% {
|
||||
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
42% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
44% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
46% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
48% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
52% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
54% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
56% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
58% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
62% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
64% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
66% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
68% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
72% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
74% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
76% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
78% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
82% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
84% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
86% {
|
||||
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
88% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
92% {
|
||||
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
94% {
|
||||
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(0, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
96% {
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
|
||||
}
|
||||
|
||||
98% {
|
||||
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
|
||||
transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
|
||||
}
|
||||
|
||||
0%, 100% {
|
||||
transform: scaleX(-1) translate(0, 0) rotate(0)
|
||||
0%,
|
||||
100% {
|
||||
transform: scaleX(-1) translate(0, 0) rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
|
||||
.page-404 {
|
||||
@include color-overlay;
|
||||
position: relative;
|
||||
background-image: url('/assets/img/fail-cat.gif');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
@include color-overlay;
|
||||
|
||||
&::before {
|
||||
&:before {
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: none;
|
||||
|
||||
&::before { display: none; }
|
||||
&:before { display: none; }
|
||||
}
|
||||
|
||||
.header__title {
|
||||
@ -21,7 +21,7 @@
|
||||
padding-bottom: 0;
|
||||
|
||||
// the bottom line
|
||||
&::after {
|
||||
&:after {
|
||||
content: '';
|
||||
height: 1px;
|
||||
width: 5rem;
|
||||
@ -52,6 +52,6 @@
|
||||
}
|
||||
|
||||
.menu--footer {
|
||||
a { color: #fff }
|
||||
a { color: #fff; }
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
|
||||
.grid--team {
|
||||
// manually center last column
|
||||
.grid__col:last-child {
|
||||
//margin: auto;
|
||||
}
|
||||
}
|
||||
@ -102,9 +102,11 @@
|
||||
#arm {
|
||||
transform-origin: right;
|
||||
}
|
||||
|
||||
#head {
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
#eye {
|
||||
transform-origin: center;
|
||||
}
|
||||
@ -122,12 +124,15 @@
|
||||
#eye {
|
||||
&.paused { animation: none; }
|
||||
}
|
||||
|
||||
#arm {
|
||||
animation: wrigley-wink 1s ease-in-out;
|
||||
}
|
||||
|
||||
#head {
|
||||
animation: wrigley-head-nod 1s ease-in-out;
|
||||
}
|
||||
|
||||
#eye {
|
||||
&.is-ready {
|
||||
animation: wrigley-blink .3s ease-in-out forwards;
|
||||
@ -135,19 +140,26 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes wrigley-wink {
|
||||
0% { transform: rotate(0); }
|
||||
25%, 50% { transform: rotate(-20deg); }
|
||||
30%, 100% { transform: rotate(0); }
|
||||
|
||||
25%,
|
||||
50% { transform: rotate(-20deg); }
|
||||
|
||||
30%,
|
||||
100% { transform: rotate(0); }
|
||||
}
|
||||
|
||||
@keyframes wrigley-head-nod {
|
||||
0% { transform: rotate(0); }
|
||||
25%, 50% { transform: rotate(-2deg); }
|
||||
30%, 100% { transform: rotate(0); }
|
||||
|
||||
25%,
|
||||
50% { transform: rotate(-2deg); }
|
||||
|
||||
30%,
|
||||
100% { transform: rotate(0); }
|
||||
}
|
||||
|
||||
@keyframes wrigley-blink {
|
||||
|
||||
@ -7,6 +7,6 @@
|
||||
.contactlist {
|
||||
p { margin-bottom: 0; }
|
||||
|
||||
.p-adr { margin-bottom: $spacer; }
|
||||
.p-adr { margin-bottom: $spacer; }
|
||||
.social { margin-top: $spacer; }
|
||||
}
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// the bottom line
|
||||
&::after {
|
||||
&:after {
|
||||
content: '';
|
||||
height: 2px;
|
||||
width: 3rem;
|
||||
@ -109,7 +109,7 @@
|
||||
|
||||
.feature__title {
|
||||
// the bottom line
|
||||
&::after {
|
||||
&:after {
|
||||
background: rgba($gray-light, .4);
|
||||
}
|
||||
}
|
||||
@ -126,7 +126,7 @@
|
||||
}
|
||||
|
||||
.testimonial__quote {
|
||||
&::before {
|
||||
&:before {
|
||||
margin-left: -1.3rem;
|
||||
}
|
||||
}
|
||||
@ -149,6 +149,7 @@
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.grid__col {
|
||||
@media ($screen-sm) {
|
||||
flex-basis: 48%;
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
|
||||
.page-front {
|
||||
.section--partners {
|
||||
@extend .background--darker
|
||||
@extend .background--darker;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
|
||||
.page-styleguide {
|
||||
.highlight { margin-bottom: ($spacer * 2) }
|
||||
.highlight { margin-bottom: ($spacer * 2); }
|
||||
|
||||
.typeface {
|
||||
font-size: 7vw;
|
||||
@ -35,7 +35,7 @@
|
||||
&:hover {
|
||||
background: #444 !important;
|
||||
|
||||
.color-meta { opacity: 1 }
|
||||
.color-meta { opacity: 1; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -30,7 +30,6 @@
|
||||
// Industry section
|
||||
//
|
||||
.section--industry {
|
||||
|
||||
.section-header {
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
@ -51,7 +50,7 @@
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
&::after {
|
||||
&:after {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
margin-bottom: ($spacer * 2);
|
||||
|
||||
// the bottom line
|
||||
&::after {
|
||||
&:after {
|
||||
content: '';
|
||||
height: 2px;
|
||||
width: 3rem;
|
||||
@ -86,7 +86,6 @@
|
||||
// Specific sections
|
||||
//
|
||||
@import '_sections/section-cta-whitepaper';
|
||||
@import '_sections/section-cta-features';
|
||||
@import '_sections/section-cta-community';
|
||||
@import '_sections/section-cta-enterprise';
|
||||
@import '_sections/section-partners';
|
||||
|
||||
@ -1,7 +1,3 @@
|
||||
.section--blog {
|
||||
|
||||
}
|
||||
|
||||
.article {
|
||||
@include color-overlay;
|
||||
@include transition;
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
.section-cta--features {
|
||||
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
.section-cta {
|
||||
|
||||
}
|
||||
@ -60,5 +60,4 @@
|
||||
@import 'page-cla';
|
||||
@import 'page-partners';
|
||||
@import 'page-enterprise';
|
||||
|
||||
@import 'ipdb';
|
||||
|
||||
@ -16,6 +16,7 @@
|
||||
user-select: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
|
||||
@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $line-height, $btn-border-radius);
|
||||
|
||||
&:hover,
|
||||
@ -34,7 +35,7 @@
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
opacity: 0.45;
|
||||
opacity: .45;
|
||||
box-shadow: none;
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
@ -95,7 +96,7 @@ fieldset[disabled] a.btn {
|
||||
//
|
||||
// Make a button look and behave like a link
|
||||
.btn-link {
|
||||
font-weight: normal;
|
||||
font-weight: $font-weight-normal;
|
||||
color: $link-color;
|
||||
border-radius: 0;
|
||||
|
||||
@ -165,9 +166,9 @@ fieldset[disabled] a.btn {
|
||||
|
||||
|
||||
// Specificity overrides
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"] {
|
||||
input[type='submit'],
|
||||
input[type='reset'],
|
||||
input[type='button'] {
|
||||
&.btn-block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -31,7 +31,7 @@ kbd {
|
||||
kbd {
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,8 +1,3 @@
|
||||
|
||||
.content--page {
|
||||
|
||||
}
|
||||
|
||||
.content--page--markdown {
|
||||
padding-top: ($spacer * 2);
|
||||
padding-bottom: ($spacer * 2);
|
||||
@ -12,7 +7,8 @@
|
||||
padding-bottom: ($spacer * 5);
|
||||
}
|
||||
|
||||
> h1, h2 {
|
||||
> h1,
|
||||
h2 {
|
||||
&:not(#heading-1):not(#heading-2) {
|
||||
border-bottom: 1px solid $brand-main-blue-light;
|
||||
padding-bottom: $spacer;
|
||||
@ -20,40 +16,40 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header-link {
|
||||
box-shadow: none;
|
||||
transition-timing-function: $timing-bounce;
|
||||
display: inline-block;
|
||||
padding: 0 .25rem;
|
||||
opacity: 0;
|
||||
transform: translate3d(20px,0,0) scale(0);
|
||||
|
||||
&,
|
||||
.header-icon {
|
||||
@extend .transition;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: none;
|
||||
|
||||
.header-icon {
|
||||
color: lighten($brand-primary, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
font-style: normal;
|
||||
font-size: 2rem;
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.header-link {
|
||||
opacity: 1;
|
||||
transform: translate3d(0,0,0) scale(.8);
|
||||
transform: translate3d(0, 0, 0) scale(.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-link {
|
||||
box-shadow: none;
|
||||
transition-timing-function: $timing-bounce;
|
||||
display: inline-block;
|
||||
padding: 0 .25rem;
|
||||
opacity: 0;
|
||||
transform: translate3d(20px, 0, 0) scale(0);
|
||||
|
||||
&,
|
||||
.header-icon {
|
||||
@extend .transition;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: none;
|
||||
|
||||
.header-icon {
|
||||
color: lighten($brand-primary, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
font-style: normal;
|
||||
font-size: 2rem;
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -54,6 +54,7 @@
|
||||
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
cursor: disabled;
|
||||
}
|
||||
@ -66,12 +67,46 @@
|
||||
+ .form-label,
|
||||
+ .select2-container--bigchaindb + .form-label {
|
||||
&:after {
|
||||
content: "*";
|
||||
@extend .required;
|
||||
content: '*';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// the active state
|
||||
&:focus ~ .form-label,
|
||||
&:valid:not(.is-empty) ~ .form-label,
|
||||
&:invalid:not(.is-empty) ~ .form-label,
|
||||
//&.parsley-error ~ .form-label,
|
||||
&.parsley-success ~ .form-label {
|
||||
transform: translate3d(0, -($spacer + $input-padding-x), 0) scale(.7);
|
||||
color: $input-border-focus;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Form Validation States
|
||||
//
|
||||
|
||||
// Success style
|
||||
&:valid:not(.is-empty):not(select),
|
||||
&.parsley-success {
|
||||
&,
|
||||
&:focus {
|
||||
border-color: $brand-success;
|
||||
}
|
||||
}
|
||||
|
||||
// Error style
|
||||
&:invalid:not(.is-empty),
|
||||
&.parsley-error {
|
||||
&,
|
||||
&:focus {
|
||||
border-color: $brand-danger;
|
||||
color: $brand-danger;
|
||||
}
|
||||
}
|
||||
|
||||
.background--photo & {
|
||||
border-bottom-color: rgba(#fff, .5);
|
||||
}
|
||||
@ -123,18 +158,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.form-control {
|
||||
// the active state
|
||||
&:focus ~ .form-label,
|
||||
&:valid:not(.is-empty) ~ .form-label,
|
||||
&:invalid:not(.is-empty) ~ .form-label,
|
||||
//&.parsley-error ~ .form-label,
|
||||
&.parsley-success ~ .form-label {
|
||||
transform: translate3d(0, -($spacer + $input-padding-x), 0) scale(.7);
|
||||
color: $input-border-focus;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Form groups
|
||||
@ -153,7 +176,6 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text areas
|
||||
//
|
||||
@ -197,21 +219,26 @@ select.form-control {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
label {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio input[type="radio"],
|
||||
.radio-inline input[type="radio"],
|
||||
.checkbox input[type="checkbox"],
|
||||
.checkbox-inline input[type="checkbox"] {
|
||||
.radio input[type='radio'],
|
||||
.radio-inline input[type='radio'],
|
||||
.checkbox input[type='checkbox'],
|
||||
.checkbox-inline input[type='checkbox'] {
|
||||
position: absolute;
|
||||
margin-bottom: -0.25rem;
|
||||
margin-bottom: -.25rem;
|
||||
margin-left: -1.75rem;
|
||||
margin-right: 0.25rem;
|
||||
margin-right: .25rem;
|
||||
|
||||
// reset styling, then style
|
||||
-webkit-appearance:button;
|
||||
appearance: button;
|
||||
background: none;
|
||||
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
border-radius: $border-radius;
|
||||
@ -228,8 +255,8 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
|
||||
.radio input[type="radio"],
|
||||
.radio-inline input[type="radio"] {
|
||||
.radio input[type='radio'],
|
||||
.radio-inline input[type='radio'] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
@ -248,69 +275,30 @@ select.form-control {
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
|
||||
&.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
.radio-inline + .radio-inline,
|
||||
.checkbox-inline + .checkbox-inline {
|
||||
margin-top: 0;
|
||||
margin-left: 0.75rem;
|
||||
margin-left: .75rem;
|
||||
}
|
||||
|
||||
// Apply same disabled cursor tweak as for inputs
|
||||
// Some special care is needed because <label>s don't inherit their parent's `cursor`.
|
||||
//
|
||||
// Note: Neither radios nor checkboxes can be readonly.
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
input[type='radio'],
|
||||
input[type='checkbox'] {
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
// These classes are used directly on <label>s
|
||||
.radio-inline,
|
||||
.checkbox-inline {
|
||||
&.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
// These classes are used on elements with <label> descendants
|
||||
.radio,
|
||||
.checkbox {
|
||||
&.disabled {
|
||||
label {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Form Validation States
|
||||
//
|
||||
.form-control {
|
||||
|
||||
// Success style
|
||||
&:valid:not(.is-empty):not(select),
|
||||
&.parsley-success {
|
||||
&,
|
||||
&:focus {
|
||||
border-color: $brand-success;
|
||||
}
|
||||
}
|
||||
|
||||
// Error style
|
||||
&:invalid:not(.is-empty),
|
||||
&.parsley-error {
|
||||
&,
|
||||
&:focus {
|
||||
border-color: $brand-danger;
|
||||
color: $brand-danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Error messages
|
||||
@ -334,6 +322,6 @@ input[type="checkbox"] {
|
||||
}
|
||||
|
||||
@keyframes errors-list-show {
|
||||
from { transform: translate3d(0,0,0); }
|
||||
to { transform: translate3d(0,( $font-size-sm + ($spacer / 4)),0); }
|
||||
from { transform: translate3d(0, 0, 0); }
|
||||
to { transform: translate3d(0, ( $font-size-sm + ($spacer / 4)), 0); }
|
||||
}
|
||||
|
||||
@ -61,19 +61,19 @@
|
||||
// Alignment per row
|
||||
//
|
||||
.grid--top {
|
||||
align-items: flex-start
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.grid--bottom {
|
||||
align-items: flex-end
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.grid--center {
|
||||
align-items: center
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.grid--justifycenter {
|
||||
justify-content: center
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
@ -81,15 +81,15 @@
|
||||
// Alignment per cell
|
||||
//
|
||||
.grid__col--top {
|
||||
align-self: flex-start
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.grid__col--bottom {
|
||||
align-self: flex-end
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.grid__col--center {
|
||||
align-self: center
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
|
||||
@ -100,11 +100,11 @@
|
||||
margin: -($gutter-space) 0 $gutter-space (-($gutter-space));
|
||||
|
||||
> .grid__col {
|
||||
padding: $gutter-space 0 0 $gutter-space;;
|
||||
padding: $gutter-space 0 0 $gutter-space;
|
||||
}
|
||||
}
|
||||
|
||||
.grid--gutters{
|
||||
.grid--gutters {
|
||||
@include grid-gutters();
|
||||
}
|
||||
|
||||
@ -170,15 +170,19 @@
|
||||
.grid-small--columns {
|
||||
@include grid-columns();
|
||||
}
|
||||
|
||||
.grid-small--fit {
|
||||
> .grid__col { flex: 1; }
|
||||
}
|
||||
.grid-small--full{
|
||||
|
||||
.grid-small--full {
|
||||
> .grid__col { flex: 0 0 100%; }
|
||||
}
|
||||
|
||||
.grid-small--third {
|
||||
> .grid__col { flex: 0 0 33.3%; }
|
||||
}
|
||||
|
||||
.grid-small--half {
|
||||
> .grid__col {
|
||||
flex: 0 0 50%;
|
||||
@ -191,15 +195,19 @@
|
||||
.grid-medium--columns {
|
||||
@include grid-columns();
|
||||
}
|
||||
|
||||
.grid-medium--fit {
|
||||
> .grid__col { flex: 1 }
|
||||
> .grid__col { flex: 1; }
|
||||
}
|
||||
|
||||
.grid-medium--full {
|
||||
> .grid__col { flex: 0 0 100%; }
|
||||
}
|
||||
|
||||
.grid-medium--third {
|
||||
> .grid__col { flex: 0 0 33.3%; }
|
||||
}
|
||||
|
||||
.grid-medium--half {
|
||||
> .grid__col {
|
||||
flex: 0 0 50%;
|
||||
@ -212,15 +220,19 @@
|
||||
.grid-large--columns {
|
||||
@include grid-columns();
|
||||
}
|
||||
|
||||
.grid-large--fit {
|
||||
> .grid__col { flex: 1; }
|
||||
}
|
||||
|
||||
.grid-large--full {
|
||||
> .grid__col { flex: 0 0 100%; }
|
||||
}
|
||||
|
||||
.grid-large--third {
|
||||
> .grid__col { flex: 0 0 33.3%; }
|
||||
}
|
||||
|
||||
.grid-large--half {
|
||||
> .grid__col {
|
||||
flex: 0 0 50%;
|
||||
|
||||
@ -35,7 +35,7 @@ $menu-height-md: 66px;
|
||||
font-size: $font-size-h1;
|
||||
}
|
||||
|
||||
&::after { display: none; }
|
||||
&:after { display: none; }
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
|
||||
@ -29,10 +29,9 @@
|
||||
// Jankily prevent input button groups from wrapping with `white-space` and
|
||||
// `font-size` in combination with `inline-block` on buttons.
|
||||
font-size: 0;
|
||||
white-space: nowrap;
|
||||
|
||||
> .btn {
|
||||
margin-top: 0 !important;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -49,6 +48,7 @@
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.input-group .form-control:not(:first-child),
|
||||
.input-group-btn:not(:first-child) > .btn,
|
||||
.input-group-btn:not(:first-child) > .btn-group > .btn,
|
||||
|
||||
@ -62,7 +62,7 @@
|
||||
position: relative;
|
||||
top: -3px;
|
||||
|
||||
&::before {
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: $spacer / 3;
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
|
||||
// link line
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 2px;
|
||||
width: 30px;
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
}
|
||||
|
||||
.section-title {
|
||||
&::after {
|
||||
&:after {
|
||||
background: darken($brand-main-green, 10%);
|
||||
}
|
||||
}
|
||||
@ -47,7 +47,7 @@
|
||||
color: $brand-main-blue;
|
||||
|
||||
// the bottom line
|
||||
&::after {
|
||||
&:after {
|
||||
background: darken($brand-main-green, 5%);
|
||||
}
|
||||
}
|
||||
@ -74,7 +74,7 @@
|
||||
}
|
||||
|
||||
.section-title {
|
||||
&::after {
|
||||
&:after {
|
||||
background: rgba($brand-main-blue-light, .5);
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,11 +11,13 @@
|
||||
color: $color !important;
|
||||
background-color: $active-background;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $color !important;
|
||||
background: darken($background, 2%);
|
||||
transition: none;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
&:focus {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
// color overlay
|
||||
&:before {
|
||||
content: "";
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
@ -17,7 +17,7 @@
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.row { z-index: 1 }
|
||||
.row { z-index: 1; }
|
||||
}
|
||||
|
||||
.color-overlay {
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
|
||||
.form-label,
|
||||
.form-control {
|
||||
color: $gray-dark !important;
|
||||
color: $gray-dark;
|
||||
}
|
||||
|
||||
.form-control-feedback {
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
.select2-selection__clear {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
margin-top: 5px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@ -50,7 +50,7 @@
|
||||
cursor: pointer;
|
||||
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
margin-right: 2px;
|
||||
|
||||
@ -60,7 +60,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&[dir="rtl"] {
|
||||
&[dir='rtl'] {
|
||||
.select2-selection--multiple {
|
||||
.select2-search--inline,
|
||||
.select2-selection__choice,
|
||||
@ -82,7 +82,7 @@
|
||||
|
||||
&.select2-container--focus {
|
||||
.select2-selection--multiple {
|
||||
border: solid black 1px;
|
||||
border: solid #000 1px;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
.select2-selection__clear {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.select2-selection__placeholder {
|
||||
@ -30,14 +30,14 @@
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
right: 0;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: 0.263em solid transparent;
|
||||
border: .263em solid transparent;
|
||||
}
|
||||
|
||||
&:before {
|
||||
@ -56,7 +56,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&[dir="rtl"] {
|
||||
&[dir='rtl'] {
|
||||
.select2-selection--single {
|
||||
.select2-selection__clear {
|
||||
float: left;
|
||||
@ -79,11 +79,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.select2-container--open {
|
||||
.select2-selection--single {
|
||||
.select2-selection__arrow {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -77,16 +77,16 @@
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
&[role=group] {
|
||||
&[role='group'] {
|
||||
padding: 0;
|
||||
border-bottom: 2px dashed $gray;
|
||||
}
|
||||
|
||||
&[aria-disabled=true] {
|
||||
&[aria-disabled='true'] {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
&[aria-selected=true] {
|
||||
&[aria-selected='true'] {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
@ -1,73 +1,295 @@
|
||||
|
||||
// https://github.com/richleland/pygments-css/blob/master/zenburn.css
|
||||
|
||||
.highlight pre {color:#fdce93;background-color: $code-bg}
|
||||
.highlight .hll{background-color:#222}
|
||||
.highlight .c{color:#7f9f7f}
|
||||
.highlight .err{color:#e37170;background-color:#3d3535}
|
||||
.highlight .g{color:#7f9f7f}
|
||||
.highlight .k{color:#f0dfaf}
|
||||
.highlight .l{color:#ccc}
|
||||
.highlight .n{color:#dcdccc}
|
||||
.highlight .o{color:#f0efd0}
|
||||
.highlight .x{color:#ccc}
|
||||
.highlight .p{color:#41706f}
|
||||
.highlight .cm{color:#7f9f7f}
|
||||
.highlight .cp{color:#7f9f7f}
|
||||
.highlight .c1{color:#7f9f7f}
|
||||
.highlight .cs{color:#cd0000;font-weight:bold}
|
||||
.highlight .gd{color:#cd0000}
|
||||
.highlight .ge{color:#ccc;font-style:italic}
|
||||
.highlight .gr{color:red}
|
||||
.highlight .gh{color:#dcdccc;font-weight:bold}
|
||||
.highlight .gi{color:#00cd00}
|
||||
.highlight .go{color:gray}
|
||||
.highlight .gp{color:#dcdccc;font-weight:bold}
|
||||
.highlight .gs{color:#ccc;font-weight:bold}
|
||||
.highlight .gu{color:purple;font-weight:bold}
|
||||
.highlight .gt{color:#0040D0}
|
||||
.highlight .kc{color:#dca3a3}
|
||||
.highlight .kd{color:#ffff86}
|
||||
.highlight .kn{color:#dfaf8f;font-weight:bold}
|
||||
.highlight .kp{color:#cdcf99}
|
||||
.highlight .kr{color:#cdcd00}
|
||||
.highlight .kt{color:#00cd00}
|
||||
.highlight .ld{color:#cc9393}
|
||||
.highlight .m{color:#8cd0d3}
|
||||
.highlight .s{color:#cc9393}
|
||||
.highlight .na{color:#9ac39f}
|
||||
.highlight .nb{color:#efef8f}
|
||||
.highlight .nc{color:#efef8f}
|
||||
.highlight .no{color:#ccc}
|
||||
.highlight .nd{color:#ccc}
|
||||
.highlight .ni{color:#c28182}
|
||||
.highlight .ne{color:#c3bf9f;font-weight:bold}
|
||||
.highlight .nf{color:#efef8f}
|
||||
.highlight .nl{color:#ccc}
|
||||
.highlight .nn{color:#8fbede}
|
||||
.highlight .nx{color:#ccc}
|
||||
.highlight .py{color:#ccc}
|
||||
.highlight .nt{color:#9ac39f}
|
||||
.highlight .nv{color:#dcdccc}
|
||||
.highlight .ow{color:#f0efd0}
|
||||
.highlight .w{color:#ccc}
|
||||
.highlight .mf{color:#8cd0d3}
|
||||
.highlight .mh{color:#8cd0d3}
|
||||
.highlight .mi{color:#8cd0d3}
|
||||
.highlight .mo{color:#8cd0d3}
|
||||
.highlight .sb{color:#cc9393}
|
||||
.highlight .sc{color:#cc9393}
|
||||
.highlight .sd{color:#cc9393}
|
||||
.highlight .s2{color:#cc9393}
|
||||
.highlight .se{color:#cc9393}
|
||||
.highlight .sh{color:#cc9393}
|
||||
.highlight .si{color:#cc9393}
|
||||
.highlight .sx{color:#cc9393}
|
||||
.highlight .sr{color:#cc9393}
|
||||
.highlight .s1{color:#cc9393}
|
||||
.highlight .ss{color:#cc9393}
|
||||
.highlight .bp{color:#efef8f}
|
||||
.highlight .vc{color:#efef8f}
|
||||
.highlight .vg{color:#dcdccc}
|
||||
.highlight .vi{color:#ffffc7}
|
||||
.highlight .il{color:#8cd0d3}
|
||||
/* stylelint-disable */
|
||||
.highlight pre {
|
||||
color: #fdce93;
|
||||
background-color: $code-bg;
|
||||
}
|
||||
|
||||
.highlight .hll {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.highlight .c {
|
||||
color: #7f9f7f;
|
||||
}
|
||||
|
||||
.highlight .err {
|
||||
color: #e37170;
|
||||
background-color: #3d3535;
|
||||
}
|
||||
|
||||
.highlight .g {
|
||||
color: #7f9f7f;
|
||||
}
|
||||
|
||||
.highlight .k {
|
||||
color: #f0dfaf;
|
||||
}
|
||||
|
||||
.highlight .l {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.highlight .n {
|
||||
color: #dcdccc;
|
||||
}
|
||||
|
||||
.highlight .o {
|
||||
color: #f0efd0;
|
||||
}
|
||||
|
||||
.highlight .x {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.highlight .p {
|
||||
color: #41706f;
|
||||
}
|
||||
|
||||
.highlight .cm {
|
||||
color: #7f9f7f;
|
||||
}
|
||||
|
||||
.highlight .cp {
|
||||
color: #7f9f7f;
|
||||
}
|
||||
|
||||
.highlight .c1 {
|
||||
color: #7f9f7f;
|
||||
}
|
||||
|
||||
.highlight .cs {
|
||||
color: #cd0000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.highlight .gd {
|
||||
color: #cd0000;
|
||||
}
|
||||
|
||||
.highlight .ge {
|
||||
color: #ccc;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.highlight .gr {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.highlight .gh {
|
||||
color: #dcdccc;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.highlight .gi {
|
||||
color: #00cd00;
|
||||
}
|
||||
|
||||
.highlight .go {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.highlight .gp {
|
||||
color: #dcdccc;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.highlight .gs {
|
||||
color: #ccc;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.highlight .gu {
|
||||
color: purple;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.highlight .gt {
|
||||
color: #0040D0;
|
||||
}
|
||||
|
||||
.highlight .kc {
|
||||
color: #dca3a3;
|
||||
}
|
||||
|
||||
.highlight .kd {
|
||||
color: #ffff86;
|
||||
}
|
||||
|
||||
.highlight .kn {
|
||||
color: #dfaf8f;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.highlight .kp {
|
||||
color: #cdcf99;
|
||||
}
|
||||
|
||||
.highlight .kr {
|
||||
color: #cdcd00;
|
||||
}
|
||||
|
||||
.highlight .kt {
|
||||
color: #00cd00;
|
||||
}
|
||||
|
||||
.highlight .ld {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .m {
|
||||
color: #8cd0d3;
|
||||
}
|
||||
|
||||
.highlight .s {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .na {
|
||||
color: #9ac39f;
|
||||
}
|
||||
|
||||
.highlight .nb {
|
||||
color: #efef8f;
|
||||
}
|
||||
|
||||
.highlight .nc {
|
||||
color: #efef8f;
|
||||
}
|
||||
|
||||
.highlight .no {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.highlight .nd {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.highlight .ni {
|
||||
color: #c28182;
|
||||
}
|
||||
|
||||
.highlight .ne {
|
||||
color: #c3bf9f;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.highlight .nf {
|
||||
color: #efef8f;
|
||||
}
|
||||
|
||||
.highlight .nl {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.highlight .nn {
|
||||
color: #8fbede;
|
||||
}
|
||||
|
||||
.highlight .nx {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.highlight .py {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.highlight .nt {
|
||||
color: #9ac39f;
|
||||
}
|
||||
|
||||
.highlight .nv {
|
||||
color: #dcdccc;
|
||||
}
|
||||
|
||||
.highlight .ow {
|
||||
color: #f0efd0;
|
||||
}
|
||||
|
||||
.highlight .w {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.highlight .mf {
|
||||
color: #8cd0d3;
|
||||
}
|
||||
|
||||
.highlight .mh {
|
||||
color: #8cd0d3;
|
||||
}
|
||||
|
||||
.highlight .mi {
|
||||
color: #8cd0d3;
|
||||
}
|
||||
|
||||
.highlight .mo {
|
||||
color: #8cd0d3;
|
||||
}
|
||||
|
||||
.highlight .sb {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .sc {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .sd {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .s2 {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .se {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .sh {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .si {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .sx {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .sr {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .s1 {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .ss {
|
||||
color: #cc9393;
|
||||
}
|
||||
|
||||
.highlight .bp {
|
||||
color: #efef8f;
|
||||
}
|
||||
|
||||
.highlight .vc {
|
||||
color: #efef8f;
|
||||
}
|
||||
|
||||
.highlight .vg {
|
||||
color: #dcdccc;
|
||||
}
|
||||
|
||||
.highlight .vi {
|
||||
color: #ffffc7;
|
||||
}
|
||||
|
||||
.highlight .il {
|
||||
color: #8cd0d3;
|
||||
}
|
||||
|
||||
/* stylelint-enable */
|
||||
|
||||
@ -59,6 +59,7 @@
|
||||
td {
|
||||
border: $table-border-width solid $table-border-color;
|
||||
}
|
||||
|
||||
thead {
|
||||
th,
|
||||
td {
|
||||
|
||||
@ -4,15 +4,11 @@
|
||||
// bigchaindb.com
|
||||
//
|
||||
|
||||
// Base class
|
||||
.team {}
|
||||
|
||||
.team__image {
|
||||
@extend .img--responsive;
|
||||
background: $brand-main-gray;
|
||||
width: 230px;
|
||||
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
|
||||
|
||||
}
|
||||
|
||||
.team__name {
|
||||
@ -22,7 +18,7 @@
|
||||
|
||||
// the bottom line
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
height: 1px;
|
||||
width: 3rem;
|
||||
display: block;
|
||||
@ -63,7 +59,6 @@
|
||||
transform: none;
|
||||
}
|
||||
|
||||
|
||||
.icon {
|
||||
fill: $brand-primary;
|
||||
}
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
|
||||
code {
|
||||
padding: $spacer;
|
||||
color:#fdce93;
|
||||
color: #fdce93;
|
||||
display: block;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
@ -23,12 +23,13 @@
|
||||
display: block;
|
||||
|
||||
&:before {
|
||||
content: "$";
|
||||
content: '$';
|
||||
color: $code-bg;
|
||||
margin-right: $spacer;
|
||||
}
|
||||
|
||||
&.comment {
|
||||
&:before { opacity: 0 }
|
||||
&:before { opacity: 0; }
|
||||
}
|
||||
}
|
||||
|
||||
@ -74,7 +75,7 @@ $frame-border-radius: $border-radius;
|
||||
|
||||
// title bar
|
||||
&:before {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: $frame-height-mobile;
|
||||
@ -91,25 +92,24 @@ $frame-border-radius: $border-radius;
|
||||
|
||||
// knobs
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 4px;
|
||||
|
||||
background: #F55E4A;
|
||||
background: #f55e4a;
|
||||
border-radius: 50%;
|
||||
|
||||
// second & third knob
|
||||
box-shadow: 10px 0 0 #F7CA44, 20px 0 0 #48C54D;
|
||||
box-shadow: 10px 0 0 #f7ca44, 20px 0 0 #48c54d;
|
||||
|
||||
@media (min-width: $screen-sm-min) {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: 9px;
|
||||
top: 6px;
|
||||
box-shadow: 15px 0 0 #F7CA44, 30px 0 0 #48C54D;
|
||||
box-shadow: 15px 0 0 #f7ca44, 30px 0 0 #48c54d;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -21,11 +21,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.testimonial__quote,
|
||||
.testimonial__caption {
|
||||
|
||||
}
|
||||
|
||||
.testimonial__quote {
|
||||
// blockquote reset
|
||||
margin: 0;
|
||||
@ -41,8 +36,8 @@
|
||||
|
||||
// quote characters
|
||||
&:before {
|
||||
content: "“";
|
||||
font-family: 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
|
||||
content: '“';
|
||||
font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-size: 250%;
|
||||
color: $gray-light;
|
||||
line-height: 1;
|
||||
@ -60,7 +55,7 @@
|
||||
|
||||
// speech triangle
|
||||
&:before {
|
||||
content: "";
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
// actual timeline line
|
||||
&:before {
|
||||
@media ($screen-sm) {
|
||||
content: "";
|
||||
content: '';
|
||||
width: 400%;
|
||||
margin-left: -200%;
|
||||
height: 1px;
|
||||
@ -37,7 +37,7 @@
|
||||
|
||||
// data point
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
width: .5rem;
|
||||
height: .5rem;
|
||||
border-radius: 50%;
|
||||
@ -52,7 +52,6 @@
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
.timeline__entry--future {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
|
||||
.toc {
|
||||
&,
|
||||
ol { counter-reset: item;}
|
||||
ol { counter-reset: item; }
|
||||
|
||||
&,
|
||||
li { padding-left: 0; }
|
||||
|
||||
&:before {
|
||||
@extend .h1;
|
||||
content: "Table Of Contents";
|
||||
content: 'Table Of Contents';
|
||||
display: block;
|
||||
border-bottom: 1px solid $brand-main-blue-light;
|
||||
padding-bottom: $spacer;
|
||||
@ -24,7 +24,7 @@
|
||||
|
||||
// custom numbers
|
||||
&:before {
|
||||
content: counters(item, ".") " ";
|
||||
content: counters(item, '.') ' ';
|
||||
counter-increment: item;
|
||||
margin-right: $spacer;
|
||||
color: $brand-main-gray;
|
||||
@ -33,6 +33,10 @@
|
||||
}
|
||||
|
||||
// output by Kramdown
|
||||
|
||||
/* stylelint-disable selector-no-id */
|
||||
#markdown-toc {
|
||||
@extend .toc;
|
||||
}
|
||||
|
||||
/* stylelint-enable */
|
||||
|
||||
@ -27,7 +27,6 @@ body {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
|
||||
text-rendering: optimizeLegibility;
|
||||
// Controversial! But prevents text flickering in
|
||||
// Safari/Firefox when animations are running
|
||||
@ -35,7 +34,7 @@ body {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
// remove old style numerals
|
||||
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1;
|
||||
font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'pnum' 1, 'tnum' 0, 'onum' 0, 'lnum' 0, 'dlig' 1;
|
||||
}
|
||||
|
||||
|
||||
@ -95,7 +94,8 @@ a {
|
||||
//
|
||||
// Headings
|
||||
//
|
||||
// scss-lint:disable SingleLinePerSelector
|
||||
|
||||
/* stylelint-disable selector-list-comma-newline-after */
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
font-family: $headings-font-family;
|
||||
@ -103,7 +103,7 @@ h1, h2, h3, h4, h5, h6,
|
||||
color: $headings-color;
|
||||
|
||||
// remove old style numerals
|
||||
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1;
|
||||
font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'pnum' 1, 'tnum' 0, 'onum' 0, 'lnum' 0, 'dlig' 1;
|
||||
|
||||
.wf-loading & {
|
||||
font-weight: $font-weight-normal;
|
||||
@ -146,8 +146,8 @@ h3, .h3 { font-size: $font-size-h3; }
|
||||
h4, .h4 { font-size: $font-size-h4; }
|
||||
h5, .h5 { font-size: $font-size-h5; }
|
||||
h6, .h6 { font-size: $font-size-h6; }
|
||||
// scss-lint:enable SingleLinePerSelector
|
||||
|
||||
/* stylelint-enable */
|
||||
|
||||
//
|
||||
// Body text
|
||||
@ -189,13 +189,11 @@ em,
|
||||
}
|
||||
|
||||
// Alignment
|
||||
// scss-lint:disable SpaceBeforeBrace
|
||||
.text-left { text-align: left; }
|
||||
.text-right { text-align: right; }
|
||||
.text-center { text-align: center; }
|
||||
.text-left { text-align: left; }
|
||||
.text-right { text-align: right; }
|
||||
.text-center { text-align: center; }
|
||||
.text-justify { text-align: justify; }
|
||||
.text-nowrap { white-space: nowrap; }
|
||||
// scss-lint:enable SpaceBeforeBrace
|
||||
.text-nowrap { white-space: nowrap; }
|
||||
|
||||
.lead {
|
||||
@include text-lead;
|
||||
@ -253,7 +251,6 @@ ul {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -4,6 +4,8 @@
|
||||
// bigchaindb.com
|
||||
//
|
||||
|
||||
/* stylelint-disable declaration-no-important */
|
||||
|
||||
.invisible {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
@ -12,8 +14,10 @@
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* stylelint-enable */
|
||||
|
||||
.text-hide {
|
||||
font: "0/0" a;
|
||||
font: '0/0' a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
|
||||
@ -11,7 +11,8 @@
|
||||
"main": "gulpfile.babel.js",
|
||||
"scripts": {
|
||||
"start": "gulp",
|
||||
"build": "gulp build --production"
|
||||
"build": "gulp build --production",
|
||||
"test": "stylelint _src/_assets/styles/**/*.scss"
|
||||
},
|
||||
"browserslist": [
|
||||
"last 2 versions",
|
||||
@ -67,6 +68,9 @@
|
||||
"gulp-util": "^3.0.6",
|
||||
"js-yaml": "^3.8.3",
|
||||
"request": "^2.81.0",
|
||||
"stylelint": "^7.10.1",
|
||||
"stylelint-config-bigchaindb": "^1.0.0",
|
||||
"stylelint-config-standard": "^16.0.0",
|
||||
"uglify-es": "^3.0.13"
|
||||
},
|
||||
"engines": {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user