ui-buttons/index.html at master · Goldinteractive/ui-buttons · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="demo.css">
		<link rel="stylesheet" href="//goldinteractive.github.io/ui-shared-assets/style.css">
	</head>
	<body>
		<h1>Buttons</h1>
	<button class="ui-btn hoverable">Hello</button>
	<button class="ui-btn primary hoverable">Hello</button>
	<button class="ui-btn secundary hoverable">Hello</button>
	<button class="ui-btn small">Hello</button>
	<button class="ui-btn large">Hello</button>
	<button class="ui-btn large secundary round-corners hoverable">Hello</button>
	<button class="ui-btn huge">Hello</button>
	<button class="ui-btn right-icon">Hello <i></i></button>
	<button class="ui-btn center-icon secundary">&nbsp;<i></i></button>
	<button class="ui-btn circle center-icon shadow large">&nbsp;<i></i></button>
	<button class="ui-btn left-icon shadow">Hello <i></i></button>
	<button class="ui-btn left-icon large shadow">Hello <i></i></button>
	<button class="ui-btn left-icon huge">Hello <i></i></button>

	<button class="ui-btn left-icon huge white">Hello <i></i></button>

	<button class="ui-btn huge bordered hoverable">Hello</button>

	<button class="ui-btn huge bordered hoverable disabled rounded-corners">Hello</button>
	<button class="ui-btn huge shadow hoverable">Hello</button>

	<button class="ui-btn small circle primary"></button>
	<button class="ui-btn circle primary"></button>
	<button class="ui-btn large circle primary"></button>
	<button class="ui-btn huge circle secundary hoverable center-icon"><i></i></button>

	</body>
</html>