bl-css 0.9.0 → 0.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -4
- package/bin/sc.js +2 -2
- package/bl.css +14 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
# bl CSS
|
|
2
2
|
A *lightweight*, **blueviolet**, ***small*** CSS framework!
|
|
3
|
-
# 0.9.
|
|
4
|
-
|
|
5
|
-
Have a great day :D
|
|
3
|
+
# 0.9.2 - Release notes(by Dev)
|
|
4
|
+
Added ```.card-row``` and ```.card-col``` to arrange your cards! (and included the repo)
|
|
6
5
|
# How to Change Accent Color?
|
|
7
6
|
To change from the **original** blueviolet theme you have to open the main```bl.css``` file and you can change the following:
|
|
8
7
|
```css
|
|
@@ -12,6 +11,11 @@ To change from the **original** blueviolet theme you have to open the main```bl.
|
|
|
12
11
|
--_6: rgba(/* Your RGB */, 0.6)
|
|
13
12
|
}
|
|
14
13
|
```
|
|
14
|
+
# Repo
|
|
15
|
+
The bl-css repo is on [GitHub](https://github.com/fg-xd/bl-CSS)
|
|
16
|
+
|
|
17
|
+
You can also make an issue on GitHub to request features
|
|
15
18
|
|
|
16
19
|
Have a Nice day Using it **:D**
|
|
17
|
-
|
|
20
|
+
|
|
21
|
+
Forever Free **:D**
|
package/bin/sc.js
CHANGED
|
@@ -8,10 +8,10 @@ const dest = path.join(process.cwd(), 'bl.css');
|
|
|
8
8
|
// Actually doing the code lol
|
|
9
9
|
try {
|
|
10
10
|
fs.copyFileSync(src, dest);
|
|
11
|
-
console.log("bl CSS extracted from the Alien Trenches
|
|
11
|
+
console.log("bl CSS extracted from the Alien Trenches");
|
|
12
12
|
}
|
|
13
13
|
catch (e) {
|
|
14
14
|
console.log("The Alien has hidden the package!");
|
|
15
15
|
console.log("run 'npm install bl-css' if you haven't yet")
|
|
16
16
|
console.log("And don't you dare make it 'Global' bruh");
|
|
17
|
-
}
|
|
17
|
+
}
|
package/bl.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap);
|
|
2
2
|
@import url(https://fonts.googleapis.com/css2?family=Cause:wght@700&display=swap);
|
|
3
|
-
|
|
3
|
+
@layer low{
|
|
4
4
|
:root{
|
|
5
5
|
--_: rgb(138, 43, 226);
|
|
6
6
|
--_4: rgba(138, 43, 226, 0.4);
|
|
@@ -16,7 +16,7 @@ body{
|
|
|
16
16
|
background: linear-gradient(
|
|
17
17
|
to bottom,
|
|
18
18
|
var(--_4),
|
|
19
|
-
var(--_),
|
|
19
|
+
var(--_),
|
|
20
20
|
var(--_4));
|
|
21
21
|
background-clip: text;
|
|
22
22
|
-webkit-background-clip: text;
|
|
@@ -150,4 +150,15 @@ body{
|
|
|
150
150
|
.card:hover{
|
|
151
151
|
transform: translateY(-3px);
|
|
152
152
|
box-shadow: 0 0 10px var(--_);
|
|
153
|
-
}
|
|
153
|
+
}
|
|
154
|
+
.card-row{
|
|
155
|
+
display: flex;
|
|
156
|
+
flex-direction: row;
|
|
157
|
+
gap: 10px;
|
|
158
|
+
}
|
|
159
|
+
.card-col{
|
|
160
|
+
display: flex;
|
|
161
|
+
flex-direction: column;
|
|
162
|
+
gap: 10px;
|
|
163
|
+
}
|
|
164
|
+
}
|