1 files changed, 46 insertions, 0 deletions
diff --git a/assets/scss/components/_buttons.scss b/assets/scss/components/_buttons.scss
new file mode 100644
index 0000000..40f8a8f
--- /dev/null
+++ b/assets/scss/components/_buttons.scss
@@ -0,0 +1,46 @@
+.navbar .btn-link {
+  color: $navbar-light-color;
+  padding: 0.4375rem 0;
+}
+
+#mode {
+  margin-right: 1.25rem;
+}
+
+#navigation {
+  margin-left: 1.25rem;
+}
+
+@include media-breakpoint-up(md) {
+  #mode {
+    margin-right: 0.5rem;
+  }
+
+  .navbar .btn-link {
+    padding: 0.5625em 0.25rem 0.5rem 0.125rem;
+  }
+}
+
+.navbar .btn-link:hover {
+  color: $navbar-light-hover-color;
+}
+
+.navbar .btn-link:active {
+  color: $navbar-light-active-color;
+}
+
+body .toggle-dark {
+  display: block;
+}
+
+body .toggle-light {
+  display: none;
+}
+
+body.dark .toggle-light {
+  display: block;
+}
+
+body.dark .toggle-dark {
+  display: none;
+}