mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 11:55:50 +00:00
88 lines
2.4 KiB
SCSS
88 lines
2.4 KiB
SCSS
// Bootstrap-derived SASS. See README.md in this folder for instructions.
|
|
|
|
@import "_colors.scss";
|
|
@import "_font-face.scss";
|
|
|
|
$navbar-padding-y: 0;
|
|
$nav-link-padding-x: 2rem;
|
|
$nav-link-padding-y: 1rem;
|
|
$navbar-brand-padding-y: 1.25rem;
|
|
$navbar-nav-link-padding-x: $nav-link-padding-x;
|
|
$navbar-nav-link-padding-y: $nav-link-padding-y;
|
|
$border-radius-lg: 8px;
|
|
$border-radius-sm: 4px;
|
|
$border-radius: $border-radius-sm;
|
|
$dropdown-border-width: 1px;
|
|
$enable-shadows: true;
|
|
$dropdown-box-shadow: 0px 5px 40px $black;
|
|
$card-spacer-x: 2rem;
|
|
$card-spacer-y: 2rem;
|
|
$card-deck-margin: 1.25rem;
|
|
$card-border-radius: $border-radius-lg;
|
|
$card-columns-gap: 2rem;
|
|
$caret-width: .4em;
|
|
|
|
$input-btn-padding-y: 1rem;
|
|
$input-btn-padding-x: 1.5rem;
|
|
$input-btn-font-size: 14px;
|
|
$input-btn-line-height: 1.25;
|
|
$input-font-size: 1rem;
|
|
|
|
// @import "_font-face.scss";
|
|
$font-family-monospace: 'Space Mono', monospace;
|
|
$font-family-sans-serif: 'Work Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
$base-size: 16px;
|
|
$line-height-base: 1.5;
|
|
|
|
// Bootstrap v4
|
|
@import "node_modules/bootstrap/scss/bootstrap.scss";
|
|
|
|
// Import site styles
|
|
@import "_font.scss";
|
|
@import "_forms.scss";
|
|
@import "_layout.scss";
|
|
@import "_side-nav.scss";
|
|
@import "_helpers.scss";
|
|
@import "_buttons.scss";
|
|
@import "_tables.scss";
|
|
@import "_tables.scss";
|
|
@import "_use-cases.scss";
|
|
@import "_github-edit.scss";
|
|
@import "_top-nav.scss";
|
|
@import "_content.scss";
|
|
@import "_code-tabs.scss";
|
|
@import "_diagrams.scss";
|
|
@import "_external-links.scss";
|
|
@import "_footer.scss";
|
|
@import "_callouts.scss";
|
|
@import "_cards.scss";
|
|
@import "_breadcrumbs.scss";
|
|
@import "_landings.scss";
|
|
@import "_interactive-tutorials.scss";
|
|
@import "_status-labels.scss";
|
|
@import "_dev-tools.scss";
|
|
@import "_print.scss";
|
|
@import "_pages.scss";
|
|
@import "_rpc-tool.scss";
|
|
@import "_blog.scss";
|
|
@import "_feedback.scss";
|
|
@import "_video.scss";
|
|
@import "_top-banner.scss";
|
|
|
|
// Light/Dark theme settings ---------------------------------------------------
|
|
// Option to only change theme on user system settings. No toggle.
|
|
|
|
//Mixin to conditionaly include other themes
|
|
// @import "light/_mixins.scss";
|
|
|
|
// Default to dark theme with light being alt
|
|
// $color-scheme-alt: light;
|
|
|
|
// @include prefers-color-scheme($color-scheme-alt) {
|
|
// @import "light/_light-theme.scss";
|
|
// }
|
|
|
|
html.light {
|
|
@import "light/_light-theme.scss";
|
|
}
|