mirror of
https://github.com/IT4Change/IT4C.dev.git
synced 2025-12-13 09:25:49 +00:00
Ulf Gebhardt
cdb1944578
* fix several vuepress related style problems * make figure image full width - for ocelot - for dreammall * theme-hope-content p & ul margins
77 lines
1.5 KiB
Vue
77 lines
1.5 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;
|
|
}
|
|
.theme-hope-content p {
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
}
|
|
.theme-hope-content ul {
|
|
list-style: unset;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
}
|
|
.theme-hope-content figure {
|
|
margin: inherit;
|
|
padding: inherit;
|
|
}
|
|
}
|
|
|
|
.blank-layout {
|
|
--content-width: 1160px;
|
|
}
|
|
|
|
.blank-layout h1, .blank-layout h2, .blank-layout h3, .blank-layout h4, .blank-layout h5, .blank-layout h6 {
|
|
font-family: var(--font-family-heading);
|
|
}
|
|
|
|
.blank-layout h1, .blank-layout 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>
|