pleroma-like client for Bluesky
pl.hexmani.ac
hexmani.ac
bluesky
pleroma
social-media
1@use "vars";
2
3#nav {
4 box-shadow:
5 0px 1px 4px 0px rgba(0, 0, 0, 0.4),
6 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
7 display: grid;
8 grid-template-rows: auto;
9 grid-template-columns: auto auto auto auto auto;
10 grid-column-start: span 5;
11 grid-row-start: span 1;
12 background-color: vars.$foregroundColor;
13 height: 3.5rem;
14 padding-right: 0;
15 width: 100%;
16}
17
18.center-nav {
19 grid-column: 3;
20 position: relative;
21
22 img {
23 transition-timing-function: ease-in-out;
24 transition-duration: 0.15s;
25 margin-top: 0.5rem;
26 height: 2.5rem;
27 filter: grayscale(1);
28 }
29
30 img:hover {
31 filter: grayscale(0);
32 }
33}