Skip to content

Commit f2ab0f2

Browse files
zbryiktzbryikt
committed
init commit
0 parents  commit f2ab0f2

File tree

9 files changed

+471
-0
lines changed

9 files changed

+471
-0
lines changed

‎.gitignore‎

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

‎LICENSE‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2018, Kirby T. Wu
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in
13+
all copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21+
THE SOFTWARE.
22+
23+

‎README.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
# loading buttons
2+
3+
CSS for button that loads. check https://loading.io/button/ for more information.
4+
5+
6+
# License
7+
8+
MIT.
9+
10+

‎build‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
#!/usr/bin/env bash
2+
mkdir -p dist
3+
echo "build src/ldbtn.styl -> dist/ldbtn.css ..."
4+
./node_modules/.bin/stylus -p src/ldbtn.styl > dist/ldbtn.css
5+
echo "minifying ldbtn.css ..."
6+
./node_modules/.bin/uglifycss dist/ldbtn.css > dist/ldbtn.min.css
7+
echo "done."
8+

‎dist/ldbtn.css‎

Lines changed: 141 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,141 @@
1+
.ld-ext-right,
2+
.ld-ext-left,
3+
.ld-ext-bottom,
4+
.ld-ext-top,
5+
.ld-over,
6+
.ld-over-inverse,
7+
.ld-over-full,
8+
.ld-over-full-inverse {
9+
position: relative;
10+
transition: all 0.3s;
11+
transition-timing-function: ease-in;
12+
overflow: hidden;
13+
}
14+
.ld-ext-right > .ld,
15+
.ld-ext-left > .ld,
16+
.ld-ext-bottom > .ld,
17+
.ld-ext-top > .ld,
18+
.ld-over > .ld,
19+
.ld-over-inverse > .ld,
20+
.ld-over-full > .ld,
21+
.ld-over-full-inverse > .ld {
22+
position: absolute;
23+
top: 50%;
24+
left: 50%;
25+
margin: -0.5em;
26+
opacity: 0;
27+
z-index: -100;
28+
transition: all 0.3s;
29+
transition-timing-function: ease-in;
30+
}
31+
.ld-ext-right.running > .ld,
32+
.ld-ext-left.running > .ld,
33+
.ld-ext-bottom.running > .ld,
34+
.ld-ext-top.running > .ld,
35+
.ld-over.running > .ld,
36+
.ld-over-inverse.running > .ld,
37+
.ld-over-full.running > .ld,
38+
.ld-over-full-inverse.running > .ld {
39+
opacity: 1;
40+
z-index: auto;
41+
}
42+
.ld-ext-right.running {
43+
padding-right: 2.5em !important;
44+
}
45+
.ld-ext-right > .ld {
46+
top: 50%;
47+
left: auto;
48+
right: 1em;
49+
}
50+
.ld-ext-left.running {
51+
padding-left: 2.5em !important;
52+
}
53+
.ld-ext-left > .ld {
54+
top: 50%;
55+
right: auto;
56+
left: 1em;
57+
}
58+
.ld-ext-bottom.running {
59+
padding-bottom: 2.5em !important;
60+
}
61+
.ld-ext-bottom > .ld {
62+
top: auto;
63+
left: 50%;
64+
bottom: 1em;
65+
}
66+
.ld-ext-top.running {
67+
padding-top: 2.5em !important;
68+
}
69+
.ld-ext-top > .ld {
70+
bottom: auto;
71+
left: 50%;
72+
top: 1em;
73+
}
74+
.ld-over,
75+
.ld-over-inverse,
76+
.ld-over-full,
77+
.ld-over-full-inverse {
78+
overflow: hidden;
79+
}
80+
.ld-over.running > .ld,
81+
.ld-over-inverse.running > .ld,
82+
.ld-over-full.running > .ld,
83+
.ld-over-full-inverse.running > .ld {
84+
z-index: 99999;
85+
}
86+
.ld-over:before,
87+
.ld-over-inverse:before,
88+
.ld-over-full:before,
89+
.ld-over-full-inverse:before {
90+
content: " ";
91+
display: block;
92+
opacity: 0;
93+
position: absolute;
94+
z-index: -1;
95+
top: 0;
96+
left: 0;
97+
width: 100%;
98+
height: 100%;
99+
transition: all 0.3s;
100+
transition-timing-function: ease-in;
101+
background: rgba(240,240,240,0.8);
102+
}
103+
.ld-over-full > .ld,
104+
.ld-over-full-inverse > .ld {
105+
position: fixed;
106+
}
107+
.ld-over-full > .ld {
108+
color: rgba(0,0,0,0.8);
109+
}
110+
.ld-over-full:before,
111+
.ld-over-full-inverse:before {
112+
z-index: -1;
113+
position: fixed;
114+
background: rgba(255,255,255,0.8);
115+
}
116+
.ld-over.running > .ld,
117+
.ld-over-inverse.running > .ld,
118+
.ld-over-full.running > .ld,
119+
.ld-over-full-inverse.running > .ld {
120+
z-index: 999999;
121+
}
122+
.ld-over.running:before,
123+
.ld-over-inverse.running:before,
124+
.ld-over-full.running:before,
125+
.ld-over-full-inverse.running:before {
126+
opacity: 1;
127+
z-index: 999998;
128+
display: block;
129+
}
130+
.ld-over-inverse > .ld {
131+
color: rgba(255,255,255,0.8);
132+
}
133+
.ld-over-inverse:before {
134+
background: rgba(0,0,0,0.6);
135+
}
136+
.ld-over-full-inverse > .ld {
137+
color: rgba(255,255,255,0.8);
138+
}
139+
.ld-over-full-inverse:before {
140+
background: rgba(0,0,0,0.6);
141+
}

‎dist/ldbtn.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package-lock.json‎

Lines changed: 173 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"author": "Kirby Wu",
3+
"name": "loading-buttons",
4+
"license": "MIT",
5+
"description": "css for buttons that load",
6+
"version": "0.0.1",
7+
"homepage": "https://github.com/loadingio/ldBtn",
8+
"repository": {
9+
"type": "git",
10+
"url": "https://github.com/loadingio/ldBtn"
11+
},
12+
"engines": {
13+
"node": ">=0.12.6",
14+
"npm": ">=1.2.2"
15+
},
16+
"devDependencies": {
17+
"stylus": "^0.54.5",
18+
"uglifycss": "0.0.29"
19+
}
20+
}

0 commit comments

Comments
 (0)