From 4a36e0ffbf88beb656cea853988c59d517b7538d Mon Sep 17 00:00:00 2001
From: Bobson Lin <bobson801104@gmail.com>
Date: Tue, 8 Dec 2020 14:47:40 +0800
Subject: [PATCH] Add Cosmo theme

---
 src/scss/cosmo-theme.scss      | 22 +++++++++++++
 src/scss/cosmo.scss            | 22 +++++++++++++
 src/scss/cosmo/_variables.scss | 60 ++++++++++++++++++++++++++++++++++
 3 files changed, 104 insertions(+)
 create mode 100644 src/scss/cosmo-theme.scss
 create mode 100644 src/scss/cosmo.scss
 create mode 100644 src/scss/cosmo/_variables.scss

diff --git a/src/scss/cosmo-theme.scss b/src/scss/cosmo-theme.scss
new file mode 100644
index 0000000..d7dff79
--- /dev/null
+++ b/src/scss/cosmo-theme.scss
@@ -0,0 +1,22 @@
+
+// Bootstrap functions
+@import '../../node_modules/bootstrap/scss/functions';
+
+// Cosmo varialbes
+@import "cosmo/variables";
+@import "../../node_modules/bootstrap/scss/variables";
+
+// Cosmo mixins
+
+// Bootstrap mixins
+@import "../../node_modules/bootstrap/scss/mixins";
+
+// Bootstrap components
+@import "../../node_modules/bootstrap/scss/root";
+@import "../../node_modules/bootstrap/scss/reboot";
+@import "../../node_modules/bootstrap/scss/type";
+@import "../../node_modules/bootstrap/scss/images";
+@import "../../node_modules/bootstrap/scss/grid";
+@import "../../node_modules/bootstrap/scss/buttons";
+@import "../../node_modules/bootstrap/scss/card";
+@import "../../node_modules/bootstrap/scss/utilities";
diff --git a/src/scss/cosmo.scss b/src/scss/cosmo.scss
new file mode 100644
index 0000000..e82b494
--- /dev/null
+++ b/src/scss/cosmo.scss
@@ -0,0 +1,22 @@
+
+// Bootstrap functions
+@import '~bootstrap/scss/functions';
+
+// Cosmo varialbes
+@import "cosmo/variables";
+@import "~bootstrap/scss/variables";
+
+// Cosmo mixins
+
+// Bootstrap mixins
+@import "~bootstrap/scss/mixins";
+
+// Bootstrap components
+@import "~bootstrap/scss/root";
+@import "~bootstrap/scss/reboot";
+@import "~bootstrap/scss/type";
+@import "~bootstrap/scss/images";
+@import "~bootstrap/scss/grid";
+@import "~bootstrap/scss/buttons";
+@import "~bootstrap/scss/card";
+@import "~bootstrap/scss/utilities";
diff --git a/src/scss/cosmo/_variables.scss b/src/scss/cosmo/_variables.scss
new file mode 100644
index 0000000..633bcde
--- /dev/null
+++ b/src/scss/cosmo/_variables.scss
@@ -0,0 +1,60 @@
+// Cosmo theme from Bootswatch
+// Ref: https://github.com/thomaspark/bootswatch/blob/v4/dist/cosmo/_variables.scss
+
+// Color system
+
+$white:    #fff;
+$gray-600: #868e96;
+$gray-700: #495057;
+$gray-800: #373a3c;
+$gray-900: #212529;
+$black:    #000;
+
+$blue:    #2780e3;
+$indigo:  #6610f2;
+$purple:  #613d7c;
+$pink:    #e83e8c;
+$red:     #ff0039;
+$orange:  #f0ad4e;
+$yellow:  #ff7518;
+$green:   #3fb618;
+$teal:    #20c997;
+$cyan:    #9954bb;
+
+
+// Options
+
+$enable-rounded: false;
+
+
+// Body
+
+$body-color:    $gray-800;
+
+
+// Typography
+
+// stylelint-disable-next-line value-keyword-case
+$font-family-sans-serif:    "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+
+$font-size-base:            .9375rem;
+$font-size-sm:              $font-size-base * .88;
+
+$headings-font-weight:      300;
+
+
+// Navbar
+
+$navbar-dark-hover-color:       rgba($white, 1);
+
+$navbar-light-hover-color:      rgba($black, .9);
+
+
+// Alerts
+
+$alert-border-width:            0;
+
+
+// Progress bars
+
+$progress-height:               .5rem;