bl-css 0.9.2 → 0.10.0
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 +4 -2
- package/bin/sc.js +0 -0
- package/bl.css +45 -0
- package/package.json +6 -2
package/README.md
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
# bl CSS
|
|
2
2
|
A *lightweight*, **blueviolet**, ***small*** CSS framework!
|
|
3
|
-
# 0.
|
|
4
|
-
|
|
3
|
+
# 0.10.0 - Release notes(by Dev)
|
|
4
|
+
FORMS IN BL-CSS :D
|
|
5
|
+
Now you can finally make your own form... with bl-css style :D
|
|
6
|
+
```.form``` for form tag, ```.label``` for label tag and ```.in``` for input with a pretty nice placeholder! Now your sites can have **forms**
|
|
5
7
|
# How to Change Accent Color?
|
|
6
8
|
To change from the **original** blueviolet theme you have to open the main```bl.css``` file and you can change the following:
|
|
7
9
|
```css
|
package/bin/sc.js
CHANGED
|
File without changes
|
package/bl.css
CHANGED
|
@@ -161,4 +161,49 @@ body{
|
|
|
161
161
|
flex-direction: column;
|
|
162
162
|
gap: 10px;
|
|
163
163
|
}
|
|
164
|
+
/* Form (NEW) */
|
|
165
|
+
.form{
|
|
166
|
+
display: table;
|
|
167
|
+
padding: 12px;
|
|
168
|
+
border: var(--_4) 1px solid;
|
|
169
|
+
border-radius: 5px;
|
|
170
|
+
background-color: black;
|
|
171
|
+
transition: 0.4s ease;
|
|
172
|
+
}
|
|
173
|
+
.form:hover{
|
|
174
|
+
border: var(--_) 1px solid;
|
|
175
|
+
}
|
|
176
|
+
.form:focus-within{
|
|
177
|
+
border: var(--_) 1px solid;
|
|
178
|
+
}
|
|
179
|
+
.in{
|
|
180
|
+
display: table;
|
|
181
|
+
color: white;
|
|
182
|
+
font-family: "Cause";
|
|
183
|
+
padding: 5px;
|
|
184
|
+
background-color: black;
|
|
185
|
+
border: rgba(128,128,128,0.6) 1px solid;
|
|
186
|
+
border-radius: 5px;
|
|
187
|
+
transition: 0.4s ease;
|
|
188
|
+
}
|
|
189
|
+
.in:hover{
|
|
190
|
+
border: var(--_) 1px solid;
|
|
191
|
+
}
|
|
192
|
+
.in:focus{
|
|
193
|
+
border: var(--_) 1px solid;
|
|
194
|
+
outline: none;
|
|
195
|
+
}
|
|
196
|
+
.in::placeholder{
|
|
197
|
+
color: rgb(128,128,128);
|
|
198
|
+
font-family: "Cause";
|
|
199
|
+
}
|
|
200
|
+
.label{
|
|
201
|
+
font-family: "Cause";
|
|
202
|
+
padding: 4px 0;
|
|
203
|
+
color: white;
|
|
204
|
+
transition: 0.4s ease;
|
|
205
|
+
}
|
|
206
|
+
.label:focus-within{
|
|
207
|
+
color: var(--_);
|
|
208
|
+
}
|
|
164
209
|
}
|
package/package.json
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bl-css",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "black - blueviolet lightweight CSS framework",
|
|
5
5
|
"main": "bl.css",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
8
|
},
|
|
9
|
+
"repository":{
|
|
10
|
+
"type": "git",
|
|
11
|
+
"url": "https://github.com/fg-xd/bl-CSS.git"
|
|
12
|
+
},
|
|
9
13
|
"bin": {
|
|
10
14
|
"bl-css": "./bin/sc.js",
|
|
11
|
-
|
|
15
|
+
"bl": "./bin/sc.js"
|
|
12
16
|
},
|
|
13
17
|
"files": ["bl.css", "README.md", "sc.js"],
|
|
14
18
|
"exports": {
|