Skip to content

Styling

Learn different approaches to styling your aincraft projects.

Use CSS modules for scoped styling:

.container {
padding: 1rem;
background: white;
}

Use utility classes with Tailwind:

<div class="p-4 bg-white rounded-lg">Content</div>

Write more powerful stylesheets with SCSS:

$primary-color: #007bff;
.button {
background: $primary-color;
&:hover {
opacity: 0.9;
}
}

Style components with JavaScript:

const styles = {
container: { padding: '1rem' }
};

Support dark mode in your projects.

Create responsive layouts that work on all devices.