k/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

format cleanup

Browse Source
This commit is contained in:
k 2024-05-24 22:28:39 -04:00
parent 60b4594e9d
commit 2154b74c31
1 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
css/shared.css
View File

@ -1,35 +1,32 @@
:root {
}
html { html {
height:100vh; height: 100vh;
width:100vw; width: 100vw;
background: linear-gradient(45deg, gold 2%, purple); background: linear-gradient(45deg, gold 2%, purple);
overflow: hidden; overflow: hidden;
margin:0px; margin: 0px;
animation: gradient 35s linear infinite; animation: gradient 35s linear infinite;
background-size: 180% 180%; background-size: 180% 180%;
} }
body { body {
display flex; display: flex;
color: white; color: white;
margin: 0px; margin: 0px;
} }
.artical{ .artical {
width: min(calc(100vw - 4em), 55em); width: min(calc(100vw - 4em), 55em);
margin:auto; margin: auto;
margin-top: 2em; margin-top: 2em;
height: 25em; height: 25em;
overflow: hidden; overflow: hidden;
transition-duration: 1.5s; transition-duration: 1.5s;
} }
.artical:hover{ .artical:hover {
width:calc(100% - 8em); width: calc(100% - 8em);
height:calc(100vh - 6em); height: calc(100vh - 6em);
overflow: scroll; overflow: scroll;
} }
@ -44,19 +41,19 @@ body {
height: 0.3em; height: 0.3em;
} }
.artical:hover .preview{ .artical:hover .preview {
display:none; display: none;
} }
.content{ .content {
display:none; display: none;
} }
.artical:hover .content{ .artical:hover .content {
display:block; display: block;
} }
.glass{ .glass {
background: rgba(128, 128, 128, 0.35); background: rgba(128, 128, 128, 0.35);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 3em; border-radius: 3em;
@ -68,9 +65,11 @@ body {
0% { 0% {
background-position: 0% 50%; background-position: 0% 50%;
} }
50% { 50% {
background-position: 100% 50%; background-position: 100% 50%;
} }
100% { 100% {
background-position: 0% 50%; background-position: 0% 50%;
} }