ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-12-03 18:15:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed merge errors, adding css map to repo, edits to the impact page

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2020-08-05 15:25:05 -07:00
parent 2de1b9b062 259ed84ed6
commit 1fd5789810
11 changed files with 169 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/devportal.css
View File

File diff suppressed because one or more lines are too long

118
assets/css/devportal.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
styles/_breadcrumbs.scss
View File

@@ -11,7 +11,7 @@
font-size: 0.833em; font-size: 0.833em;
} }
.breadcrumb-item a { .breadcrumb-item a {
color: hsla(14.999999999999947, 1.98%, 39.61%, 1.00); color: $gray-200;
text-decoration: none; text-decoration: none;
} }
.breadcrumb-item a:hover { .breadcrumb-item a:hover {

9
styles/_content.scss
View File

@@ -2,19 +2,14 @@
h1 a, h1 a,
h2 a, h2 a,
h3 a { h3 a {
color: $black; color: $white;
text-decoration: none; text-decoration: none;
} }
h1 a:hover, h1 a:hover,
h2 a:hover, h2 a:hover,
h3 a:hover, h3 a:hover,
.xrpl-footer h5 a:hover { .xrpl-footer h5 a:hover {
color: $black; color: $white;
}
.header-link:hover {
//TODO: this class may not do anything useful?
color: $black;
} }
/* Content text styling ----------------------------------------------------- */ /* Content text styling ----------------------------------------------------- */

6
styles/_layout.scss
View File

@@ -1,7 +1,7 @@
.landing section, .landing section,
.xrpl-footer .card-grid, .xrpl-footer .card-grid,
#main_content_wrapper { #main_content_wrapper {
border-bottom: 1px solid $black; border-bottom: 0;
} }
@@ -11,8 +11,8 @@
/* main content area ----------------------------------- */ /* main content area ----------------------------------- */
.sidebar-primary .main { .sidebar-primary .main {
border-left: 1px solid $gray-200; border-left: none;
border-right: 1px solid $gray-200; border-right: none;
} }
// Card Grid styles ------------------------------------------------------------ // Card Grid styles ------------------------------------------------------------

21
styles/_marketing.scss
View File

@@ -8,21 +8,18 @@
margin-left: -15px; margin-left: -15px;
} }
} }
:root {
--main-green: #19FF83;
--white: #FFFFFF;
}
.va-middle { .va-middle {
vertical-align: middle; vertical-align: middle;
} }
.text-white { .text-white {
color: var(--white); color: $white;
} }
.text-green { .text-green {
color: var(--main-green); color: $primary;
} }
.text-green:hover { .text-green:hover {
color: var(--main-green); color: $primary;
} }
.arrow-link:after { .arrow-link:after {
content: url(../img/icon-green-arrow.svg); content: url(../img/icon-green-arrow.svg);
@@ -62,7 +59,7 @@
/* COMPONENTS */ /* COMPONENTS */
.border-green { .border-green {
border: 1px solid var(--main-green); border: 1px solid $primary;
} }
.btn { .btn {
padding: 16px 24px; padding: 16px 24px;
@@ -71,11 +68,11 @@
line-height: 1.25; line-height: 1.25;
} }
.btn-clear { .btn-clear {
color: var(--white); color: $white;
border: 1px solid var(--white); border: 1px solid $white;
} }
.btn-clear:hover { .btn-clear:hover {
background: var(--white); background: $white;
color: #000; color: #000;
} }
.card-wrapper { .card-wrapper {
@@ -85,7 +82,7 @@
margin: 0 0.75rem; margin: 0 0.75rem;
background: black; background: black;
padding: 3rem 2rem; padding: 3rem 2rem;
color: var(--white); color: $white;
} }
.card h5 { .card h5 {
height: 38px; height: 38px;

24
styles/_side-nav.scss
View File

@@ -1,11 +1,11 @@
/* Left/right nav color scheme ------------------------------- */ /* Left/right nav color scheme ------------------------------- */
aside li a { aside li a {
color: $gray-600; color: $white;
text-decoration: none; text-decoration: none;
font-size: 1.05rem; font-size: 1.05rem;
} }
aside .sidenav_cat_title { aside .sidenav_cat_title {
color: $black; color: $white;
} }
aside a:hover, aside a:hover,
aside .sidenav_cat_title:hover { aside .sidenav_cat_title:hover {
@@ -18,12 +18,12 @@ aside a.active:hover {
font-weight: 700; font-weight: 700;
} }
aside a.active-parent { aside a.active-parent {
color: $gray-700; color: $white;
font-weight: 700; font-weight: 700;
} }
.sidebar_pagelist { .sidebar_pagelist {
border-left: 1px solid $gray-200; border-left: 1px solid $white;
} }
.sidebar_pagelist a, .sidebar_pagelist a,
.right-sidebar li a { .right-sidebar li a {
@@ -47,7 +47,7 @@ aside a.active-parent {
margin-left: 0; margin-left: 0;
margin-top: 0; margin-top: 0;
padding-left: 35px; padding-left: 35px;
border-left: 1px solid $gray-200; border-left: 1px solid $white;
} }
.sidebar_pagelist .subpage:hover { .sidebar_pagelist .subpage:hover {
padding-left: 35px; padding-left: 35px;
@@ -63,18 +63,18 @@ aside a.active-parent {
} }
.sidenav_cat_toggler { .sidenav_cat_toggler {
background-color: $gray-600; background-color: $white;
} }
.sidenav_cat_toggler:hover { .sidenav_cat_toggler:hover {
background-color: $primary; background-color: $primary;
} }
.right-sidebar .card-body { .right-sidebar .card-body {
border-left: 1px solid $gray-200; border-left: 1px solid $white;
} }
.sidenav_parent a { .sidenav_parent a {
color: $black; color: $white;
display: block; display: block;
font-size: 1.1rem; font-size: 1.1rem;
font-weight: 700; font-weight: 700;
@@ -82,12 +82,12 @@ aside a.active-parent {
} }
.right-sidebar .level-1 a { .right-sidebar .level-1 a {
color: $black; color: $white;
} }
.right-sidebar .level-3 { .right-sidebar .level-3 {
padding-left: 16px; padding-left: 16px;
border-left: 1px solid $gray-200; border-left: 1px solid $white;
margin-bottom: 0; margin-bottom: 0;
padding-bottom: 5px; padding-bottom: 5px;
} }
@@ -108,7 +108,6 @@ aside a.active-parent {
.tree_nav { .tree_nav {
top: 48px; top: 48px;
padding: 44px 24px 48px 0; padding: 44px 24px 48px 0;
background-color: white;
} }
.sidebar_pagelist { .sidebar_pagelist {
@@ -226,7 +225,8 @@ aside a.active-parent {
.right-sidebar .card-header { .right-sidebar .card-header {
border-bottom: none; border-bottom: none;
background-color: white; font-weight: bold;
font-size: 14px;
padding: 10px 0; padding: 10px 0;
} }

9
styles/_top-nav.scss
View File

@@ -1,18 +1,19 @@
/* Top navigation ----------------------------------------------------------- */ /* Top navigation ----------------------------------------------------------- */
.navbar.fixed-top { .navbar.fixed-top {
box-shadow: inset 0 -1px 0 0 $gray-200; background-color: $black; // TODO: unnecessary if top nav is no longer fixed
} }
.navbar .navbar-nav .nav-link { .navbar .navbar-nav .nav-link {
color: $gray-600; color: $white;
} }
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:active, .navbar .navbar-nav .nav-link:active,
.navbar .navbar-nav .active .nav-link, .navbar .navbar-nav .active .nav-link,
.navbar .active-parent .nav-link { .navbar .active-parent .nav-link {
color: $black; color: $white;
font-weight: bold;
} }
.navbar.fixed-top { .navbar.fixed-top {
@@ -72,6 +73,8 @@
} }
#topsearchbar { #topsearchbar {
background-color: $black;
color: $white;
padding-right: 40px; padding-right: 40px;
width: 100%; width: 100%;
font-size: 0.875rem; font-size: 0.875rem;

2
styles/package.json
View File

@@ -4,7 +4,7 @@
"node-sass": "^4.14.1" "node-sass": "^4.14.1"
}, },
"scripts": { "scripts": {
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal.css --output-style compressed" "build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal.css --output-style compressed --source-map true"
}, },
"dependencies": { "dependencies": {
"sass": "^1.26.10" "sass": "^1.26.10"

21
styles/xrpl.scss
View File

@@ -2,8 +2,8 @@
// Set theme colors used by Bootstrap styles // Set theme colors used by Bootstrap styles
$white: #FFF; $white: #FFF;
$gray-100: #F9F7F7; $gray-100: #F5F7F9;
$gray-200: #EBE8E7; $gray-200: #E1E4E8;
$gray-300: #D3D0CF; $gray-300: #D3D0CF;
$gray-400: #B3B0AF; $gray-400: #B3B0AF;
$gray-500: #8D8A89; $gray-500: #8D8A89;
@@ -11,21 +11,27 @@ $gray-600: #676463;
$gray-700: #464443; $gray-700: #464443;
$gray-800: #2E2D2C; $gray-800: #2E2D2C;
$gray-900: #201F1E; $gray-900: #201F1E;
$black: #1B1818; $black: #000;
$primary: #25A768; // Green $primary: #19FF83; // Primary green
$secondary: $gray-600; $secondary: $gray-600;
$light: $gray-200; $light: $gray-200;
$dark: $black; $dark: $black;
$success: #2BCB96; // light green $success: #2BCB96; // light green
$info: #7699bb; // bluish $info: #5111F4; // deep blue
$warning: #D0DB60; // yellowish -- "caution" callout style $warning: #FEFF01; // yellow -- "caution" callout style
$danger: #AA4949; // wine red -- "warning" callout style $danger: #FF2D9A; // rose -- "warning" callout style
$code-color: $gray-800; $code-color: $gray-800;
$body-color: $black; $body-color: $black;
$navbar-light-color: $gray-600; $navbar-light-color: $gray-600;
$body-bg: $light;
$code-color: $gray-800;
$body-color: $gray-500;
$headings-color: $white;
$text-muted: $gray-400;
$breadcrumb-bg: $black;
$navbar-padding-y: 0; $navbar-padding-y: 0;
$navbar-nav-link-padding-x: 1rem; $navbar-nav-link-padding-x: 1rem;
@@ -62,4 +68,3 @@ $font-family-sans-serif: -apple-system, system-ui, 'Roboto', sans-serif;
@import "_dev-tools.scss"; @import "_dev-tools.scss";
@import "_print.scss"; @import "_print.scss";
@import "_marketing.scss"; @import "_marketing.scss";

2
tool/template-breadcrumbs.html
View File

@@ -1,5 +1,5 @@
<nav class="breadcrumbs-wrap {% if currentpage.sidebar is defined and currentpage.sidebar == 'disabled' %} px-0 pt-5 pb-3 {% else %}p-0 p-md-3{% endif %}" aria-label="breadcrumb"> <nav class="breadcrumbs-wrap {% if currentpage.sidebar is defined and currentpage.sidebar == 'disabled' %} px-0 pt-5 pb-3 {% else %}p-0 p-md-3{% endif %}" aria-label="breadcrumb">
<ul class="breadcrumb bg-white"> <ul class="breadcrumb">
<li class="breadcrumb-item"><a href="{% if target.no_cover is defined and target.no_cover %}/{% else %}index.html{% endif %}">{% trans %}Home{% endtrans %}</a></li> <li class="breadcrumb-item"><a href="{% if target.no_cover is defined and target.no_cover %}/{% else %}index.html{% endif %}">{% trans %}Home{% endtrans %}</a></li>
{% if currentpage.funnel is defined and currentpage != pages|selectattr('funnel', 'defined_and_equalto', currentpage.funnel)|first %} {% if currentpage.funnel is defined and currentpage != pages|selectattr('funnel', 'defined_and_equalto', currentpage.funnel)|first %}
{% set funnelhead = (pages|selectattr('funnel', 'defined_and_equalto', currentpage.funnel)|first) %} {% set funnelhead = (pages|selectattr('funnel', 'defined_and_equalto', currentpage.funnel)|first) %}