pleroma-like client for Bluesky
pl.hexmani.ac
hexmani.ac
bluesky
pleroma
social-media
1@use "./container";
2@use "./routes/login";
3@use "./vars";
4@use "./button";
5@use "./nav";
6
7/* Core page format */
8body {
9 text-align: center;
10 color: vars.$textColor;
11 background-color: rgba(12, 17, 24, 1);
12 font-family: Arial, Helvetica, sans-serif;
13 margin: 0;
14 overflow: hidden;
15}
16
17main {
18 display: flex;
19 flex-direction: row;
20 justify-content: center;
21 margin: 0 auto;
22 max-width: 75%;
23}
24
25@media (max-width: 768px) {
26 main {
27 flex-direction: column;
28 max-width: 90%;
29 margin: 0 1rem;
30 }
31}
32
33a {
34 text-decoration: none;
35 color: #1185fe;
36}
37
38a:hover {
39 font-weight: bold;
40 font-style: italic;
41}
42
43/* Dashboard */
44
45.post-form {
46 display: flex;
47 flex-direction: column;
48 place-content: center;
49
50 button {
51 }
52}
53
54#post-textbox {
55 background-color: vars.$foregroundColor;
56 border: 0;
57 border-radius: containerBorderRadius;
58 box-shadow:
59 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset,
60 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset,
61 0px 0px 2px 0px rgba(0, 0, 0, 1) inset;
62 color: vars.$textColor;
63 font-family: inherit;
64 font-size: 14px;
65 resize: none;
66 max-width: 90%;
67}
68
69.dashboard-feed {
70 p {
71 color: #8d8d8d;
72 }
73}