finish porting button styles
This commit is contained in:
parent
d4b7bd62a3
commit
c588dee988
2 changed files with 28 additions and 84 deletions
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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue