Skip to content

Commit 42909c7

Browse files
dxxxxydxxxxy
committed
license, add files, configuration, readme
1 parent 30425a9 commit 42909c7

File tree

6 files changed

+406
-4
lines changed

6 files changed

+406
-4
lines changed

‎.gitignore

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎.npmignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
*
2+
!*.min.*

‎LICENSE

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
2+
Version 2, December 2004
3+
4+
Copyright (C) 2004 Sam Hocevar <[email protected]>
5+
6+
Everyone is permitted to copy and distribute verbatim or modified
7+
copies of this license document, and changing it is allowed as long
8+
as the name is changed.
9+
10+
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
11+
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
12+
13+
0. You just DO WHAT THE FUCK YOU WANT TO.

‎package.json

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"name": "zephyrfw",
3+
"description": "A totally different CSS framework striving to achieve elegance and efficiency by using custom HTML tags with predefined CSS and JS instead of classes. It is highly customizable, allowing for CSS properties to be used as HTML attributes. Has dark-mode built in. Heavily in development.",
4+
"version": "1.0.1",
5+
"directories": {
6+
"doc": "docs"
7+
},
8+
"scripts": {
9+
"min": "minify zephyr.css > zephyr.min.css && minify zephyr.js > zephyr.min.js"
10+
},
11+
"repository": {
12+
"type": "git",
13+
"url": "git+https://github.com/DxxxxY/Zephyr.git"
14+
},
15+
"keywords": [],
16+
"author": "",
17+
"license": "WTFPL",
18+
"bugs": {
19+
"url": "https://github.com/DxxxxY/Zephyr/issues"
20+
},
21+
"homepage": "https://github.com/DxxxxY/Zephyr#readme"
22+
}

‎zephyr.css

Lines changed: 235 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,235 @@
1+
* {
2+
color: var(--color);
3+
background-color: var(--bgColor);
4+
scroll-behavior: smooth;
5+
}
6+
7+
znav {
8+
display: flex;
9+
height: 10vw;
10+
align-items: center;
11+
justify-content: space-between;
12+
}
13+
14+
zl {
15+
display: flex;
16+
list-style-type: none;
17+
}
18+
19+
zbody {
20+
display: block;
21+
margin: 0 3vw 0;
22+
}
23+
24+
zfoot {
25+
display: flex;
26+
height: 10vw;
27+
align-items: center;
28+
justify-content: space-between;
29+
}
30+
31+
zp {
32+
font-size: 1.2vw;
33+
letter-spacing: 0.01vw;
34+
}
35+
36+
zh1 {
37+
-webkit-text-fill-color: transparent;
38+
font-size: 4vw;
39+
letter-spacing: 0.5vw;
40+
}
41+
42+
zdark {
43+
border: 0.25vw solid var(--color);
44+
font-size: 1.3vw;
45+
padding: 0.5vw;
46+
}
47+
48+
zh2 {
49+
font-size: 3.5vw;
50+
letter-spacing: 0.1vw;
51+
}
52+
53+
zh3 {
54+
font-size: 2vw;
55+
letter-spacing: 0.05vw;
56+
}
57+
58+
zh4 {
59+
font-size: 1.3vw;
60+
letter-spacing: 0.05vw;
61+
}
62+
63+
zli {
64+
font-size: 1.5vw;
65+
letter-spacing: 0.1vw;
66+
margin: 0 1vw 0;
67+
}
68+
69+
zsection {
70+
display: flex;
71+
flex-direction: column;
72+
height: 20vw;
73+
align-items: center;
74+
margin: 5vw 0 2vw;
75+
}
76+
77+
zloader {
78+
position: absolute;
79+
left: 50%;
80+
top: 50%;
81+
width: 120px;
82+
height: 120px;
83+
margin: -76px 0 0 -76px;
84+
border: 16px solid var(--bgColor);
85+
border-radius: 50%;
86+
border-top: 16px solid var(--color);
87+
animation: spin 2s linear infinite;
88+
}
89+
90+
zicon {
91+
display: block;
92+
height: 4vw;
93+
width: 4vw;
94+
background-size: cover;
95+
}
96+
97+
ztable {
98+
display: table;
99+
border-collapse: separate;
100+
box-sizing: border-box;
101+
text-indent: initial;
102+
border-spacing: 2px;
103+
font-size: 1.75vw;
104+
letter-spacing: 0.15vw;
105+
padding: 0;
106+
margin: 0;
107+
border: 0.25vw solid var(--color);
108+
border-radius: 2px;
109+
}
110+
111+
ztr {
112+
display: table-row;
113+
vertical-align: inherit;
114+
border-color: inherit;
115+
border-collapse: separate;
116+
text-indent: initial;
117+
border-spacing: 2px;
118+
}
119+
120+
ztd {
121+
font-size: 1.2vw;
122+
letter-spacing: 0.01vw;
123+
padding: 1vw;
124+
display: table-cell;
125+
vertical-align: inherit;
126+
border-collapse: separate;
127+
text-indent: initial;
128+
border-spacing: 2px;
129+
/* text-align: center; */
130+
}
131+
132+
zth {
133+
padding: 1vw;
134+
text-align: center;
135+
display: table-cell;
136+
vertical-align: inherit;
137+
font-weight: bold;
138+
}
139+
140+
za {
141+
display: inline-block;
142+
position: relative;
143+
}
144+
145+
za:after {
146+
content: '';
147+
position: absolute;
148+
width: 100%;
149+
transform: scaleX(0);
150+
height: 0.15vw;
151+
bottom: -0.25vw;
152+
left: 0;
153+
background-color: var(--color);
154+
transform-origin: bottom right;
155+
transition: transform 0.25s ease-out;
156+
}
157+
158+
za:hover:after {
159+
color: var(--color);
160+
transform: scaleX(1);
161+
transform-origin: bottom left;
162+
}
163+
164+
.active:after {
165+
transform: scaleX(1);
166+
transform-origin: bottom left;
167+
}
168+
169+
@keyframes spin {
170+
0% {
171+
transform: rotate(0deg);
172+
}
173+
100% {
174+
transform: rotate(360deg);
175+
}
176+
}
177+
178+
zform {
179+
display: flex;
180+
flex-direction: column;
181+
padding: 2vw;
182+
width: 40vw;
183+
border: 0.25vw solid var(--color);
184+
border-radius: 2px;
185+
}
186+
187+
input {
188+
font-size: 2vw;
189+
letter-spacing: 0.1vw;
190+
padding: 0;
191+
margin: 0;
192+
text-align: left;
193+
margin: 1vw 0 1vw;
194+
}
195+
196+
input,
197+
textarea,
198+
button {
199+
background-color: var(--bgColor);
200+
font-size: 2vw;
201+
border-color: var(--color);
202+
outline: none;
203+
border-radius: 2px;
204+
border: 0.25vw solid var(--color);
205+
font-family: inherit;
206+
}
207+
208+
label {
209+
font-size: 2vw;
210+
letter-spacing: 0.1vw;
211+
padding: 0;
212+
margin: 0;
213+
text-align: left;
214+
margin: 1vw 0 1vw;
215+
}
216+
217+
zdl {
218+
line-height: 2vw;
219+
display: block;
220+
margin-block-start: 1em;
221+
margin-block-end: 1em;
222+
margin-inline-start: 0px;
223+
margin-inline-end: 0px;
224+
}
225+
226+
zdt {
227+
font-size: 1.5vw;
228+
display: block;
229+
}
230+
231+
zdd {
232+
font-size: 1vw;
233+
display: block;
234+
margin-inline-start: 40px;
235+
}

0 commit comments

Comments
 (0)