v1.0.1

DmmDGM · Jul 19, 2024 · 98f2639 · 98f2639
1 parent d468167
commit 98f2639
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 37 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,2 @@
 out/
-tests/
-test.html
+tests/
diff --git a/CHANGELOG b/CHANGELOG
@@ -1,2 +1,7 @@
+v1.0.1 | July 19th, 2024
+- Added b, hr, and i template styling.
+- Limited --sd-forest to d35.
+- Removed themes
+
 v1.0.0 | July 19th, 2024
 - Added basic features
diff --git a/README.md b/README.md
@@ -27,11 +27,11 @@ Option 2: Download from releases.
 
 ### Enabling soda.css templates
 
-Use the `--sd-light` or `--sd-dark` attribute on your `html` tag like so:
+Use the `--sd` attribute on your `html` tag like so:
 
 ```html
 <!DOCTYPE html>
-<html lang="en" --sd-light>
+<html lang="en" --sd>
 	<head>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">

diff --git a/src/_colors.scss b/src/_colors.scss
@@ -21,7 +21,7 @@ $colors: (
 	#efbf8f: ( "name": "sand" ),
 	#efbf4f: ( "name": "peach" ),
 	#bfef8f: ( "name": "mint-green" ),
-	#0f8f4f: ( "name": "forest" ),
+	#0f8f4f: ( "name": "forest", "darken": 7 ),
 	#8fefef: ( "name": "mint-blue" ),
 	#efbfbf: ( "name": "cherry-blossom" ),
 );
@@ -30,7 +30,7 @@ $colors: (
 @mixin define($name, $color, $lighten, $darken) {
 	// Defines default values
 	@if $lighten == null { $lighten: 3; }
-	@if $darken == null { $darken: 10 }
+	@if $darken == null { $darken: 10; }
 
 	// Defines lightened variants
 	@if $lighten != 0 {
@@ -41,7 +41,7 @@ $colors: (
 	}
 
 	// Defines base variant
-	--sd-#{$name}: #{$color};
+	--sd-#{$name}: $color;
 
 	// Defines darkened variants
 	@if $darken != 0 {

diff --git a/src/_themes.scss b/src/_themes.scss
diff --git a/src/soda.scss b/src/soda.scss
@@ -1,7 +1,6 @@
 // Imports
 @use "sass:map";
 @use "./colors";
-@use "./themes";
 
 // Defines colors
 :root {
@@ -17,13 +16,15 @@
 }
 
 // Defines reset pattern
-%reset {
+html[--sd] {
 	height: 100vh;
 	width: 100%;
 
 	* {
 		background: none; 
 		border: none;
+		color: var(--sd-black);
+		scrollbar-color: var(--sd-white) var(--sd-black);
 		font: normal normal normal 15px / 20px sans-serif;
 		list-style: none;
 		margin: 0px;
@@ -34,26 +35,20 @@
 	}
 
 	body {
+		background-color: var(--sd-white);
 		height: 100%;
 		width: 100%;
 	}
-}
 
-// Applies themes
-@each $theme in map.keys(themes.$themes) {
-	$background: map.get(themes.$themes, $theme, "background");
-	$foreground: map.get(themes.$themes, $theme, "foreground");
+	b {
+		font-weight: bold;
+	}
 
-	html[--sd-#{$theme}] {
-		@extend %reset;
+	hr {
+		border: 1px solid var(--sd-black);
+	}
 
-		* {
-			color: $foreground;
-			scrollbar-color: $background $foreground;
-		}
-
-		body {
-			background-color: $background;
-		}
-	}		
-}
+	i {
+		font-style: italic;
+	}
+}