KT-personal-website/public/assets/css/app-min.css

1 line
7.4 KiB
CSS
Raw Normal View History

2024-10-22 12:26:08 +02:00
:root{color-scheme:dark light;--primary:#cc2027;--primary-darken:#8E161B;--primary-lighten:#D64C52;--primary-text-contrast:#FFF;--secondary:#20ccc5;--secondary-darken:#168E89;--secondary-lighten:#4CD6D0;--secondary-text-contrast:#000;--error:#c43933;--error-darken:#892723;--error-lighten:#CF605B;--error-text-contrast:#FFF;--info:#206ccc;--info-darken:#164B8E;--info-lighten:#4C89D6;--info-text-contrast:#FFF;--success:#7dcc20;--success-darken:#578E16;--success-lighten:#97D64C;--success-text-contrast:#000;--warning:#cc5e20;--warning-darken:#8E4116;--warning-lighten:#D67E4C;--warning-text-contrast:#FFF;--background-color:light-dark(#fffbfb,#171414);--background-color-darken:light-dark(#B2AFAF,#100E0E);--background-color-lighten:light-dark(#FFFBFB,#454343);--light-background-color:#fffbfb;--dark-background-color:#171414;--header-background-color:light-dark(#171414,#fffbfb);--header-background-color-darken:light-dark(#100E0E,#B2AFAF);--header-background-color-lighten:light-dark(#454343,#FFFBFB);--header-text-color:light-dark(#fffbfb,#171414);--header-text-color-secondary:#ffffffb3;--header-text-color-disable:light-dark(#ffffff80,#454343);--text-color:light-dark(#171414,#fffbfb);--text-color-secondary:#ffffffb3;--text-color-disable:light-dark(#454343,#ffffff80);--light-text-color:#171414;--dark-text-color:#fffbfb;--text-color-inverse:light-dark(#fffbfb,#171414);--text-color-secondary-inverse:#ffffffb3;--text-color-disable-inverse:light-dark(#ffffff80,#454343);--box-shadow-light:.4rem .4rem 0 .1rem #B2AFAF;--box-shadow-dark:.4rem .4rem 0 .1rem #454343;--box-shadow-auto:.4rem .4rem 0 .1rem light-dark(#B2AFAF,#454343);--h1-color:var(--primary);--h2-color:#c33d35;--h3-color:#b94f44;--h4-color:#ae5e52;--h5-color:#a16a61;--h6-color:#927671;--font-size:1.1em;--default-space:.2em;}[data-theme=dark]{color-scheme:dark;}[data-theme="light"]{color-scheme:light;}*,*::before,*::after{box-sizing:border-box;}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0;}ul[role='list'],ol[role='list']{list-style:none;}body{min-height:100vh;line-height:1.5;}h1,h2,h3,h4,h4,h5,h6,button,input,label{line-height:1.1;}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin:calc(var(--default-space)*2);}input,button,textarea,select{font-family:inherit;font-size:inherit;}textarea:not([rows]){min-height:10em;}:target{scroll-margin-block:5ex;}a{color:var(--primary);text-decoration:none;}a:hover{color:var(--primary-lighten);text-decoration:underline var(--primary-darken);}a[target="_blank"]::after,a.external::after{content:'&nsp;';display:inline-block;width:1em;height:1em;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -6 24 28'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H7a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-5m-6 0l7.5-7.5M15 3h6v6'/%3E%3C/svg%3E");background-color:currentColor;mask-image:var(--svg);mask-repeat:no-repeat;mask-size:100% 100%;}h1{color:var(--h1-color);font-size:calc(var(--font-size) * 1.6);}h2{color:var(--h2-color);font-size:calc(var(--font-size) * 1.5);}h3{color:var(--h3-color);font-size:calc(var(--font-size) * 1.4);}h4{color:var(--h4-color);font-size:calc(var(--font-size) * 1.3);}h5{color:var(--h5-color);font-size:calc(var(--font-size) * 1.2);}h6{color:var(--h6-color);font-size:calc(var(--font-size) * 1.1);}table{border-collapse:collapse;}table,th,td{border:1px solid var(--primary-darken);}th{padding:calc(var(--default-space)*2);background-color:var(--primary-lighten);color:var(--primary-text-contrast);}td{padding:var(--default-space)}html{background-color:var(--background-color);scroll-behavior:smooth;}body{width:80vw;margin:0 auto;min-height:100vh;min-height:100dvh;text-rendering:optimizeSpeed;font-size:var(--font-size);}header{background-color:transparent;}header h1 img{display:inline;}header h1{color:var(--primary);}header svg{fill:var(--primary-lighten);vertical-align:middle;}nav{width:100%;display:flex;align-items:center;justify-content:space-bet