You've already forked 98.css
mirror of
https://github.com/jdan/98.css.git
synced 2026-05-05 06:01:22 +09:00
finish porting button styles
This commit is contained in:
35
index.html
35
index.html
@@ -2,31 +2,22 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="./style.css?t=1"></style>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: var(--button-face);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="padding: 20px">
|
||||
<button>
|
||||
Hello, world!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div style="padding: 20px">
|
||||
<div class="sunken-outer">
|
||||
<div class="sunken-inner button-face" style="padding: 12px">Hello, world!</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
<fieldset>
|
||||
<button>
|
||||
<u>D</u>isplay
|
||||
</button>
|
||||
<button>
|
||||
<u>P</u>rint...
|
||||
</button>
|
||||
<button disabled>
|
||||
Cancel
|
||||
</button>
|
||||
<button><u>H</u>ello, world!</button>
|
||||
<button disabled>Unavailable</button>
|
||||
</fieldset>
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user