Added log page, Implemented a function for creating elements

2 files changed, 54 insertions, 3 deletions

diff --git a/src/scss/abstracts/_colors.scss b/src/scss/abstracts/_colors.scss
index 40f08af..f49c464 100644
--- a/src/scss/abstracts/_colors.scss
+++ b/src/scss/abstracts/_colors.scss
@@ -1,3 +1,7 @@
-$primary: #0947ba;
+$primary: #023E8A;
+$primary-light: #0096C7;
+$secondary: #F48C06;
+$success: #40916C;
+$danger: #D00000;
 $text: #ffffff;
 $background: #121212;
\ No newline at end of file
diff --git a/src/scss/style.scss b/src/scss/style.scss
index aa9bd02..d45ad56 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -5,6 +5,17 @@
 @import "../../node_modules/bootstrap/scss/variables";
 @import "../../node_modules/bootstrap/scss/mixins";
 
+$theme-colors: (
+  "primary":    colors.$primary,
+  "secondary":  colors.$secondary,
+  "success":    colors.$success,
+  "info":       $info,
+  "warning":    $warning,
+  "danger":     colors.$danger,
+  "light":      $light,
+  "dark":       $dark
+);
+
 $font-size-base: 0.75rem;
 
 $h1-font-size:                $font-size-base * 2.5;
@@ -23,13 +34,29 @@ $font-sizes: (
   6: $h6-font-size
 );
 
-$navbar-nav-link-padding-x: 1rem;
+$navbar-nav-link-padding-x: 0.5rem;
 
 @import "../../node_modules/bootstrap/scss/utilities";
 @import "../../node_modules/bootstrap/scss/utilities/api";
 @import "../../node_modules/bootstrap/scss/nav";
 @import "../../node_modules/bootstrap/scss/navbar";
 
+$table-cell-padding-x: 1rem;
+$table-cell-padding-y: 0.2rem;
+
+$table-variants: (
+  "primary":    shift-color($primary, $table-bg-scale),
+  "secondary":  shift-color($secondary, $table-bg-scale),
+  "success":    shift-color($success, $table-bg-scale),
+  "info":       shift-color($info, $table-bg-scale),
+  "warning":    shift-color($warning, $table-bg-scale),
+  "danger":     shift-color($danger, $table-bg-scale),
+  "light":      $light,
+  "dark":       colors.$background,
+);
+
+@import "../../node_modules/bootstrap/scss/tables";
+
 @import "../../node_modules/bootstrap/scss/containers";
 @import "../../node_modules/bootstrap/scss/grid";
 
@@ -60,6 +87,7 @@ p {
 #title {
 	font-family: fonts.$title;
 	font-weight: 300;
+	line-height: 0.6;
 }
 
 #about {
@@ -92,6 +120,7 @@ p {
 input[type=submit] {
 	background-color: colors.$primary;
 	color: colors.$text;
+	font-size: 1rem;
 	border: 0px;
 	border-radius: 7px;
 	padding: 8px 15px 8px 15px;
@@ -101,7 +130,25 @@ a {
 	color: colors.$text;
 	text-decoration: none;
 	&:hover {
-		color: colors.$primary;
+		color: colors.$primary-light;
+	}
+}
+
+#back:hover {
+	fill: colors.$primary-light;
+}
+
+#navbar {
+	line-height: 0;
+}
+
+th {
+	text-align: start;
+}
+
+@include media-breakpoint-down(sm) {
+	.table > :not(caption) > * > * {
+		padding: 0.5rem;
 	}
 }