bl-css 0.8.0 → 0.9.0

package/README.md

@@ -1,15 +1,17 @@
 # bl CSS
 A *lightweight*, **blueviolet**, ***small*** CSS framework!
-# 0.8.0 - Release notes(by Dev)
-A long way of 4 patches and a new minor release! This release targets the 'custom color' aspect. I updated bl-css so that you can FINALLY, use your own custom colors... yeah you need to download it and change the original file, but its EASY!
+# 0.9.0 - Release notes(by Dev)
+So I finally added cards! They use the --_ variable and you can customize it to your needs!
+Have a great day :D
 # How to Change Accent Color?
 To change from the **original** blueviolet theme you have to open the main```bl.css``` file and you can change the following:
 ```css
 :root{
-	--_: rgb(// Your accent's RGB here)
-	--_4: rgba(// Your RGB, 0.4)
-	--_6: rgba(// Your RGB, 0.6)
+	--_: rgb(/* Your accent's RGB here */)
+	--_4: rgba(/* Your RGB */, 0.4)
+	--_6: rgba(/* Your RGB */, 0.6)
 }
 ```
 
 Have a Nice day Using it **:D**
+Forever Free **:D**

package/bl.css

@@ -136,3 +136,18 @@ body{
 	color: var(--_);
 	transition: 0.1s ease;
 }
+.card{
+	display: flex;
+	flex-direction: column;
+	width: fit-content;
+	text-align: center;
+	padding: 10px;
+	box-shadow: 0 0 5px var(--_);
+	background-color: black;
+	border-radius: 5px;
+	transition: 0.4s ease;
+}
+.card:hover{
+	transform: translateY(-3px);
+	box-shadow: 0 0 10px var(--_);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bl-css",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "black - blueviolet lightweight CSS framework",
   "main": "bl.css",
   "scripts": {
@@ -17,7 +17,7 @@
     "./help": "./README.md",
     "./style": "./bl.css"
   },
-  "keywords": ["css", "framework", "black", "blueviolet", "lightweight"],
+  "keywords": ["css", "framework", "dark", "blueviolet", "lightweight", "simple"],
   "author": "__fg_xd",
   "license": "MIT"
 }