diff options
| author | zephex <[email protected]> | 2024-04-20 13:34:53 +0530 |
|---|---|---|
| committer | zephex <[email protected]> | 2024-04-20 13:34:53 +0530 |
| commit | d6780cf3dad729c69a102ba2940188cf1e6bcbf4 (patch) | |
| tree | d10a2aefef6664c42439f165c73722c514b032bc /src/app/anime/top-airing/trending.module.css | |
| parent | feature added: tracker for mangas (diff) | |
| download | dramalama-d6780cf3dad729c69a102ba2940188cf1e6bcbf4.tar.xz dramalama-d6780cf3dad729c69a102ba2940188cf1e6bcbf4.zip | |
idk whats happening
Diffstat (limited to 'src/app/anime/top-airing/trending.module.css')
| -rw-r--r-- | src/app/anime/top-airing/trending.module.css | 142 |
1 files changed, 71 insertions, 71 deletions
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css index 9d03384..d8f1ed6 100644 --- a/src/app/anime/top-airing/trending.module.css +++ b/src/app/anime/top-airing/trending.module.css @@ -1,72 +1,72 @@ -.TrendingText { - display: flex; - align-items: center; -} - -.TrendingText p { - font-size: 28px; - margin: 5px; - color: var(--soft-purple); - font-family: "Poppins"; - font-weight: 500; -} - -.TrendingText span { - margin-top: 6px; -} - -.trending { - display: flex; - overflow-x: auto; -} - -.TrendingContainer:hover .trendingEntries { - opacity: 0.5; -} - -.TrendingContainer:hover .trendingEntries:hover { - opacity: 1; - transform: scale(1.02); -} - -.trending::-webkit-scrollbar { - height: 5px; - width: 0px; -} - -.trending::-webkit-scrollbar-thumb { - background-color: #444444; - border-radius: 5px; -} - -.trendingEntries { - margin: 4px; - transition: transform 400ms ease; - background-color: #1f1f1fbb; - padding: 0.5rem; - border-radius: 1rem; - transition: opacity 400ms ease, transform 400ms ease; -} - -.trendingEntries p { - text-align: center; - margin: 5px auto; - width: 140px; - font-family: "Atkinson Hyperlegible"; - height: 80px; - overflow-y: auto; -} - -.trendingEntries p::-webkit-scrollbar { - width: 2px; -} - -.trendingEntries p::-webkit-scrollbar-thumb { - background-color: #444444; - border-radius: 5px; -} - -.trendingImage { - border-radius: 1rem; - aspect-ratio: auto; +.TrendingText {
+ display: flex;
+ align-items: center;
+}
+
+.TrendingText p {
+ font-size: 28px;
+ margin: 5px;
+ color: var(--soft-purple);
+ font-family: "Poppins";
+ font-weight: 500;
+}
+
+.TrendingText span {
+ margin-top: 6px;
+}
+
+.trending {
+ display: flex;
+ overflow-x: auto;
+}
+
+.TrendingContainer:hover .trendingEntries {
+ opacity: 0.5;
+}
+
+.TrendingContainer:hover .trendingEntries:hover {
+ opacity: 1;
+ transform: scale(1.02);
+}
+
+.trending::-webkit-scrollbar {
+ height: 5px;
+ width: 0px;
+}
+
+.trending::-webkit-scrollbar-thumb {
+ background-color: #444444;
+ border-radius: 5px;
+}
+
+.trendingEntries {
+ margin: 4px;
+ transition: transform 400ms ease;
+ background-color: #1f1f1fbb;
+ padding: 0.5rem;
+ border-radius: 1rem;
+ transition: opacity 400ms ease, transform 400ms ease;
+}
+
+.trendingEntries p {
+ text-align: center;
+ margin: 5px auto;
+ width: 140px;
+ font-family: "Atkinson Hyperlegible";
+ height: 80px;
+ overflow-y: auto;
+}
+
+.trendingEntries p::-webkit-scrollbar {
+ width: 2px;
+}
+
+.trendingEntries p::-webkit-scrollbar-thumb {
+ background-color: #444444;
+ border-radius: 5px;
+}
+
+.trendingImage {
+ border-radius: 1rem;
+ aspect-ratio: auto;
}
\ No newline at end of file |