_sass/skins/universal.scss in chulapa-jekyll-1.0.1 vs _sass/skins/universal.scss in chulapa-jekyll-1.1.0

- old
+ new

@@ -1,24 +1,82 @@ // Adapted from Bootstrapius @import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@100;300;400;500;700&display=swap"); -$font-family-base: "Roboto"; -$font-family-monospace: "Roboto Mono"; -$headings-font-weight: 700; -$body-bg: #fff; -$primary: #986dbd; -$green: #97bf13; -$red: #dc3545; -$orange: #fd7e14; -$yellow: #ffc107; -$headings-color: #333; -$link-color: #986dbd; -$navbar-chulapa-brand-color: #000; -$navbar-chulapa-bg-color: white; -$navbar-chulapa-toggler-color: #986dbd; -$navbar-chulapa-active-color: #986dbd; -$hero-chulapa-bg-color: #986dbd; -$hero-chulapa-text-color: black; -$footer-chulapa-bg-color: #333; -$footer-chulapa-text-color: #ccc; -$footer-chulapa-icon-color: #ccc; -$footer-chulapa-icon-hover-color: #724599; +$font-family-base: "Roboto" !default; +$font-family-monospace: "Roboto Mono" !default; +$headings-font-weight: 700 !default; +$body-bg: #fff !default; +$primary: #986dbd !default; +$green: #97bf13 !default; +$red: #dc3545 !default; +$orange: #fd7e14 !default; +$yellow: #ffc107 !default; +$code-color: #E80E61 !default; +$headings-color: #333 !default; +$link-color: #986dbd !default; +$navbar-chulapa-brand-color: #000 !default; +$navbar-chulapa-bg-color: $body-bg !default; +$navbar-chulapa-toggler-color: $primary !default; +$navbar-chulapa-active-color: $primary !default; +$hero-chulapa-bg-color: $primary !default; +$hero-chulapa-text-color: black !default; +$footer-chulapa-bg-color: #333 !default; +$footer-chulapa-text-color: #ccc !default; +$footer-chulapa-icon-color: #ccc !default; +$footer-chulapa-icon-hover-color: #724599 !default; +h1, h2, h3, h4, h5, h6 { + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700 !important; +} + +.splash-chulapa, .hero-chulapa, .header-chulapa { + color: black; +} + +.header-chulapa { + text-align: center; +} + +.chulapa-bg-landingpage header { + color: black !important; +} + +// Remove rules +header hr { + display: none; +} + + +// Navbar + +.navbar { + + .navbar-brand { + font-weight: 700 !important; + text-transform: uppercase; + letter-spacing: 0.08em; + } + .navbar-nav { + text-transform: uppercase; + text-decoration: underline; + letter-spacing: 0.08em; + color: black; + } +} + + +// Misc + +th, .btn, .chulapa-toc-wrapper, .chulapa-subtitle, .breadcrumb, #markdown-toc { + text-transform: uppercase; +} + +.language-plaintext { + color: $green; +} + + +a:hover, a:focus { + color: $footer-chulapa-icon-hover-color; + text-decoration: underline; +}