Browse Source

Moved around stylesheets, added some colors

master
Robby Zambito 4 months ago
parent
commit
220f27b4e5
6 changed files with 57 additions and 16 deletions
  1. +0
    -15
      assets/bulma.scss
  2. +26
    -0
      assets/scss/bulma.scss
  3. +0
    -0
      assets/scss/footer-fix.scss
  4. +7
    -0
      assets/scss/main.scss
  5. +20
    -0
      assets/scss/pallette.scss
  6. +4
    -1
      layouts/partials/header.html

+ 0
- 15
assets/bulma.scss View File

@ -1,15 +0,0 @@
// This is importing all of Bulma. We likely don't need all of it, but for
// now this stays for convenience.
@import "mod/bulma/utilities/_all.sass";
@import "mod/bulma/base/_all.sass";
@import "mod/bulma/components/_all.sass";
@import "mod/bulma/elements/_all.sass";
@import "mod/bulma/form/_all.sass";
@import "mod/bulma/grid/_all.sass";
@import "mod/bulma/helpers/_all.sass";
@import "mod/bulma/layout/_all.sass";
@import "./footer-fix.scss"

+ 26
- 0
assets/scss/bulma.scss View File

@ -0,0 +1,26 @@
// This is importing all of Bulma. We likely don't need all of it, but for
// now this stays for convenience.
@import "pallette.scss";
$primary: $azure;
//$footer-background-color: $dark-liver;
//$footer-color: $baby-blue;
$footer-background-color: $baby-blue;
$navbar-background-color: $lime-green2;
$text-strong: inherit;
@import "../mod/bulma/utilities/_all.sass";
@import "../mod/bulma/base/_all.sass";
@import "../mod/bulma/components/_all.sass";
@import "../mod/bulma/elements/_all.sass";
@import "../mod/bulma/form/_all.sass";
@import "../mod/bulma/grid/_all.sass";
@import "../mod/bulma/helpers/_all.sass";
@import "../mod/bulma/layout/_all.sass";
//html {
//background: #fa807225;
//}

assets/footer-fix.scss → assets/scss/footer-fix.scss View File


+ 7
- 0
assets/scss/main.scss View File

@ -0,0 +1,7 @@
//@use "./bulma.scss";
@import "footer-fix.scss";
@import "pallette.scss";
//@import "bulma.scss";

+ 20
- 0
assets/scss/pallette.scss View File

@ -0,0 +1,20 @@
/* SCSS HEX */
$lime-green: #32cd32ff;
$lime-green2: #34d834ff;
$salmon: #fa8072ff;
$dark-liver: #403f4cff;
$azure: #3185fcff;
$light-periwinkle: #c7ccdbff;
$baby-blue: #e7f2f8;
/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);
$gradient-right: linear-gradient(90deg, #32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);
$gradient-bottom: linear-gradient(180deg, #32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);
$gradient-left: linear-gradient(270deg, #32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);
$gradient-top-right: linear-gradient(45deg, #32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);
$gradient-bottom-right: linear-gradient(135deg, #32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);
$gradient-top-left: linear-gradient(225deg, #32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);
$gradient-bottom-left: linear-gradient(315deg, #32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);
$gradient-radial: radial-gradient(#32cd32ff, #fa8072ff, #403f4cff, #3185fcff, #c7ccdbff);

+ 4
- 1
layouts/partials/header.html View File

@ -4,8 +4,11 @@
<title>Hamlet - {{ .Title }}</title>
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">-->
<style>
{{ $bulmaCSS := resources.Get "bulma.scss" | toCSS | minify }}
{{ $bulmaCSS:= resources.Get "scss/bulma.scss" | toCSS | minify }}
{{ $bulmaCSS.Content | safeCSS }}
{{ $styling := resources.Get "scss/main.scss" | toCSS | minify }}
{{ $styling.Content | safeCSS }}
</style>
<link rel="stylesheet" href="/css/main.css">
<script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>

Loading…
Cancel
Save