pleroma-like client for Bluesky
pl.hexmani.ac
hexmani.ac
bluesky
pleroma
social-media
1@use "vars";
2
3button,
4.button {
5 padding: 0.5em 1em;
6 margin: 1em 0;
7 font-family: Arial, Helvetica, sans-serif;
8 font-weight: bold;
9 border: none;
10 border-radius: vars.$containerBorderRadius;
11 background-color: vars.$foregroundColor;
12 color: vars.$textColor;
13 width: auto;
14 box-shadow:
15 0px 0px 2px 0px rgba(0, 0, 0, 1),
16 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
17 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
18}
19
20button:hover,
21.button:hover {
22 box-shadow:
23 0px 0px 1px 2px rgba(185, 185, 186, 0.4) inset,
24 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
25 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
26}
27
28button:disabled,
29.button:disabled {
30 color: #666769;
31}
32
33button:focus,
34.button:focus {
35 outline: none;
36 box-shadow:
37 0px 0px 1px 2px rgba(185, 185, 186, 0.4) inset,
38 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
39 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
40}