added basic styling to Imprint component

ref #46
This commit is contained in:
philipp committed 2021-01-29 17:58:52 +01:00
1 parent bbec9ffcdf
commit 6a0c129d39
2 files changed
+2

No files matched your search

+1
View File
@@ -1,5 +1,6 @@
<script>
import { _ } from "svelte-i18n";
import * as css from "./imprint.css";
</script>
<div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
<div class="text-center mb-8">
+1
View File
@@ -0,0 +1 @@
.imprintcontent *{margin:0;padding:0}.imprintcontent address,.imprintcontent area,.imprintcontent article,.imprintcontent aside,.imprintcontent audio,.imprintcontent blockquote,.imprintcontent datalist,.imprintcontent details,.imprintcontent dl,.imprintcontent fieldset,.imprintcontent figure,.imprintcontent form,.imprintcontent iframe,.imprintcontent img,.imprintcontent input,.imprintcontent meter,.imprintcontent nav,.imprintcontent ol,.imprintcontent optgroup,.imprintcontent option,.imprintcontent output,.imprintcontent p,.imprintcontent pre,.imprintcontent progress,.imprintcontent ruby,.imprintcontent section,.imprintcontent table,.imprintcontent textarea,.imprintcontent ul,.imprintcontent video{margin-bottom:1rem}.imprintcontent button,.imprintcontent html,.imprintcontent input,.imprintcontent select{font-family:var(--nc-font-sans)}.imprintcontent body{margin:0 auto;max-width:750px;padding:2rem;border-radius:6px;overflow-x:hidden;word-break:break-word;overflow-wrap:break-word;background:var(--nc-bg-1);color:var(--nc-tx-2);font-size:1.03rem;line-height:1.5}.imprintcontent ::-moz-selection{background:var(--nc-ac-1);color:var(--nc-ac-tx)}.imprintcontent ::selection{background:var(--nc-ac-1);color:var(--nc-ac-tx)}.imprintcontent h1,.imprintcontent h2,.imprintcontent h3,.imprintcontent h4,.imprintcontent h5,.imprintcontent h6{line-height:1;color:var(--nc-tx-1);padding-top:.875rem}.imprintcontent h1,.imprintcontent h2,.imprintcontent h3{color:var(--nc-tx-1);padding-bottom:2px;margin-bottom:8px;border-bottom:1px solid var(--nc-bg-2)}.imprintcontent h4,.imprintcontent h5,.imprintcontent h6{margin-bottom:.3rem}.imprintcontent h1{font-size:2.25rem}.imprintcontent h2{font-size:1.85rem}.imprintcontent h3{font-size:1.55rem}.imprintcontent h4{font-size:1.25rem}.imprintcontent h5{font-size:1rem}.imprintcontent h6{font-size:.875rem}.imprintcontent a{color:#3d5af1}.imprintcontent a:hover{color:var(--nc-lk-2)}.imprintcontent abbr:hover{cursor:help}.imprintcontent blockquote{padding:1.5rem;background:#ddd;border-left:5px solid var(--nc-bg-3)}.imprintcontent abbr{cursor:help}.imprintcontent blockquote :last-child{padding-bottom:0;margin-bottom:0}.imprintcontent header{background:#ddd;border-bottom:1px solid var(--nc-bg-3);padding:2rem 1.5rem;margin:-2rem calc(0px - (50vw - 50%)) 2rem;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.imprintcontent header h1,.imprintcontent header h2,.imprintcontent header h3{padding-bottom:0;border-bottom:0}.imprintcontent header>:first-child{margin-top:0;padding-top:0}.imprintcontent header>:last-child{margin-bottom:0}.imprintcontent a button,.imprintcontent button,.imprintcontent input[type=button],.imprintcontent input[type=reset],.imprintcontent input[type=submit]{font-size:1rem;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;white-space:nowrap;background:#3d5af1;color:var(--nc-lk-tx);border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;color:var(--nc-lk-tx)}.imprintcontent a button[disabled],.imprintcontent button[disabled],.imprintcontent input[type=button][disabled],.imprintcontent input[type=reset][disabled],.imprintcontent input[type=submit][disabled]{cursor:default;opacity:.5;cursor:not-allowed}.imprintcontent .button:focus,.imprintcontent .button:hover,.imprintcontent button:focus,.imprintcontent button:hover,.imprintcontent input[type=button]:focus,.imprintcontent input[type=button]:hover,.imprintcontent input[type=reset]:focus,.imprintcontent input[type=reset]:hover,.imprintcontent input[type=submit]:focus,.imprintcontent input[type=submit]:hover{background:var(--nc-lk-2)}.imprintcontent code,.imprintcontent kbd,.imprintcontent pre,.imprintcontent samp{font-family:var(--nc-font-mono)}.imprintcontent code,.imprintcontent kbd,.imprintcontent pre,.imprintcontent samp{background:#ddd;border:1px solid var(--nc-bg-3);border-radius:4px;padding:3px 6px;font-size:.9rem}.imprintcontent kbd{border-bottom:3px solid var(--nc-bg-3)}.imprintcontent pre{padding:1rem 1.4rem;max-width:100%;overflow:auto}.imprintcontent pre code{background:inherit;font-size:inherit;color:inherit;border:0;padding:0;margin:0}.imprintcontent code pre{display:inline;background:inherit;font-size:inherit;color:inherit;border:0;padding:0;margin:0}.imprintcontent details{padding:.6rem 1rem;background:#ddd;border:1px solid var(--nc-bg-3);border-radius:4px}.imprintcontent summary{cursor:pointer;font-weight:700}.imprintcontent details[open]{padding-bottom:.75rem}.imprintcontent details[open] summary{margin-bottom:6px}.imprintcontent details[open]>:last-child{margin-bottom:0}.imprintcontent dt{font-weight:700}.imprintcontent dd::before{content:"→ "}.imprintcontent hr{border:0;border-bottom:1px solid var(--nc-bg-3);margin:1rem auto}.imprintcontent fieldset{margin-top:1rem;padding:2rem;border:1px solid var(--nc-bg-3);border-radius:4px}.imprintcontent legend{padding:auto .5rem}.imprintcontent table{border-collapse:collapse;width:100%}.imprintcontent td,.imprintcontent th{boLine truncated