pleroma-like client for Bluesky
pl.hexmani.ac
hexmani.ac
bluesky
pleroma
social-media
1@use "./vars";
2
3.container {
4 background-color: #24262d;
5 border-radius: vars.$containerBorderRadius;
6 margin: 1em;
7 padding: 0 0 1em 0;
8 max-height: 100%;
9 min-width: 0;
10 box-sizing: border-box;
11 box-shadow:
12 0px 0px 3px 0px rgba(0, 0, 0, 0.5),
13 0px 4px 6px 3px rgba(0, 0, 0, 0.3);
14
15 .container-content {
16 padding: 0;
17 margin-top: 1rem;
18 min-width: 0;
19 overflow-wrap: break-word;
20 }
21
22 @media (max-width: 768px) {
23 margin: 0.5em;
24 }
25}
26
27.container-header {
28 background-color: vars.$foregroundColor;
29 text-align: left;
30 padding: 1rem;
31 height: 1rem;
32 border-radius: vars.$containerBorderRadius vars.$containerBorderRadius 0 0;
33 box-shadow:
34 0px 1px 3px 0px rgba(0, 0, 0, 0.4),
35 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
36}
37
38.submitInfo {
39 background-color: rgba(211, 16, 20, 0.5);
40 border-radius: vars.$containerBorderRadius;
41 color: rgba(185, 185, 186, 1);
42 padding: 0.5rem 1rem;
43 width: 80%;
44 text-align: center;
45 align-self: center;
46}