mirror of
https://github.com/bigchaindb/site.git
synced 2025-02-14 21:10:28 +01:00
let's go dark
This commit is contained in:
parent
d31f4f4239
commit
c5bb43f325
@ -13,7 +13,7 @@
|
||||
}
|
||||
|
||||
> h1, h2 {
|
||||
border-bottom: 2px solid $gray-lightest;
|
||||
border-bottom: 1px solid $brand-main-blue-light;
|
||||
padding-bottom: $spacer;
|
||||
margin-bottom: ($spacer * 2);
|
||||
text-align: center;
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
.footer {
|
||||
padding-top: $spacer;
|
||||
padding-bottom: $spacer;
|
||||
border-top: 1px solid $gray-lightest;
|
||||
border-top: 1px solid $gray-darker;
|
||||
color: $gray-light;
|
||||
}
|
||||
|
||||
|
||||
@ -15,8 +15,7 @@
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
//background: $brand-main-brown;
|
||||
background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
|
||||
background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-blue-dark 100%);
|
||||
opacity: .7;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
@ -32,7 +32,7 @@ $menu-height-md: 73px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
|
||||
background: linear-gradient(to top left, $gray-dark 0%, $gray 100%);
|
||||
opacity: .7;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
|
||||
.icon {
|
||||
fill: none;
|
||||
stroke: $gray-light;
|
||||
stroke: $headings-color;
|
||||
stroke-width: 2;
|
||||
stroke-linecap: round;
|
||||
stroke-linejoin: round;
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
|
||||
// default logo
|
||||
.logo {
|
||||
fill: $brand-main-blue;
|
||||
fill: #fff;
|
||||
width: 300px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
@ -3,6 +3,8 @@
|
||||
padding-top: ($spacer * 2);
|
||||
padding-bottom: ($spacer * 2);
|
||||
|
||||
&:last-child { border-bottom: none; }
|
||||
|
||||
// use this so animated elements coming in from outside of screen
|
||||
// don't affect layout
|
||||
overflow: hidden;
|
||||
@ -43,17 +45,16 @@
|
||||
// the bottom line
|
||||
&:after {
|
||||
content: "";
|
||||
height: 2px;
|
||||
height: 1px;
|
||||
width: 5rem;
|
||||
display: block;
|
||||
margin: ($spacer * 2) auto 0 auto;
|
||||
background: $gray-lighter;
|
||||
background: $gray;
|
||||
}
|
||||
}
|
||||
|
||||
.section-description {
|
||||
font-size: $font-size-lg;
|
||||
color: $headings-color;
|
||||
margin-bottom: 0;
|
||||
|
||||
+ .section-description {
|
||||
@ -76,32 +77,22 @@
|
||||
// Section backgrounds
|
||||
//
|
||||
.background--blue {
|
||||
background: $brand-main-blue; // fallback
|
||||
background: linear-gradient(to bottom right, $brand-main-blue 0%, lighten($brand-main-blue, 10%) 100%);
|
||||
|
||||
.section-title,
|
||||
.section-description { color: #fff }
|
||||
background: $brand-main-blue;
|
||||
}
|
||||
|
||||
.background--dark {
|
||||
background: $brand-main-blue-dark; // fallback
|
||||
background: linear-gradient(to bottom right, $brand-main-blue-dark 0%, lighten($brand-main-blue-dark, 10%) 100%);
|
||||
|
||||
.section-title,
|
||||
.section-description { color: #fff }
|
||||
.background--darker {
|
||||
background: $gray-darker;
|
||||
}
|
||||
|
||||
.background--light {
|
||||
background: $gray-lightest; // fallback
|
||||
background: linear-gradient(to bottom right, $gray-lightest 0%, lighten($gray-lightest, 10%) 100%);
|
||||
background: $gray-lightest;
|
||||
|
||||
.section-title,
|
||||
p {
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
|
||||
.background--gray {
|
||||
background: $brand-main-gray; // fallback
|
||||
background: linear-gradient(to bottom right, $brand-main-gray 0%, lighten($brand-main-gray, 10%) 100%);
|
||||
|
||||
.section-title,
|
||||
.section-description,
|
||||
.form-control,
|
||||
.form-label { color: #fff }
|
||||
background: $brand-main-gray;
|
||||
}
|
||||
|
||||
@ -1,63 +1,73 @@
|
||||
|
||||
// https://github.com/richleland/pygments-css/blob/master/pastie.css
|
||||
// https://github.com/richleland/pygments-css/blob/master/zenburn.css
|
||||
|
||||
.highlight .hll { background-color: #ffffcc }
|
||||
.highlight .c { color: #888888 } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
|
||||
.highlight .cm { color: #888888 } /* Comment.Multiline */
|
||||
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #888888 } /* Comment.Single */
|
||||
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #303030 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #606060 } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #008800 } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
|
||||
.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
|
||||
.highlight .na { color: #336699 } /* Name.Attribute */
|
||||
.highlight .nb { color: #003388 } /* Name.Builtin */
|
||||
.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
|
||||
.highlight .nd { color: #555555 } /* Name.Decorator */
|
||||
.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
|
||||
.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
|
||||
.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
|
||||
.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
|
||||
.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
|
||||
.highlight .nv { color: #336699 } /* Name.Variable */
|
||||
.highlight .ow { color: #008800 } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
|
||||
.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #336699 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
|
||||
.highlight pre {color:#fdce93;background-color:#3f3f3f}
|
||||
.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}
|
||||
|
||||
@ -23,11 +23,11 @@
|
||||
// the bottom line
|
||||
&:after {
|
||||
content: "";
|
||||
height: 2px;
|
||||
height: 1px;
|
||||
width: 3rem;
|
||||
display: block;
|
||||
margin: ($spacer / 2) auto;
|
||||
background: $gray-lightest;
|
||||
background: $brand-main-blue-light;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
@extend .h1;
|
||||
content: "Table Of Contents";
|
||||
display: block;
|
||||
border-bottom: 2px solid $gray-lightest;
|
||||
border-bottom: 1px solid $brand-main-blue-light;
|
||||
padding-bottom: $spacer;
|
||||
margin-bottom: ($spacer * 2);
|
||||
text-align: center;
|
||||
@ -21,7 +21,7 @@
|
||||
|
||||
li {
|
||||
display: block;
|
||||
|
||||
|
||||
// custom numbers
|
||||
&:before {
|
||||
content: counters(item, ".") " ";
|
||||
|
||||
@ -7,21 +7,20 @@
|
||||
//
|
||||
// Colors
|
||||
//
|
||||
$brand-main-blue: #275B82 !default;
|
||||
$brand-main-blue: #074354 !default;
|
||||
$brand-main-blue-light: #BFE6EC !default;
|
||||
$brand-main-blue-dark: #101A25 !default;
|
||||
|
||||
$brand-main-violet: #D98FD9 !default;
|
||||
$brand-main-gray: #70859B !default;
|
||||
|
||||
$brand-main-brown: #B56D00 !default;
|
||||
$brand-main-light: #FFFFFF !default;
|
||||
|
||||
$gray-darker: darken($brand-main-gray, 25%) !default;
|
||||
$gray-dark: darken($brand-main-gray, 20%) !default;
|
||||
$gray: $brand-main-gray !default;
|
||||
$gray-light: lighten($brand-main-gray, 20%) !default;
|
||||
$gray-lighter: lighten($brand-main-gray, 30%) !default;
|
||||
$gray-lightest: lighten($brand-main-gray, 40%) !default;
|
||||
|
||||
$brand-primary: $brand-main-blue !default;
|
||||
$brand-primary: $brand-main-violet !default;
|
||||
$brand-success: #388250 !default;
|
||||
$brand-info: #3E91CE !default;
|
||||
$brand-warning: #8E8E24 !default;
|
||||
@ -61,17 +60,17 @@ $line-height: 1.5 !default;
|
||||
$headings-font-family: $font-family-fira !default;
|
||||
$headings-font-weight: $font-weight-light !default;
|
||||
$headings-line-height: 1.2 !default;
|
||||
$headings-color: $brand-main-gray !default;
|
||||
$headings-color: $brand-main-blue-light !default;
|
||||
|
||||
|
||||
//
|
||||
// Scaffolding
|
||||
//
|
||||
$body-bg: #fff !default;
|
||||
$text-color: $gray-dark !default;
|
||||
$body-bg: $gray-dark !default;
|
||||
$text-color: $gray-lighter !default;
|
||||
|
||||
$link-color: $brand-main-brown !default;
|
||||
$link-hover-color: darken($link-color, 15%) !default;
|
||||
$link-color: $brand-primary !default;
|
||||
$link-hover-color: lighten($link-color, 15%) !default;
|
||||
|
||||
|
||||
//
|
||||
@ -112,14 +111,14 @@ $gutter-space: ($spacer * 3) !default;
|
||||
//
|
||||
// Code
|
||||
//
|
||||
$code-color: #c7254e !default;
|
||||
$code-bg: #f9f2f4 !default;
|
||||
$code-color: $text-color !default;
|
||||
$code-bg: $gray-darker !default;
|
||||
|
||||
$kbd-color: #fff !default;
|
||||
$kbd-bg: #333 !default;
|
||||
$kbd-color: $code-color !default;
|
||||
$kbd-bg: $code-bg !default;
|
||||
|
||||
$pre-bg: #f5f5f5 !default;
|
||||
$pre-color: $gray-dark !default;
|
||||
$pre-bg: $code-bg !default;
|
||||
$pre-color: $code-color !default;
|
||||
$pre-scrollable-max-height: 340px !default;
|
||||
|
||||
|
||||
@ -133,8 +132,8 @@ $btn-padding-x: 1.5rem !default;
|
||||
$btn-padding-y: .375rem !default;
|
||||
|
||||
$btn-primary-color: #fff !default;
|
||||
$btn-primary-bg: $brand-main-brown !default;
|
||||
$btn-primary-border: $brand-main-brown !default;
|
||||
$btn-primary-bg: $link-color !default;
|
||||
$btn-primary-border: $link-color !default;
|
||||
|
||||
$btn-secondary-color: $gray-dark !default;
|
||||
$btn-secondary-bg: $gray-lightest !default;
|
||||
@ -184,13 +183,13 @@ $input-font-weight: $font-weight-normal !default;
|
||||
$input-padding-x: .5rem !default;
|
||||
$input-padding-y: 0 !default;
|
||||
|
||||
$input-bg: rgba(255,255,255,.1) !default;
|
||||
$input-bg-disabled: $gray-lighter !default;
|
||||
$input-bg: transparent !default;
|
||||
$input-bg-disabled: $gray-darker !default;
|
||||
|
||||
$input-color: $gray-dark !default;
|
||||
$input-border-color: $gray-lighter !default;
|
||||
$input-color: $text-color !default;
|
||||
$input-border-color: $gray !default;
|
||||
|
||||
$input-border-focus: $gray !default;
|
||||
$input-border-focus: $gray-light !default;
|
||||
$input-color-placeholder: $gray !default;
|
||||
|
||||
|
||||
|
||||
@ -16,8 +16,6 @@
|
||||
}
|
||||
|
||||
.section-community {
|
||||
@extend .background--light;
|
||||
|
||||
.grid h1 { @extend .h3; }
|
||||
|
||||
.icon--social {
|
||||
@ -43,7 +41,7 @@
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
|
||||
background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-violet 100%);
|
||||
opacity: .7;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
|
||||
.section-difference {
|
||||
@extend .background--gray;
|
||||
|
||||
}
|
||||
|
||||
.difference {
|
||||
@ -18,8 +18,6 @@
|
||||
|
||||
.difference__text {
|
||||
flex: 0 0 80%;
|
||||
|
||||
.section-difference & { color: #fff; }
|
||||
}
|
||||
|
||||
|
||||
@ -40,7 +38,7 @@
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
|
||||
background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-violet 100%);
|
||||
opacity: .7;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
@ -6,7 +6,6 @@
|
||||
|
||||
.section-features {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid lighten($brand-main-gray, 40%);
|
||||
|
||||
figure {
|
||||
display: block;
|
||||
@ -18,7 +17,6 @@
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-bottom: $spacer;
|
||||
stroke: $brand-main-gray;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -8,8 +8,9 @@
|
||||
padding: ($spacer / 2);
|
||||
margin-bottom: 5px;
|
||||
border-radius: $border-radius;
|
||||
border: 1px solid #eee;
|
||||
border: 1px solid $gray-darker;
|
||||
min-height: 70px;
|
||||
text-align: center;
|
||||
|
||||
&,
|
||||
.color-meta { @extend .transition; }
|
||||
@ -17,7 +18,7 @@
|
||||
.color-meta {
|
||||
display: block;
|
||||
font-family: $font-family-monospace;
|
||||
font-size: 9px;
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
vertical-align: middle;
|
||||
opacity: 0;
|
||||
@ -32,8 +33,7 @@
|
||||
|
||||
.color-hex {
|
||||
margin-top: 5px;
|
||||
font-size: 11px !important;
|
||||
text-align: center;
|
||||
font-size: 16px !important;
|
||||
border-top: 1px solid #777;
|
||||
padding-top: 5px;
|
||||
}
|
||||
@ -41,11 +41,12 @@
|
||||
|
||||
// colors
|
||||
.brand-main-blue { background: $brand-main-blue }
|
||||
.brand-main-blue-light { background: $brand-main-blue-light }
|
||||
.brand-main-blue-dark { background: $brand-main-blue-dark }
|
||||
.brand-main-gray { background: $brand-main-gray }
|
||||
.brand-main-brown { background: $brand-main-brown }
|
||||
.brand-main-light { background: $brand-main-light }
|
||||
.brand-main-violet { background: $brand-main-violet }
|
||||
|
||||
.gray-darker { background: $gray-darker }
|
||||
.gray-dark { background: $gray-dark }
|
||||
.gray { background: $gray }
|
||||
.gray-light { background: $gray-light }
|
||||
|
||||
@ -5,20 +5,22 @@
|
||||
primary:
|
||||
- name: brand-main-blue
|
||||
hex: 275B82
|
||||
- name: brand-main-violet
|
||||
hex: D98FD9
|
||||
- name: brand-main-blue-dark
|
||||
hex: 101A25
|
||||
- name: brand-main-blue-light
|
||||
hex: BFE6EC
|
||||
- name: brand-main-gray
|
||||
hex: 70859B
|
||||
- name: brand-main-brown
|
||||
hex: B56D00
|
||||
- name: brand-main-light
|
||||
hex: FFFFFF
|
||||
|
||||
|
||||
#
|
||||
# Grays
|
||||
#
|
||||
grays:
|
||||
- name: gray-darker
|
||||
hex: 2f3943
|
||||
- name: gray-dark
|
||||
hex: 445261
|
||||
- name: gray
|
||||
|
||||
@ -25,7 +25,7 @@ title: Features
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section section-difference">
|
||||
<section class="section section-difference background--darker">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Bigchain is different.</h1>
|
||||
|
||||
@ -58,7 +58,7 @@ tagline: 'Meet Bigchain, the world’s most scalable blockchain'
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section-suitable background--light">
|
||||
<section class="section section-suitable background--darker">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Built for</h1>
|
||||
@ -93,7 +93,7 @@ tagline: 'Meet Bigchain, the world’s most scalable blockchain'
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="earlyaccess" class="section section-earlyaccess background--gray">
|
||||
<section id="earlyaccess" class="section section-earlyaccess background--darker">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Sign Up for Early Access</h1>
|
||||
|
||||
@ -9,7 +9,7 @@ sitemap: false
|
||||
|
||||
### Primary
|
||||
|
||||
<div class="grid grid--gutters grid--full grid-medium--fit">
|
||||
<div class="grid grid--gutters grid--full grid-medium--third">
|
||||
{% for color in site.data.colors.primary %}
|
||||
<div class="grid__col">
|
||||
<div class="color {{ color.name }}">
|
||||
@ -22,7 +22,7 @@ sitemap: false
|
||||
|
||||
### Grays
|
||||
|
||||
<div class="grid grid--gutters grid--full grid-medium--fit">
|
||||
<div class="grid grid--gutters grid--full grid-medium--third">
|
||||
{% for color in site.data.colors.grays %}
|
||||
<div class="grid__col">
|
||||
<div class="color {{ color.name }}">
|
||||
@ -35,7 +35,7 @@ sitemap: false
|
||||
|
||||
### Errors
|
||||
|
||||
<div class="grid grid--gutters grid--full grid-medium--fit">
|
||||
<div class="grid grid--gutters grid--full grid-medium--third">
|
||||
{% for color in site.data.colors.errors %}
|
||||
<div class="grid__col">
|
||||
<div class="color {{ color.name }}">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user