blob: 8836b47edb285de7966376ce9d6c563645ceb599 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<button {...$$restProps} on:click {...$$props}>
<slot></slot>
</button>
<style>
button {
color: var(--text);
border: none;
text-decoration: none;
cursor: pointer;
font-size: 16px;
font-weight: bold;
transition-duration: 0.1s;
display: inline-flex;
align-items: center;
margin: 7.5px 0;
background-color: var(--bg-secondary);
border-radius: 5px;
padding: 10px;
}
button:hover {
color: var(--active);
}
button:active {
transform: translateY(1px);
}
</style>
|
