blob: 2a7ff34c4d6b068a663f8e04813b0823332b60ee (
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
|
// don't modify this file -> edit 📁 custom-style/_buttons.scss to create your custom buttons
.btn { // basic button style
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
text-decoration: none;
font-size: var(--btn-font-size, 1em);
padding-top: var(--btn-padding-y, 0.5em);
padding-bottom: var(--btn-padding-y, 0.5em);
padding-left: var(--btn-padding-x, 0.75em);
padding-right: var(--btn-padding-x, 0.75em);
border-radius: var(--btn-radius, 0.25em);
}
// default size variations
.btn--sm { font-size: var(--btn-font-size-sm, 0.8em); }
.btn--md { font-size: var(--btn-font-size-md, 1.2em); }
.btn--lg { font-size: var(--btn-font-size-lg, 1.4em); }
// button with (only) icon
.btn--icon { padding: var(--btn-padding-y, 0.5em); }
|
