this repo has no description
hauleth.dev
1button,
2.button,
3a.button {
4 position: relative;
5 display: flex;
6 align-items: center;
7 justify-content: center;
8 padding: 8px 18px;
9 margin-bottom: 5px;
10 text-decoration: none;
11 text-align: center;
12 border-radius: 8px;
13 border: 1px solid transparent;
14 appearance: none;
15 cursor: pointer;
16 outline: none;
17
18 /* variants */
19
20 &.outline {
21 background: transparent;
22 box-shadow: none;
23 padding: 8px 18px;
24
25 :hover {
26 transform: none;
27 box-shadow: none;
28 }
29 }
30
31 &.primary {
32 box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
33
34 &:hover {
35 box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08);
36 }
37 }
38
39 &.link {
40 background: none;
41 font-size: 1rem;
42 }
43
44 /* sizes */
45
46 &.small {
47 font-size: .8rem;
48 }
49
50 &.wide {
51 min-width: 200px;
52 padding: 14px 24px;
53 }
54}
55
56a.read-more,
57a.read-more:hover,
58a.read-more:active {
59 display: inline-flex;
60 background: none;
61 box-shadow: none;
62 padding: 0;
63 margin: 20px 0;
64 max-width: 100%;
65}