style: integrated base variables into Taiwlind

2020-10-10 17:35:04 +02:00
parent d9435d019b
commit 685c637d3d
10 changed files with 116 additions and 71 deletions
--- a/src/styles/scss/tabs/_home-tab.scss
+++ b/src/styles/scss/tabs/_home-tab.scss
@@ -3,7 +3,7 @@
 }

 .home_section {
-	border-top: 1px solid var(--separator);
+	border-top: 1px solid theme('colors.grayscale.500');
 	padding-top: 25px;
 	padding-bottom: 25px;
 }
--- a/src/styles/scss/tabs/_search-tab.scss
+++ b/src/styles/scss/tabs/_search-tab.scss
@@ -5,7 +5,7 @@
 		padding-bottom: 20px;

 		&:not(:first-child) {
-			border-top: 1px solid var(--separator);
+			border-top: 1px solid theme('colors.grayscale.500');
 		}
 	}

--- a/src/styles/scss/tabs/_settings-tab.scss
+++ b/src/styles/scss/tabs/_settings-tab.scss
@@ -29,7 +29,7 @@
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-	border-top: 1px solid var(--separator); /* Need less opacity */
+	border-top: 1px solid theme('colors.grayscale.500'); /* Need less opacity */
 	padding-top: 20px;
 	padding-bottom: 20px;