initial commit

src/styles/variables.scss

@@ -0,0 +1,65 @@
+// Verdaccio
+// -------------------------
+
+$black:         #000;
+$white:         #fff;
+$red:           #d32f2f;
+$grey:          #808080;
+$grey-light:    #d3d3d3;
+$grey-dark:     #a9a9a9;
+
+$greyChateau:   #95989a;
+$greyGainsboro: #e3e3e3;
+$greyAthens:    #d3dddd;
+
+$eclipse:       #3c3c3c;
+$paleNavy:      #e4e8f1;
+$saltpan:       #f7f8f6;
+$snow:          #f9f9f9;
+
+$nobel-01:      #999999;
+$nobel-02:      #9f9f9f;
+
+// Main colors
+// -------------------------
+
+$primary-color: #4b5e40;
+$seconday-color:#20232a;
+
+// Scaffolding
+// -------------------------
+
+$body-bg:     $white;
+$text-color:  $eclipse;
+
+// Typography
+// -------------------------
+
+ // Font Family from Bootstrap v4 Reboot.css
+$font-family-reboot: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-family-base: $font-family-reboot;
+
+$font-size-xxl:   26px;
+$font-size-xl:    24px;
+$font-size-lg:    21px;
+$font-size-md:    18px;
+$font-size-base:  16px;
+$font-size-sm:    14px;
+
+$line-height-xl:  30px;
+$line-height-sm:  18px;
+$line-height-xs:  2;
+$line-height-xxs: 1.5;
+
+$font-weight-light:     400;
+$font-weight-regular:   400;
+$font-weight-semibold:  600;
+$font-weight-bold:      700;
+
+$break-sm: 768px;
+$break-lg: 1240px;
+
+// Spacing
+// -------------------------
+
+$space-lg: 30px;