this repo has no description
hauleth.dev
1.button-container {
2 display: table;
3 margin-left: auto;
4 margin-right: auto;
5}
6
7button,
8.button,
9a.button {
10 position: relative;
11 display: flex;
12 align-items: center;
13 justify-content: center;
14 padding: 8px 18px;
15 margin-bottom: 5px;
16 text-decoration: none;
17 text-align: center;
18 border-radius: 8px;
19 border: 1px solid transparent;
20 appearance: none;
21 cursor: pointer;
22 outline: none;
23
24 /* variants */
25
26 &.outline {
27 background: transparent;
28 box-shadow: none;
29 padding: 8px 18px;
30
31 :hover {
32 transform: none;
33 box-shadow: none;
34 }
35 }
36
37 &.primary {
38 box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
39
40 &:hover {
41 box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08);
42 }
43 }
44
45 &.link {
46 background: none;
47 font-size: 1rem;
48 }
49
50 /* sizes */
51
52 &.small {
53 font-size: .8rem;
54 }
55
56 &.wide {
57 min-width: 200px;
58 padding: 14px 24px;
59 }
60}
61
62a.read-more,
63a.read-more:hover,
64a.read-more:active {
65 display: inline-flex;
66 background: none;
67 box-shadow: none;
68 padding: 0;
69 margin: 20px 0;
70 max-width: 100%;
71}
72
73.code-toolbar {
74 margin-bottom: 20px;
75
76 .toolbar-item a {
77 position: relative;
78 display: inline-flex;
79 align-items: center;
80 justify-content: center;
81 padding: 3px 8px;
82 margin-bottom: 5px;
83 text-align: center;
84 font-size: 13px;
85 font-weight: 500;
86 border-radius: 8px;
87 border: 1px solid transparent;
88 appearance: none;
89 cursor: pointer;
90 outline: none;
91 }
92}