fix styles #298
1 changed files with 36 additions and 28 deletions
|
@ -23,57 +23,65 @@
|
||||||
* ============= SITE LAYOUT =============
|
* ============= SITE LAYOUT =============
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* === SITE HEADER === */
|
||||||
|
|
||||||
#site-header {
|
#site-header {
|
||||||
@apply block px-3 py-6 bg-gradient-to-r from-slate-900 to-slate-950 text-white print:hidden;
|
@apply block px-3 py-6 bg-gradient-to-r from-slate-900 to-slate-950 text-white print:hidden;
|
||||||
|
|
||||||
& nav ul {
|
|
||||||
@apply flex;
|
|
||||||
|
|
||||||
& a {
|
|
||||||
@apply p-3 rounded hover:bg-primary-700 transition;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#site-header nav ul {
|
||||||
|
@apply flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#site-header a {
|
||||||
|
@apply p-3 rounded hover:bg-primary-700 transition;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === PRIMARY SIDEBAR === */
|
||||||
|
|
||||||
#primary-sidebar {
|
#primary-sidebar {
|
||||||
@apply col-span-1;
|
@apply col-span-1;
|
||||||
|
|
||||||
& nav {
|
|
||||||
@apply flex md:flex-row lg:flex-col mb-6 lg:mb-0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu {
|
|
||||||
@apply flex-1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#primary-sidebar nav {
|
||||||
|
@apply flex md:flex-row lg:flex-col mb-6 lg:mb-0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#primary-sidebar .menu {
|
||||||
|
@apply flex-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === SITE CONTENT === */
|
||||||
|
|
||||||
#site-content {
|
#site-content {
|
||||||
@apply grid grid-cols-1 lg:grid-cols-5 gap-0 lg:gap-12;
|
@apply grid grid-cols-1 lg:grid-cols-5 gap-0 lg:gap-12;
|
||||||
@apply px-3 sm:px-0;
|
@apply px-3 sm:px-0;
|
||||||
|
}
|
||||||
|
|
||||||
> #secondary-sidebar {
|
#content-wrapper {
|
||||||
@apply col-span-1;
|
@apply col-span-4;
|
||||||
}
|
}
|
||||||
|
|
||||||
> #content-wrapper {
|
#secondary-sidebar {
|
||||||
@apply col-span-4;
|
@apply col-span-1;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* ============= PAGE LAYOUT =============
|
* ============= PAGE LAYOUT =============
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* === PAGE HEADER === */
|
||||||
|
|
||||||
header.page-header {
|
header.page-header {
|
||||||
@apply border-b border-slate-300;
|
@apply border-b border-slate-300;
|
||||||
|
}
|
||||||
|
|
||||||
> h1 {
|
header.page-header h1 {
|
||||||
@apply text-3xl leading-loose font-bold text-slate-900;
|
@apply text-3xl leading-loose font-bold text-slate-900;
|
||||||
}
|
}
|
||||||
|
|
||||||
> p {
|
header.page-header p {
|
||||||
@apply mb-3;
|
@apply mb-3;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue