Compare commits
No commits in common. "128375bc4941ab0357ada554d660c58106de73d2" and "83dcb44288d61c9e4d0b15b9fb3d6e3fe8c7d0a2" have entirely different histories.
128375bc49
...
83dcb44288
@ -5,11 +5,6 @@
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
&.buttons--mode-row-center {
|
||||
flex-flow: row wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&.buttons--mode-column {
|
||||
flex-flow: column;
|
||||
}
|
||||
@ -45,24 +40,17 @@
|
||||
.button {
|
||||
margin: 0;
|
||||
|
||||
svg {
|
||||
height: var(--svg-size);
|
||||
width: var(--svg-size);
|
||||
}
|
||||
|
||||
&.button--size-tiny {
|
||||
font-size: 10px;
|
||||
--svg-size: 12px;
|
||||
}
|
||||
|
||||
&.button--size-small {
|
||||
font-size: 14px;
|
||||
--svg-size: 16px;
|
||||
}
|
||||
|
||||
&.button--size-medium {
|
||||
font-size: 16px;
|
||||
--svg-size: 18px;
|
||||
|
||||
@container (max-width: 500px) {
|
||||
font-size: 15px;
|
||||
}
|
||||
@ -70,7 +58,6 @@
|
||||
|
||||
&.button--size-large {
|
||||
font-size: 24px;
|
||||
--svg-size: 24px;
|
||||
|
||||
@container (max-width: 500px) {
|
||||
font-size: 18px;
|
||||
@ -79,7 +66,6 @@
|
||||
|
||||
&.button--size-extra-large {
|
||||
font-size: 32px;
|
||||
--svg-size: 32px;
|
||||
|
||||
@container (max-width: 500px) {
|
||||
font-size: 24px;
|
||||
|
||||
@ -5,7 +5,7 @@ import { button, button_variants } from "src/back/elements/button.js";
|
||||
import { getAllIconNames } from "src/back/icons.js";
|
||||
|
||||
const component_arguments = {
|
||||
mode: new ComponentArguments.Enum(["column", "row", "row-center"]),
|
||||
mode: new ComponentArguments.Enum(["column", "row"]),
|
||||
gap: new ComponentArguments.Enum(["none", "narrow", "medium", "wide"]),
|
||||
bleed: new ComponentArguments.Enum(["none", "bleed", "screen"]).setDefaultValue(
|
||||
"none"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user