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
51 /* sizes */
52
53 &.small {
54 font-size: .8rem;
55 }
56
57 &.wide {
58 min-width: 200px;
59 padding: 14px 24px;
60 }
61}
62
63a.read-more,
64a.read-more:hover,
65a.read-more:active {
66 display: inline-flex;
67 background: none;
68 box-shadow: none;
69 padding: 0;
70 margin: 20px 0;
71 max-width: 100%;
72}
73
74.code-toolbar {
75 margin-bottom: 20px;
76
77 .toolbar-item a {
78 position: relative;
79 display: inline-flex;
80 align-items: center;
81 justify-content: center;
82 padding: 3px 8px;
83 margin-bottom: 5px;
84 text-decoration: none;
85 text-align: center;
86 font-size: 13px;
87 font-weight: 500;
88 border-radius: 8px;
89 border: 1px solid transparent;
90 appearance: none;
91 cursor: pointer;
92 outline: none;
93 }
94}