bl-css 0.11.1 → 0.12.0

package/README.md

@@ -1,20 +1,13 @@
 # bl CSS
-A *lightweight*, **blueviolet**, ***ultra lightweight*** CSS framework!
+A *hackable*, **blueviolet**, ***ultra lightweight*** CSS framework!
 
 bl-css is supposed to be a CSS framework that is Ultra Lightweight, even while being readable!
-Currently its <6KB (Unminified, With Comments, and Readable)! exactly 5.36KB [from tooltilities.com](https://tooltilities.com/toolset/text-size-calculator)
-# 0.11.1 - Release notes(by Dev)
-A yeah last version was actually 0.11.0, sorry for the error!
-## What's New?
-This is the first *Named* update, the **Link&Button** update!!
-## Classes
-`.link`: Yeah, same thing, but updated to look more modern!
+Currently its <6KB (Unminified, With Comments, and Readable)! exactly 5.83KB [from tooltilities.com](https://tooltilities.com/toolset/text-size-calculator)
+# 0.12.0 - Release notes(by Dev)
+## Cat hate clunky grey scrollbar
+Clunky grey scrollbar is **Gone**, **Poof!**
 
-`.linkbtn`: DELETED! switch to .btn or .btn2
-
-`.btn`: A more themed alternative to .linkbtn
-
-`.btn2`: secondary button, based on .btn
+Now there is a better scrollbar. **a smooth purple scrollbar :P!** Invisible background means any background in the scrollbar! **:D**
 
 ## [Preview](https://fg-xd.github.io/bl-CSS)
 # How to Change Accent Color?
@@ -59,4 +52,4 @@ Go to the official [GitHub repo releases](https://github.com/fg-xd/bl-CSS/releas
 
 Have a Nice day Using it **:D**
 
-Forever Free **:D**
+Forever Free **:D**

package/bin/sc.js

@@ -1,4 +1,13 @@
 #!/usr/bin/env node
+function helpMenu(){
+  console.log('===== bl-css =====\n Usage: npx bl-css <flag>\n npx bl-css --help === show this menu\n npx bl-css --copy === copy bl.css from the alien trench to your beautiful website');
+}
+const arg = process.argv.slice(2);
+if(arg.length === 0 || arg.includes('--help')){
+  helpMenu();
+  process.exit(0);
+}
+else if(arg.includes('--copy')){
 const fs = require('fs');
 const path = require('path');
 console.log("Extracting bl CSS...");
@@ -12,6 +21,13 @@ try {
 }
 catch (e) {
     console.log("The Alien has hidden the package!");
-    console.log("run 'npm install bl-css' if you haven't yet")
+    console.log("run 'npm install bl-css' if you haven't yet");
     console.log("And don't you dare make it 'Global' bruh");
+} process.exit(0);
+}
+else{
+  console.log("I hope you are not an alien!");
+  console.log("run 'npx bl-css' or 'npx bl-css --help to see the commands!'")
+  console.log("Cats hate Aliens >:(")
+  process.exit(1);
 }

package/bl.css

@@ -13,7 +13,29 @@
 	--_4: rgba(138, 43, 226, 0.4);
 	--_6: rgba(138, 43, 226, 0.6);
 }
-
+/* Cat hate clunky Scrollbar */
+/* So here's a beautiful bl-css scrollbar!! (new) */
+::-webkit-scrollbar{
+	width: 10px;
+}
+::-webkit-scrollbar-track{
+	background-color: transparent;
+}
+::-webkit-scrollbar-thumb{
+	background-color: var(--_6);
+	border-radius: 9999px;
+	/* Browser is dumb. not allow transition 😿 */
+}
+::-webkit-scrollbar-thumb:hover{
+	background-color: var(--_);
+}
+::-webkit-scrollbar-button{
+	display: none;
+}
+::-webkit-scrollbar-corner{
+	background-color: transparent;
+}
+/* 😸😸 */
 body{
 	background-color: black;
 	color: white;
@@ -230,7 +252,6 @@ body{
 .label:focus-within{
 	color: var(--_);
 }
-/* navbar and splash screen! (New!) */
 .hero{
 	height: 100vh;
 	display: flex;
@@ -275,4 +296,4 @@ body{
 	-webkit-text-stroke: 1px var(--_);
 	text-stroke: 1px var(--_);
 }
-}
+}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "bl-css",
-  "version": "0.11.1",
-  "description": "black - blueviolet lightweight CSS framework",
+  "version": "0.12.0",
+  "description": "Lightweight and Super Hackable CSS framework(by a Kid)",
   "main": "bl.css",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "repository": {
+  "repository":{
     "type": "git",
     "url": "https://github.com/fg-xd/bl-CSS.git"
   },
   "bin": {
     "bl-css": "./bin/sc.js",
-    "bl": "./bin/sc.js"
+     "bl": "./bin/sc.js"
   },
   "files": ["bl.css", "README.md", "sc.js"],
   "exports": {