Skip to content

Commit 97c96ad

Browse files
committed
Add the examples for loader curtain
1 parent f2653dd commit 97c96ad

File tree

3 files changed

+48
-3
lines changed

3 files changed

+48
-3
lines changed

assets/js/main.js

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -150,6 +150,34 @@
150150
{
151151
button: document.getElementById('loader-clock'),
152152
className: 'loader-clock'
153+
},
154+
{
155+
button: document.getElementById('loader-curtain'),
156+
className: 'loader-curtain'
157+
},
158+
{
159+
button: document.getElementById('loader-curtain-brazilian'),
160+
className: 'loader-curtain',
161+
attributes: [
162+
{ attribute: 'brazilian' }
163+
]
164+
},
165+
{
166+
button: document.getElementById('loader-curtain-colorful'),
167+
className: 'loader-curtain',
168+
attributes: [
169+
{ attribute: 'colorful' }
170+
]
171+
},
172+
{
173+
button: document.getElementById('loader-curtain-custom-text'),
174+
className: 'loader-curtain',
175+
attributes: [
176+
{
177+
attribute: 'curtain-text',
178+
value: document.getElementById('curtain-custom-text')
179+
}
180+
]
153181
}
154182
];
155183

dist/main.min.js

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

index.html

Lines changed: 19 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
2727

2828
<link rel="stylesheet" href="dist/main.min.css">
29-
<link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/master/dist/css-loader.css">
29+
<link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/dc29835b1f0a2d07c4f63291448c247dfb06b58b/dist/css-loader.css">
3030
</head>
3131
<body>
3232
<!-- Loader -->
@@ -117,12 +117,29 @@ <h3 class="box__title">Double</h3>
117117
</div>
118118

119119
<div class="box">
120-
<h3 class="box__title">clock</h3>
120+
<h3 class="box__title">Clock</h3>
121121
<div class="box__item">
122122
<button id="loader-clock" class="button">default</button>
123123
</div>
124124
</div>
125125

126+
<div class="box">
127+
<h3 class="box__title">Curtain</h3>
128+
<div class="box__item">
129+
<button id="loader-curtain" class="button">default</button>
130+
</div>
131+
<div class="box__item">
132+
<button id="loader-curtain-brazilian" class="button">brazilian</button>
133+
</div>
134+
<div class="box__item">
135+
<button id="loader-curtain-colorful" class="button">colorful</button>
136+
</div>
137+
<div class="box__item">
138+
<input type="text" id="curtain-custom-text" class="input" placeholder="custom text here">
139+
<button id="loader-curtain-custom-text" class="button">custom-text</button>
140+
</div>
141+
</div>
142+
126143
<div class="box">
127144
<h3 class="box__title">Ball</h3>
128145
<div class="box__item">

0 commit comments

Comments
 (0)