css .share-size

This commit is contained in:
Adrien MALINGREY 2023-05-11 13:31:17 +02:00
parent c85c175416
commit 657946708a

View File

@ -34,19 +34,11 @@
margin: auto; margin: auto;
} }
.button.share-size {
--bg: #21ba45;
}
.item.share-size {
--bg: white;
}
.share-size { .share-size {
--free-ratio: calc(var(--free) / var(--total)); --free-ratio: calc(var(--free) / var(--total));
--used-percent: calc(100% - 100%*var(--free-ratio)); --used-percent: calc(100% - 100%*var(--free-ratio));
--color: hsl(calc(120*var(--free-ratio)) 100% 50%); --color: hsl(calc(120*var(--free-ratio)) 100% 50%);
background: linear-gradient(to right, var(--color) var(--used-percent), var(--bg) var(--used-percent), var(--bg)) !important; background-image: linear-gradient(to right, var(--color) var(--used-percent), transparent var(--used-percent), transparent) !important;
} }
</style> </style>
<meta http-equiv="refresh" content="60"/> <meta http-equiv="refresh" content="60"/>