An experiment in cleaning up CSS by just avoiding dis-features and focusing on flexbox and CSS grids.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
fsckcss/src/demos/Login.svelte

29 lines
663 B

<script>
import CodeView from '../components/CodeView.svelte';
</script>
<style>
content {
display: flex;
flex: flex-shrink;
flex-grow: 1;
justify-content: center;
}
</style>
<content>
<spacer></spacer>
<form>
<header>Login</header>
<label for="username">Username</label>
<input type="text" id="username" name="username" size="32" placeholder="Username">
<label for="password">Password</label>
<input type="password" id="password" name="password" size="32" placeholder="Password">
<br>
<button type="submit">Login</button>
</form>
<spacer></spacer>
</content>
<CodeView source="/code/Login.svelte" />