// Variables // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // // Color system $white: #fff; $black: #000; $dark: $black; /* ---------------------------------------------------------------------- * CentOS Identity * ---------------------------------------------------------------------- */ $color-0: #9ccd2a; $color-1: #efa724; $color-2: #a14f8c; $color-3: #262577; $logo-image: "/assets/img/logo.png"; $background-image: "/assets/img/motif.png"; $home-header-padding-top: 202px; $home-header-padding-bottom: 150px; $page-header-padding-top: 152px; $page-header-padding-bottom: 100px; $heading-margin-top: 1em; $scroll-margin-top: $heading-margin-top * 2.6; /* ---------------------------------------------------------------------- * Nord Identity * ---------------------------------------------------------------------- */ $nord-color-0: #2e3440; $nord-color-1: #3b4252; $nord-color-2: #434c5e; $nord-color-3: #4c566a; $nord-color-4: #d8dee9; $nord-color-5: #e5e9f0; $nord-color-6: #eceff4; $nord-color-7: #8fbcbb; $nord-color-8: #88c0d0; $nord-color-9: #81a1c1; $nord-color-10: #5e81ac; $nord-color-11: #bf616a; $nord-color-12: #d08770; $nord-color-13: #ebcb8b; $nord-color-14: #a3be8c; $nord-color-15: #b48ead; // Body // // Settings for the `` element. $body-bg: $white; $body-color: $nord-color-0; // Paragraphs // // Style p element. $paragraph-margin-bottom: 1.8rem; // Typography // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: Montserrat; $line-height-base: 1.75; $headings-line-height: $line-height-base - 0.3; $headings-font-weight: 700; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-head-bg: $body-color; $table-dark-color: $nord-color-6; $table-dark-bg: $nord-color-2; $table-dark-color: $nord-color-6; $table-dark-border-color: $nord-color-2; // Nav $nav-tabs-link-active-color: $table-dark-color; $nav-tabs-link-active-bg: $table-dark-bg; $nav-tabs-link-active-border-color: $table-dark-bg; // Navbar $navbar-nav-link-padding-x: .5rem; $navbar-dark-color: rgba($white, .8); $navbar-dark-hover-color: $nord-color-6; // Dropdowns // // Dropdown menu container and contents. // $dropdown-bg: $black; $dropdown-link-color: $nord-color-6; $dropdown-link-hover-color: $nord-color-6; $dropdown-link-hover-bg: rgba($white, .2); // Cards $card-spacer-y: 0; $card-spacer-x: 0; // Breadcrumbs $breadcrumb-bg: transparent; $breadcrumb-padding-x: 0;