SethTrowbridge/atomic-css
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

setup

Browse Source
This commit is contained in:
TreetopFlyer 2021-09-08 13:21:22 -04:00
commit 5999fc90dd
1 changed files with 51 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
index.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<style>
.block
{
position:relative;
display: flex;
align-items: stretch;
margin: 0;
padding: 0;
border: 0;
background:lightgrey;
border-radius: 5px;
}
.block > *{ margin:10px 5px 10px 5px; }
.block > *:first-child{ margin-left:10px; }
.block > *:last-child{ margin-right:10px; }
.style--wide
{
width:100%;
}
</style>
</head>
<body>
<form>
<div class="block">
<div class="icon--radio"></div>
<div class="style--wide">
<label for="check-1">Credit Card <input id="check-1" type="radio" name="slot-1" value="option-1"/></label>
<br>
<span>Check it</span>
</div>
<a class="style--axuillary" href="/">Change</a>
</div>
<div class="block">
<input id="check-2" type="radio" name="slot-1" value="option-2"/>
<p style="width:100%;">
<label for="check-2">Credit Card</label>
<br>
<span>Check it</span>
</p>
<a class="" href="/">Change</a>
</div>
</form>
</body>
</html>