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

55
css/shared.css
View File

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