Update Sass

1 files changed, 16 insertions, 14 deletions

diff --git a/resources/sass/style.scss b/resources/sass/style.scss
index 723f68c..8f08171 100644
--- a/resources/sass/style.scss
+++ b/resources/sass/style.scss
@@ -1,12 +1,16 @@
-@import "bootstrap-sass/assets/stylesheets/bootstrap";
+@use "bootstrap/dist/css/bootstrap";
 
-@import "@fortawesome/fontawesome-free/scss/fontawesome";
-@import "@fortawesome/fontawesome-free/scss/brands";
-@import "@fortawesome/fontawesome-free/scss/solid";
+@use "@fortawesome/fontawesome-free/scss/fontawesome";
+@use "@fortawesome/fontawesome-free/scss/brands";
+@use "@fortawesome/fontawesome-free/scss/regular";
+@use "@fortawesome/fontawesome-free/scss/solid";
 
-@import "academicons/css/academicons";
+@use "academicons/css/academicons";
 
-@import "highlight.js/scss/default";
+@use "highlight.js/scss/default";
+
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
 
 @font-face {
 	font-family: Hebrew;
@@ -30,6 +34,7 @@ body {
 
 #sticky-nav li > a {
 	display: inline-block;
+	text-wrap: nowrap;
 }
 
 @media (max-width: 1269px) {
@@ -67,14 +72,15 @@ body {
 		width: 180px;
 	}
 
-	#sticky-nav ul {
+	#sticky-nav ul.nav {
 		border-right: 1px solid #eee;
 		padding: 1em 1em 1em 0;
 		position: sticky;
 		top: 1em;
 	}
 
-	#sticky-nav li {
+	ul.nav li {
+		display: block;
 		float: none;
 	}
 
@@ -110,7 +116,7 @@ div#basicinfo {
 
 hr {
 	clear: both;
-	margin: 0;
+	margin: 2ex 0;
 }
 
 a {
@@ -120,7 +126,7 @@ a {
 
 	/* FontAwesome and Academicons */
 	.ai, .fab {
-		color: $text-color;
+		color: $body-color;
 	}
 	&:hover {
 		.ai, .fab {
@@ -220,7 +226,3 @@ footer {
 .obfuscate > span {
 	display: none;
 }
-
-.breadcrumb {
-	margin-bottom: 0;
-}