Sidebar styling
In general styling capabilities with scsss
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
@use "variables";
|
||||
@use "mixins";
|
||||
@use "utilities";
|
||||
@use "components/sidebar";
|
||||
@use "components/tickets";
|
||||
|
||||
body {
|
||||
background: variables.$color-bg;
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
|
||||
color: #111827;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.admin { display: flex; }
|
||||
.content { flex: 1; padding: variables.$spacing-md; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.sidebar { position: fixed; left: -100%; transition: left .2s; }
|
||||
.sidebar.open { left: 0; }
|
||||
.content { margin-left: 0; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user