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/Sidebar.svelte

31 lines
427 B

<style>
side {
background-color: var(--color-bg-secondary);
padding: 1em;
}
sidebar {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 60vh;
}
content {
padding: 1em;
display: flex;
flex-direction: column;
flex: grow;
}
</style>
<sidebar>
<side>
<slot name="side"></slot>
</side>
<content>
<slot name="content"></slot>
</content>
</sidebar>