mirror of
https://github.com/IT4Change/IT4C.dev.git
synced 2025-12-13 09:25:49 +00:00
60 lines
1.0 KiB
Vue
60 lines
1.0 KiB
Vue
<template>
|
|
<div class="theme-container blank-layout">
|
|
<Content />
|
|
<Footer />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'BlankLayout'
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@layer theme, base, components, utilities;
|
|
|
|
@import "tailwindcss/theme.css" layer(theme);
|
|
@import "tailwindcss/preflight.css" layer(base);
|
|
@import "tailwindcss/utilities.css" layer(utilities);
|
|
|
|
@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
|
|
|
|
/* Conflicts with vuepress */
|
|
@layer base {
|
|
.vp-sidebar {
|
|
box-sizing: content-box;
|
|
}
|
|
.vp-nav-logo {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
.blank-layout {
|
|
--content-width: 1160px;
|
|
}
|
|
|
|
.blank-layout h1, h2, h3, h4, h5, h6 {
|
|
font-family: var(--font-family-heading);
|
|
}
|
|
|
|
.blank-layout h1, h2 {
|
|
border-bottom: none;
|
|
padding-bottom: 2rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.blank-layout .content-width {
|
|
max-width: var(--content-width);
|
|
margin: 0 auto;
|
|
padding: 0 2.5rem;
|
|
|
|
@media (max-width: 768px) {
|
|
padding: 0 1.75rem;
|
|
}
|
|
@media (max-width: 400px) {
|
|
padding: 0 1rem;
|
|
}
|
|
}
|
|
</style>
|