bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2025-02-04 16:17:46 +01:00
Code Releases Activity

Merge pull request #128 from ascribe/feature/stylelint

Browse Source 
Lint css with stylelint
This commit is contained in:
Matthias Kretschmann 2017-05-31 20:45:24 +02:00 committed by GitHub
commit b6d16630fc
44 changed files with 600 additions and 409 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
.scss-lint.yml
View File

@ -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
View File

@ -0,0 +1,7 @@
{
"extends": "stylelint-config-bigchaindb",
rules: {
"selector-no-type": null,
"selector-no-qualifying-type": null
}
}

18
README.md
View File

@ -3,6 +3,7 @@
> The fabulous cat of blockchain websites. > The fabulous cat of blockchain websites.
[![Build Status](https://travis-ci.com/ascribe/bigchain-website.svg?token=3psqw6c8KMDqfdGQ2x6d&branch=master)](https://travis-ci.com/ascribe/bigchain-website) [![Build Status](https://travis-ci.com/ascribe/bigchain-website.svg?token=3psqw6c8KMDqfdGQ2x6d&branch=master)](https://travis-ci.com/ascribe/bigchain-website)
[![css bigchaindb](https://img.shields.io/badge/css-bigchaindb-39BA91.svg)](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/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/as-seen-on-tv.svg" height="20"/>
<img src="http://forthebadge.com/images/badges/uses-badges.svg" height="20"/> <img src="http://forthebadge.com/images/badges/uses-badges.svg" height="20"/>
@ -25,6 +26,7 @@
* [Production build &amp; live deployment](#production-build--live-deployment) * [Production build &amp; live deployment](#production-build--live-deployment)
* [Coding conventions](#coding-conventions) * [Coding conventions](#coding-conventions)
* [(S)CSS](#scss) * [(S)CSS](#scss)
* [JavaScript](#javascript)
* [Authors](#authors) * [Authors](#authors)
## Development ## Development
@ -137,13 +139,19 @@ gulp deploy --live
### (S)CSS ### (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 ```bash
- use single quotes npm test
- allow single line rule sets ```
### 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 ## Authors

15
_ci/build.sh
View File

@ -2,6 +2,21 @@
set -e; 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 "$(tput setaf 136)"
echo "=============================================" echo "============================================="
echo " Starting build " echo " Starting build "

103
_src/_assets/styles/_ipdb.scss
View File

@ -44,202 +44,203 @@
@keyframes shake { @keyframes shake {
2% { 2% {
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg) transform: scaleX(-1) translate(0, 0) rotate(.5deg);
} }
4% { 4% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
6% { 6% {
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg) transform: scaleX(-1) translate(0, 0) rotate(.5deg);
} }
8% { 8% {
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg) transform: scaleX(-1) translate(0, 0) rotate(.5deg);
} }
10% { 10% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
12% { 12% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
14% { 14% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
16% { 16% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
18% { 18% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
20% { 20% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
22% { 22% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
24% { 24% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
26% { 26% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
28% { 28% {
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg) transform: scaleX(-1) translate(0, 0) rotate(.5deg);
} }
30% { 30% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
32% { 32% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
34% { 34% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
36% { 36% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
38% { 38% {
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg) transform: scaleX(-1) translate(0, 0) rotate(.5deg);
} }
40% { 40% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
42% { 42% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
44% { 44% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
46% { 46% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
48% { 48% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
50% { 50% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
52% { 52% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
54% { 54% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
56% { 56% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
58% { 58% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
60% { 60% {
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg) transform: scaleX(-1) translate(0, 0) rotate(.5deg);
} }
62% { 62% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
64% { 64% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
66% { 66% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
68% { 68% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
70% { 70% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
72% { 72% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
74% { 74% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
76% { 76% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
78% { 78% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
80% { 80% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
82% { 82% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
84% { 84% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
86% { 86% {
transform: scaleX(-1) translate(0px, 1px) rotate(.5deg) transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
} }
88% { 88% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
90% { 90% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
92% { 92% {
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg) transform: scaleX(-1) translate(0, 0) rotate(.5deg);
} }
94% { 94% {
transform: scaleX(-1) translate(0px, 0px) rotate(.5deg) transform: scaleX(-1) translate(0, 0) rotate(.5deg);
} }
96% { 96% {
transform: scaleX(-1) translate(1px, 1px) rotate(.5deg) transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
} }
98% { 98% {
transform: scaleX(-1) translate(1px, 0px) rotate(.5deg) transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
} }
0%, 100% { 0%,
transform: scaleX(-1) translate(0, 0) rotate(0) 100% {
transform: scaleX(-1) translate(0, 0) rotate(0);
} }
} }

10
_src/_assets/styles/_page-404.scss
View File

@ -1,19 +1,19 @@
.page-404 { .page-404 {
@include color-overlay;
position: relative; position: relative;
background-image: url('/assets/img/fail-cat.gif'); background-image: url('/assets/img/fail-cat.gif');
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
@include color-overlay;
&::before { &:before {
z-index: -1; z-index: -1;
} }
.header { .header {
background: none; background: none;
&::before { display: none; } &:before { display: none; }
} }
.header__title { .header__title {
@ -21,7 +21,7 @@
padding-bottom: 0; padding-bottom: 0;
// the bottom line // the bottom line
&::after { &:after {
content: ''; content: '';
height: 1px; height: 1px;
width: 5rem; width: 5rem;
@ -52,6 +52,6 @@
} }
.menu--footer { .menu--footer {
a { color: #fff } a { color: #fff; }
} }
} }

7
_src/_assets/styles/_page-about.scss
View File

@ -1,7 +0,0 @@
.grid--team {
// manually center last column
.grid__col:last-child {
//margin: auto;
}
}

22
_src/_assets/styles/_page-community.scss
View File

@ -102,9 +102,11 @@
#arm { #arm {
transform-origin: right; transform-origin: right;
} }
#head { #head {
transform-origin: center; transform-origin: center;
} }
#eye { #eye {
transform-origin: center; transform-origin: center;
} }
@ -122,12 +124,15 @@
#eye { #eye {
&.paused { animation: none; } &.paused { animation: none; }
} }
#arm { #arm {
animation: wrigley-wink 1s ease-in-out; animation: wrigley-wink 1s ease-in-out;
} }
#head { #head {
animation: wrigley-head-nod 1s ease-in-out; animation: wrigley-head-nod 1s ease-in-out;
} }
#eye { #eye {
&.is-ready { &.is-ready {
animation: wrigley-blink .3s ease-in-out forwards; animation: wrigley-blink .3s ease-in-out forwards;
@ -135,19 +140,26 @@
} }
} }
} }
} }
@keyframes wrigley-wink { @keyframes wrigley-wink {
0% { transform: rotate(0); } 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 { @keyframes wrigley-head-nod {
0% { transform: rotate(0); } 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 { @keyframes wrigley-blink {

7
_src/_assets/styles/_page-enterprise.scss
View File

@ -13,7 +13,7 @@
margin-bottom: $spacer; margin-bottom: $spacer;
// the bottom line // the bottom line
&::after { &:after {
content: ''; content: '';
height: 2px; height: 2px;
width: 3rem; width: 3rem;
@ -109,7 +109,7 @@
.feature__title { .feature__title {
// the bottom line // the bottom line
&::after { &:after {
background: rgba($gray-light, .4); background: rgba($gray-light, .4);
} }
} }
@ -126,7 +126,7 @@
} }
.testimonial__quote { .testimonial__quote {
&::before { &:before {
margin-left: -1.3rem; margin-left: -1.3rem;
} }
} }
@ -149,6 +149,7 @@
justify-content: space-between; justify-content: space-between;
} }
} }
.grid__col { .grid__col {
@media ($screen-sm) { @media ($screen-sm) {
flex-basis: 48%; flex-basis: 48%;

2
_src/_assets/styles/_page-front.scss
View File

@ -6,7 +6,7 @@
.page-front { .page-front {
.section--partners { .section--partners {
@extend .background--darker @extend .background--darker;
} }
} }

4
_src/_assets/styles/_page-styleguide.scss
View File

@ -1,6 +1,6 @@
.page-styleguide { .page-styleguide {
.highlight { margin-bottom: ($spacer * 2) } .highlight { margin-bottom: ($spacer * 2); }
.typeface { .typeface {
font-size: 7vw; font-size: 7vw;
@ -35,7 +35,7 @@
&:hover { &:hover {
background: #444 !important; background: #444 !important;
.color-meta { opacity: 1 } .color-meta { opacity: 1; }
} }
} }

3
_src/_assets/styles/_page-usecases.scss
View File

@ -30,7 +30,6 @@
// Industry section // Industry section
// //
.section--industry { .section--industry {
.section-header { .section-header {
margin-bottom: $spacer * 2; margin-bottom: $spacer * 2;
@ -51,7 +50,7 @@
margin-top: 0; margin-top: 0;
margin-bottom: $spacer * 2; margin-bottom: $spacer * 2;
&::after { &:after {
margin-left: 0; margin-left: 0;
} }
} }

3
_src/_assets/styles/_sections.scss
View File

@ -44,7 +44,7 @@
margin-bottom: ($spacer * 2); margin-bottom: ($spacer * 2);
// the bottom line // the bottom line
&::after { &:after {
content: ''; content: '';
height: 2px; height: 2px;
width: 3rem; width: 3rem;
@ -86,7 +86,6 @@
// Specific sections // Specific sections
// //
@import '_sections/section-cta-whitepaper'; @import '_sections/section-cta-whitepaper';
@import '_sections/section-cta-features';
@import '_sections/section-cta-community'; @import '_sections/section-cta-community';
@import '_sections/section-cta-enterprise'; @import '_sections/section-cta-enterprise';
@import '_sections/section-partners'; @import '_sections/section-partners';

4
_src/_assets/styles/_sections/_section-blog.scss
View File

@ -1,7 +1,3 @@
.section--blog {
}
.article { .article {
@include color-overlay; @include color-overlay;
@include transition; @include transition;

3
_src/_assets/styles/_sections/_section-cta-features.scss
View File

@ -1,3 +0,0 @@
.section-cta--features {
}

3
_src/_assets/styles/_sections/_section-cta.scss
View File

@ -1,3 +0,0 @@
.section-cta {
}

1
_src/_assets/styles/bigchain.scss
View File

@ -60,5 +60,4 @@
@import 'page-cla'; @import 'page-cla';
@import 'page-partners'; @import 'page-partners';
@import 'page-enterprise'; @import 'page-enterprise';
@import 'ipdb'; @import 'ipdb';

11
_src/_assets/styles/bigchain/_buttons.scss
View File

@ -16,6 +16,7 @@
user-select: none; user-select: none;
border: 0; border: 0;
box-shadow: none; box-shadow: none;
@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $line-height, $btn-border-radius); @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $line-height, $btn-border-radius);
&:hover, &:hover,
@ -34,7 +35,7 @@
&.disabled, &.disabled,
&:disabled { &:disabled {
opacity: 0.45; opacity: .45;
box-shadow: none; box-shadow: none;
cursor: not-allowed; cursor: not-allowed;
pointer-events: none; pointer-events: none;
@ -95,7 +96,7 @@ fieldset[disabled] a.btn {
// //
// Make a button look and behave like a link // Make a button look and behave like a link
.btn-link { .btn-link {
font-weight: normal; font-weight: $font-weight-normal;
color: $link-color; color: $link-color;
border-radius: 0; border-radius: 0;
@ -165,9 +166,9 @@ fieldset[disabled] a.btn {
// Specificity overrides // Specificity overrides
input[type="submit"], input[type='submit'],
input[type="reset"], input[type='reset'],
input[type="button"] { input[type='button'] {
&.btn-block { &.btn-block {
width: 100%; width: 100%;
} }

2
_src/_assets/styles/bigchain/_code.scss
View File

@ -31,7 +31,7 @@ kbd {
kbd { kbd {
padding: 0; padding: 0;
font-size: 100%; font-size: 100%;
font-weight: bold; font-weight: $font-weight-bold;
box-shadow: none; box-shadow: none;
} }
} }

26
_src/_assets/styles/bigchain/_content-page.scss
View File

@ -1,8 +1,3 @@
.content--page {
}
.content--page--markdown { .content--page--markdown {
padding-top: ($spacer * 2); padding-top: ($spacer * 2);
padding-bottom: ($spacer * 2); padding-bottom: ($spacer * 2);
@ -12,7 +7,8 @@
padding-bottom: ($spacer * 5); padding-bottom: ($spacer * 5);
} }
> h1, h2 { > h1,
h2 {
&:not(#heading-1):not(#heading-2) { &:not(#heading-1):not(#heading-2) {
border-bottom: 1px solid $brand-main-blue-light; border-bottom: 1px solid $brand-main-blue-light;
padding-bottom: $spacer; padding-bottom: $spacer;
@ -20,13 +16,21 @@
text-align: center; text-align: center;
} }
&:hover {
.header-link {
opacity: 1;
transform: translate3d(0, 0, 0) scale(.8);
}
}
}
.header-link { .header-link {
box-shadow: none; box-shadow: none;
transition-timing-function: $timing-bounce; transition-timing-function: $timing-bounce;
display: inline-block; display: inline-block;
padding: 0 .25rem; padding: 0 .25rem;
opacity: 0; opacity: 0;
transform: translate3d(20px,0,0) scale(0); transform: translate3d(20px, 0, 0) scale(0);
&, &,
.header-icon { .header-icon {
@ -48,12 +52,4 @@
color: $brand-primary; color: $brand-primary;
} }
} }
&:hover {
.header-link {
opacity: 1;
transform: translate3d(0,0,0) scale(.8);
}
}
}
} }

134
_src/_assets/styles/bigchain/_forms.scss
View File

@ -54,6 +54,7 @@
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655. // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
opacity: 1; opacity: 1;
} }
&:disabled { &:disabled {
cursor: disabled; cursor: disabled;
} }
@ -66,12 +67,46 @@
+ .form-label, + .form-label,
+ .select2-container--bigchaindb + .form-label { + .select2-container--bigchaindb + .form-label {
&:after { &:after {
content: "*";
@extend .required; @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 & { .background--photo & {
border-bottom-color: rgba(#fff, .5); 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 // Form groups
@ -153,7 +176,6 @@
} }
// //
// Text areas // Text areas
// //
@ -197,21 +219,26 @@ select.form-control {
position: static; position: static;
} }
} }
&.disabled {
label {
cursor: not-allowed;
}
}
} }
.radio input[type="radio"], .radio input[type='radio'],
.radio-inline input[type="radio"], .radio-inline input[type='radio'],
.checkbox input[type="checkbox"], .checkbox input[type='checkbox'],
.checkbox-inline input[type="checkbox"] { .checkbox-inline input[type='checkbox'] {
position: absolute; position: absolute;
margin-bottom: -0.25rem; margin-bottom: -.25rem;
margin-left: -1.75rem; margin-left: -1.75rem;
margin-right: 0.25rem; margin-right: .25rem;
// reset styling, then style // reset styling, then style
-webkit-appearance:button; appearance: button;
background: none; background: none;
width: 1.3rem; width: 1.3rem;
height: 1.3rem; height: 1.3rem;
border-radius: $border-radius; border-radius: $border-radius;
@ -228,8 +255,8 @@ select.form-control {
} }
} }
.radio input[type="radio"], .radio input[type='radio'],
.radio-inline input[type="radio"] { .radio-inline input[type='radio'] {
border-radius: 50%; border-radius: 50%;
} }
@ -248,69 +275,30 @@ select.form-control {
margin-bottom: 0; margin-bottom: 0;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
&.disabled {
cursor: not-allowed;
}
} }
.radio-inline + .radio-inline, .radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline { .checkbox-inline + .checkbox-inline {
margin-top: 0; margin-top: 0;
margin-left: 0.75rem; margin-left: .75rem;
} }
// Apply same disabled cursor tweak as for inputs // Apply same disabled cursor tweak as for inputs
// Some special care is needed because <label>s don't inherit their parent's `cursor`. // Some special care is needed because <label>s don't inherit their parent's `cursor`.
// //
// Note: Neither radios nor checkboxes can be readonly. // Note: Neither radios nor checkboxes can be readonly.
input[type="radio"], input[type='radio'],
input[type="checkbox"] { input[type='checkbox'] {
&:disabled, &:disabled,
&.disabled { &.disabled {
cursor: not-allowed; 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 // Error messages
@ -334,6 +322,6 @@ input[type="checkbox"] {
} }
@keyframes errors-list-show { @keyframes errors-list-show {
from { transform: translate3d(0,0,0); } from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(0,( $font-size-sm + ($spacer / 4)),0); } to { transform: translate3d(0, ( $font-size-sm + ($spacer / 4)), 0); }
} }

34
_src/_assets/styles/bigchain/_grid.scss
View File

@ -61,19 +61,19 @@
// Alignment per row // Alignment per row
// //
.grid--top { .grid--top {
align-items: flex-start align-items: flex-start;
} }
.grid--bottom { .grid--bottom {
align-items: flex-end align-items: flex-end;
} }
.grid--center { .grid--center {
align-items: center align-items: center;
} }
.grid--justifycenter { .grid--justifycenter {
justify-content: center justify-content: center;
} }
@ -81,15 +81,15 @@
// Alignment per cell // Alignment per cell
// //
.grid__col--top { .grid__col--top {
align-self: flex-start align-self: flex-start;
} }
.grid__col--bottom { .grid__col--bottom {
align-self: flex-end align-self: flex-end;
} }
.grid__col--center { .grid__col--center {
align-self: center align-self: center;
} }
@ -100,11 +100,11 @@
margin: -($gutter-space) 0 $gutter-space (-($gutter-space)); margin: -($gutter-space) 0 $gutter-space (-($gutter-space));
> .grid__col { > .grid__col {
padding: $gutter-space 0 0 $gutter-space;; padding: $gutter-space 0 0 $gutter-space;
} }
} }
.grid--gutters{ .grid--gutters {
@include grid-gutters(); @include grid-gutters();
} }
@ -170,15 +170,19 @@
.grid-small--columns { .grid-small--columns {
@include grid-columns(); @include grid-columns();
} }
.grid-small--fit { .grid-small--fit {
> .grid__col { flex: 1; } > .grid__col { flex: 1; }
} }
.grid-small--full{
.grid-small--full {
> .grid__col { flex: 0 0 100%; } > .grid__col { flex: 0 0 100%; }
} }
.grid-small--third { .grid-small--third {
> .grid__col { flex: 0 0 33.3%; } > .grid__col { flex: 0 0 33.3%; }
} }
.grid-small--half { .grid-small--half {
> .grid__col { > .grid__col {
flex: 0 0 50%; flex: 0 0 50%;
@ -191,15 +195,19 @@
.grid-medium--columns { .grid-medium--columns {
@include grid-columns(); @include grid-columns();
} }
.grid-medium--fit { .grid-medium--fit {
> .grid__col { flex: 1 } > .grid__col { flex: 1; }
} }
.grid-medium--full { .grid-medium--full {
> .grid__col { flex: 0 0 100%; } > .grid__col { flex: 0 0 100%; }
} }
.grid-medium--third { .grid-medium--third {
> .grid__col { flex: 0 0 33.3%; } > .grid__col { flex: 0 0 33.3%; }
} }
.grid-medium--half { .grid-medium--half {
> .grid__col { > .grid__col {
flex: 0 0 50%; flex: 0 0 50%;
@ -212,15 +220,19 @@
.grid-large--columns { .grid-large--columns {
@include grid-columns(); @include grid-columns();
} }
.grid-large--fit { .grid-large--fit {
> .grid__col { flex: 1; } > .grid__col { flex: 1; }
} }
.grid-large--full { .grid-large--full {
> .grid__col { flex: 0 0 100%; } > .grid__col { flex: 0 0 100%; }
} }
.grid-large--third { .grid-large--third {
> .grid__col { flex: 0 0 33.3%; } > .grid__col { flex: 0 0 33.3%; }
} }
.grid-large--half { .grid-large--half {
> .grid__col { > .grid__col {
flex: 0 0 50%; flex: 0 0 50%;

2
_src/_assets/styles/bigchain/_hero.scss
View File

@ -35,7 +35,7 @@ $menu-height-md: 66px;
font-size: $font-size-h1; font-size: $font-size-h1;
} }
&::after { display: none; } &:after { display: none; }
} }
.section-subtitle { .section-subtitle {

4
_src/_assets/styles/bigchain/_input-group.scss
View File

@ -29,10 +29,9 @@
// Jankily prevent input button groups from wrapping with `white-space` and // Jankily prevent input button groups from wrapping with `white-space` and
// `font-size` in combination with `inline-block` on buttons. // `font-size` in combination with `inline-block` on buttons.
font-size: 0; font-size: 0;
white-space: nowrap;
> .btn { > .btn {
margin-top: 0 !important; margin-top: 0;
} }
} }
@ -49,6 +48,7 @@
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.input-group .form-control:not(:first-child), .input-group .form-control:not(:first-child),
.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn,

2
_src/_assets/styles/bigchain/_logo.scss
View File

@ -62,7 +62,7 @@
position: relative; position: relative;
top: -3px; top: -3px;
&::before { &:before {
content: ''; content: '';
position: absolute; position: absolute;
left: $spacer / 3; left: $spacer / 3;

2
_src/_assets/styles/bigchain/_menus.scss
View File

@ -27,7 +27,7 @@
// link line // link line
&:after { &:after {
content: ""; content: '';
position: absolute; position: absolute;
height: 2px; height: 2px;
width: 30px; width: 30px;

6
_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
View File

@ -33,7 +33,7 @@
} }
.section-title { .section-title {
&::after { &:after {
background: darken($brand-main-green, 10%); background: darken($brand-main-green, 10%);
} }
} }
@ -47,7 +47,7 @@
color: $brand-main-blue; color: $brand-main-blue;
// the bottom line // the bottom line
&::after { &:after {
background: darken($brand-main-green, 5%); background: darken($brand-main-green, 5%);
} }
} }
@ -74,7 +74,7 @@
} }
.section-title { .section-title {
&::after { &:after {
background: rgba($brand-main-blue-light, .5); background: rgba($brand-main-blue-light, .5);
} }
} }

2
_src/_assets/styles/bigchain/_mixins/_buttons.scss
View File

@ -11,11 +11,13 @@
color: $color !important; color: $color !important;
background-color: $active-background; background-color: $active-background;
} }
&:active { &:active {
color: $color !important; color: $color !important;
background: darken($background, 2%); background: darken($background, 2%);
transition: none; transition: none;
} }
&.disabled, &.disabled,
&:disabled { &:disabled {
&:focus { &:focus {

4
_src/_assets/styles/bigchain/_mixins/_color-overlay.scss
View File

@ -4,7 +4,7 @@
// color overlay // color overlay
&:before { &:before {
content: ""; content: '';
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
@ -17,7 +17,7 @@
z-index: 0; z-index: 0;
} }
.row { z-index: 1 } .row { z-index: 1; }
} }
.color-overlay { .color-overlay {

2
_src/_assets/styles/bigchain/_newsletter.scss
View File

@ -32,7 +32,7 @@
.form-label, .form-label,
.form-control { .form-control {
color: $gray-dark !important; color: $gray-dark;
} }
.form-control-feedback { .form-control-feedback {

8
_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss
View File

@ -26,7 +26,7 @@
.select2-selection__clear { .select2-selection__clear {
cursor: pointer; cursor: pointer;
float: right; float: right;
font-weight: bold; font-weight: $font-weight-bold;
margin-top: 5px; margin-top: 5px;
margin-right: 10px; margin-right: 10px;
} }
@ -50,7 +50,7 @@
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
font-weight: bold; font-weight: $font-weight-bold;
margin-right: 2px; margin-right: 2px;
@ -60,7 +60,7 @@
} }
} }
&[dir="rtl"] { &[dir='rtl'] {
.select2-selection--multiple { .select2-selection--multiple {
.select2-search--inline, .select2-search--inline,
.select2-selection__choice, .select2-selection__choice,
@ -82,7 +82,7 @@
&.select2-container--focus { &.select2-container--focus {
.select2-selection--multiple { .select2-selection--multiple {
border: solid black 1px; border: solid #000 1px;
outline: 0; outline: 0;
} }
} }

16
_src/_assets/styles/bigchain/_select2-bigchaindb/_single.scss
View File

@ -10,7 +10,7 @@
.select2-selection__clear { .select2-selection__clear {
cursor: pointer; cursor: pointer;
float: right; float: right;
font-weight: bold; font-weight: $font-weight-bold;
} }
.select2-selection__placeholder { .select2-selection__placeholder {
@ -30,14 +30,14 @@
&:before, &:before,
&:after { &:after {
content: ""; content: '';
display: block; display: block;
position: absolute; position: absolute;
margin: auto; margin: auto;
right: 0; right: 0;
height: 0; height: 0;
width: 0; width: 0;
border: 0.263em solid transparent; border: .263em solid transparent;
} }
&:before { &:before {
@ -56,7 +56,7 @@
} }
} }
&[dir="rtl"] { &[dir='rtl'] {
.select2-selection--single { .select2-selection--single {
.select2-selection__clear { .select2-selection__clear {
float: left; float: left;
@ -79,11 +79,3 @@
} }
} }
} }
&.select2-container--open {
.select2-selection--single {
.select2-selection__arrow {
}
}
}

6
_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss
View File

@ -77,16 +77,16 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
&[role=group] { &[role='group'] {
padding: 0; padding: 0;
border-bottom: 2px dashed $gray; border-bottom: 2px dashed $gray;
} }
&[aria-disabled=true] { &[aria-disabled='true'] {
color: #999; color: #999;
} }
&[aria-selected=true] { &[aria-selected='true'] {
background-color: transparent; background-color: transparent;
} }

362
_src/_assets/styles/bigchain/_syntax.scss
View File

@ -1,73 +1,295 @@
// https://github.com/richleland/pygments-css/blob/master/zenburn.css // https://github.com/richleland/pygments-css/blob/master/zenburn.css
.highlight pre {color:#fdce93;background-color: $code-bg} /* stylelint-disable */
.highlight .hll{background-color:#222} .highlight pre {
.highlight .c{color:#7f9f7f} color: #fdce93;
.highlight .err{color:#e37170;background-color:#3d3535} background-color: $code-bg;
.highlight .g{color:#7f9f7f} }
.highlight .k{color:#f0dfaf}
.highlight .l{color:#ccc} .highlight .hll {
.highlight .n{color:#dcdccc} background-color: #222;
.highlight .o{color:#f0efd0} }
.highlight .x{color:#ccc}
.highlight .p{color:#41706f} .highlight .c {
.highlight .cm{color:#7f9f7f} color: #7f9f7f;
.highlight .cp{color:#7f9f7f} }
.highlight .c1{color:#7f9f7f}
.highlight .cs{color:#cd0000;font-weight:bold} .highlight .err {
.highlight .gd{color:#cd0000} color: #e37170;
.highlight .ge{color:#ccc;font-style:italic} background-color: #3d3535;
.highlight .gr{color:red} }
.highlight .gh{color:#dcdccc;font-weight:bold}
.highlight .gi{color:#00cd00} .highlight .g {
.highlight .go{color:gray} color: #7f9f7f;
.highlight .gp{color:#dcdccc;font-weight:bold} }
.highlight .gs{color:#ccc;font-weight:bold}
.highlight .gu{color:purple;font-weight:bold} .highlight .k {
.highlight .gt{color:#0040D0} color: #f0dfaf;
.highlight .kc{color:#dca3a3} }
.highlight .kd{color:#ffff86}
.highlight .kn{color:#dfaf8f;font-weight:bold} .highlight .l {
.highlight .kp{color:#cdcf99} color: #ccc;
.highlight .kr{color:#cdcd00} }
.highlight .kt{color:#00cd00}
.highlight .ld{color:#cc9393} .highlight .n {
.highlight .m{color:#8cd0d3} color: #dcdccc;
.highlight .s{color:#cc9393} }
.highlight .na{color:#9ac39f}
.highlight .nb{color:#efef8f} .highlight .o {
.highlight .nc{color:#efef8f} color: #f0efd0;
.highlight .no{color:#ccc} }
.highlight .nd{color:#ccc}
.highlight .ni{color:#c28182} .highlight .x {
.highlight .ne{color:#c3bf9f;font-weight:bold} color: #ccc;
.highlight .nf{color:#efef8f} }
.highlight .nl{color:#ccc}
.highlight .nn{color:#8fbede} .highlight .p {
.highlight .nx{color:#ccc} color: #41706f;
.highlight .py{color:#ccc} }
.highlight .nt{color:#9ac39f}
.highlight .nv{color:#dcdccc} .highlight .cm {
.highlight .ow{color:#f0efd0} color: #7f9f7f;
.highlight .w{color:#ccc} }
.highlight .mf{color:#8cd0d3}
.highlight .mh{color:#8cd0d3} .highlight .cp {
.highlight .mi{color:#8cd0d3} color: #7f9f7f;
.highlight .mo{color:#8cd0d3} }
.highlight .sb{color:#cc9393}
.highlight .sc{color:#cc9393} .highlight .c1 {
.highlight .sd{color:#cc9393} color: #7f9f7f;
.highlight .s2{color:#cc9393} }
.highlight .se{color:#cc9393}
.highlight .sh{color:#cc9393} .highlight .cs {
.highlight .si{color:#cc9393} color: #cd0000;
.highlight .sx{color:#cc9393} font-weight: bold;
.highlight .sr{color:#cc9393} }
.highlight .s1{color:#cc9393}
.highlight .ss{color:#cc9393} .highlight .gd {
.highlight .bp{color:#efef8f} color: #cd0000;
.highlight .vc{color:#efef8f} }
.highlight .vg{color:#dcdccc}
.highlight .vi{color:#ffffc7} .highlight .ge {
.highlight .il{color:#8cd0d3} 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 */

1
_src/_assets/styles/bigchain/_tables.scss
View File

@ -59,6 +59,7 @@
td { td {
border: $table-border-width solid $table-border-color; border: $table-border-width solid $table-border-color;
} }
thead { thead {
th, th,
td { td {

7
_src/_assets/styles/bigchain/_team.scss
View File

@ -4,15 +4,11 @@
// bigchaindb.com // bigchaindb.com
// //
// Base class
.team {}
.team__image { .team__image {
@extend .img--responsive; @extend .img--responsive;
background: $brand-main-gray; background: $brand-main-gray;
width: 230px; width: 230px;
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
} }
.team__name { .team__name {
@ -22,7 +18,7 @@
// the bottom line // the bottom line
&:after { &:after {
content: ""; content: '';
height: 1px; height: 1px;
width: 3rem; width: 3rem;
display: block; display: block;
@ -63,7 +59,6 @@
transform: none; transform: none;
} }
.icon { .icon {
fill: $brand-primary; fill: $brand-primary;
} }

18
_src/_assets/styles/bigchain/_terminal.scss
View File

@ -12,7 +12,7 @@
code { code {
padding: $spacer; padding: $spacer;
color:#fdce93; color: #fdce93;
display: block; display: block;
word-break: break-all; word-break: break-all;
word-wrap: break-word; word-wrap: break-word;
@ -23,12 +23,13 @@
display: block; display: block;
&:before { &:before {
content: "$"; content: '$';
color: $code-bg; color: $code-bg;
margin-right: $spacer; margin-right: $spacer;
} }
&.comment { &.comment {
&:before { opacity: 0 } &:before { opacity: 0; }
} }
} }
@ -74,7 +75,7 @@ $frame-border-radius: $border-radius;
// title bar // title bar
&:before { &:before {
content: ""; content: '';
display: block; display: block;
width: 100%; width: 100%;
height: $frame-height-mobile; height: $frame-height-mobile;
@ -91,25 +92,24 @@ $frame-border-radius: $border-radius;
// knobs // knobs
&:after { &:after {
content: ""; content: '';
width: 6px; width: 6px;
height: 6px; height: 6px;
position: absolute; position: absolute;
left: 6px; left: 6px;
top: 4px; top: 4px;
background: #f55e4a;
background: #F55E4A;
border-radius: 50%; border-radius: 50%;
// second & third knob // 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) { @media (min-width: $screen-sm-min) {
width: 9px; width: 9px;
height: 9px; height: 9px;
left: 9px; left: 9px;
top: 6px; top: 6px;
box-shadow: 15px 0 0 #F7CA44, 30px 0 0 #48C54D; box-shadow: 15px 0 0 #f7ca44, 30px 0 0 #48c54d;
} }
} }
} }

11
_src/_assets/styles/bigchain/_testimonials.scss
View File

@ -21,11 +21,6 @@
} }
} }
.testimonial__quote,
.testimonial__caption {
}
.testimonial__quote { .testimonial__quote {
// blockquote reset // blockquote reset
margin: 0; margin: 0;
@ -41,8 +36,8 @@
// quote characters // quote characters
&:before { &:before {
content: "“"; content: '“';
font-family: 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 250%; font-size: 250%;
color: $gray-light; color: $gray-light;
line-height: 1; line-height: 1;
@ -60,7 +55,7 @@
// speech triangle // speech triangle
&:before { &:before {
content: ""; content: '';
position: absolute; position: absolute;
width: 0; width: 0;
height: 0; height: 0;

5
_src/_assets/styles/bigchain/_timeline.scss
View File

@ -10,7 +10,7 @@
// actual timeline line // actual timeline line
&:before { &:before {
@media ($screen-sm) { @media ($screen-sm) {
content: ""; content: '';
width: 400%; width: 400%;
margin-left: -200%; margin-left: -200%;
height: 1px; height: 1px;
@ -37,7 +37,7 @@
// data point // data point
&:after { &:after {
content: ""; content: '';
width: .5rem; width: .5rem;
height: .5rem; height: .5rem;
border-radius: 50%; border-radius: 50%;
@ -52,7 +52,6 @@
opacity: .5; opacity: .5;
} }
.timeline__entry--future { .timeline__entry--future {
opacity: .7; opacity: .7;
} }

10
_src/_assets/styles/bigchain/_toc.scss
View File

@ -1,14 +1,14 @@
.toc { .toc {
&, &,
ol { counter-reset: item;} ol { counter-reset: item; }
&, &,
li { padding-left: 0; } li { padding-left: 0; }
&:before { &:before {
@extend .h1; @extend .h1;
content: "Table Of Contents"; content: 'Table Of Contents';
display: block; display: block;
border-bottom: 1px solid $brand-main-blue-light; border-bottom: 1px solid $brand-main-blue-light;
padding-bottom: $spacer; padding-bottom: $spacer;
@ -24,7 +24,7 @@
// custom numbers // custom numbers
&:before { &:before {
content: counters(item, ".") " "; content: counters(item, '.') ' ';
counter-increment: item; counter-increment: item;
margin-right: $spacer; margin-right: $spacer;
color: $brand-main-gray; color: $brand-main-gray;
@ -33,6 +33,10 @@
} }
// output by Kramdown // output by Kramdown
/* stylelint-disable selector-no-id */
#markdown-toc { #markdown-toc {
@extend .toc; @extend .toc;
} }
/* stylelint-enable */

13
_src/_assets/styles/bigchain/_typography.scss
View File

@ -27,7 +27,6 @@ body {
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
word-break: break-word; word-break: break-word;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
// Controversial! But prevents text flickering in // Controversial! But prevents text flickering in
// Safari/Firefox when animations are running // Safari/Firefox when animations are running
@ -35,7 +34,7 @@ body {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
// remove old style numerals // 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 // Headings
// //
// scss-lint:disable SingleLinePerSelector
/* stylelint-disable selector-list-comma-newline-after */
h1, h2, h3, h4, h5, h6, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: $headings-font-family; font-family: $headings-font-family;
@ -103,7 +103,7 @@ h1, h2, h3, h4, h5, h6,
color: $headings-color; color: $headings-color;
// remove old style numerals // 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 & { .wf-loading & {
font-weight: $font-weight-normal; font-weight: $font-weight-normal;
@ -146,8 +146,8 @@ h3, .h3 { font-size: $font-size-h3; }
h4, .h4 { font-size: $font-size-h4; } h4, .h4 { font-size: $font-size-h4; }
h5, .h5 { font-size: $font-size-h5; } h5, .h5 { font-size: $font-size-h5; }
h6, .h6 { font-size: $font-size-h6; } h6, .h6 { font-size: $font-size-h6; }
// scss-lint:enable SingleLinePerSelector
/* stylelint-enable */
// //
// Body text // Body text
@ -189,13 +189,11 @@ em,
} }
// Alignment // Alignment
// scss-lint:disable SpaceBeforeBrace
.text-left { text-align: left; } .text-left { text-align: left; }
.text-right { text-align: right; } .text-right { text-align: right; }
.text-center { text-align: center; } .text-center { text-align: center; }
.text-justify { text-align: justify; } .text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; } .text-nowrap { white-space: nowrap; }
// scss-lint:enable SpaceBeforeBrace
.lead { .lead {
@include text-lead; @include text-lead;
@ -253,7 +251,6 @@ ul {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
} }
} }

6
_src/_assets/styles/bigchain/_utilities.scss
View File

@ -4,6 +4,8 @@
// bigchaindb.com // bigchaindb.com
// //
/* stylelint-disable declaration-no-important */
.invisible { .invisible {
visibility: hidden !important; visibility: hidden !important;
} }
@ -12,8 +14,10 @@
display: none !important; display: none !important;
} }
/* stylelint-enable */
.text-hide { .text-hide {
font: "0/0" a; font: '0/0' a;
color: transparent; color: transparent;
text-shadow: none; text-shadow: none;
background-color: transparent; background-color: transparent;

6
package.json
View File

@ -11,7 +11,8 @@
"main": "gulpfile.babel.js", "main": "gulpfile.babel.js",
"scripts": { "scripts": {
"start": "gulp", "start": "gulp",
"build": "gulp build --production" "build": "gulp build --production",
"test": "stylelint _src/_assets/styles/**/*.scss"
}, },
"browserslist": [ "browserslist": [
"last 2 versions", "last 2 versions",
@ -67,6 +68,9 @@
"gulp-util": "^3.0.6", "gulp-util": "^3.0.6",
"js-yaml": "^3.8.3", "js-yaml": "^3.8.3",
"request": "^2.81.0", "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" "uglify-es": "^3.0.13"
}, },
"engines": { "engines": {