kuba/strona-czynna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: kuba:128375bc4941ab0357ada554d660c58106de73d2
Branches Tags
kuba:master
..
compare: kuba:83dcb44288d61c9e4d0b15b9fb3d6e3fe8c7d0a2
Branches Tags
kuba:master

No commits in common. "128375bc4941ab0357ada554d660c58106de73d2" and "83dcb44288d61c9e4d0b15b9fb3d6e3fe8c7d0a2" have entirely different histories.
128375bc49 ... 83dcb44288

2 changed files with 2 additions and 16 deletions
Show Stats Expand all files Collapse all files

16
src/back/jdd-components/buttons/buttons.css
View File

@ -5,11 +5,6 @@
flex-flow: row wrap; flex-flow: row wrap;
} }
&.buttons--mode-row-center {
flex-flow: row wrap;
justify-content: center;
}
&.buttons--mode-column { &.buttons--mode-column {
flex-flow: column; flex-flow: column;
} }
@ -45,24 +40,17 @@
.button { .button {
margin: 0; margin: 0;
svg {
height: var(--svg-size);
width: var(--svg-size);
}
&.button--size-tiny { &.button--size-tiny {
font-size: 10px; font-size: 10px;
--svg-size: 12px;
} }
&.button--size-small { &.button--size-small {
font-size: 14px; font-size: 14px;
--svg-size: 16px;
} }
&.button--size-medium { &.button--size-medium {
font-size: 16px; font-size: 16px;
--svg-size: 18px;
@container (max-width: 500px) { @container (max-width: 500px) {
font-size: 15px; font-size: 15px;
} }
@ -70,7 +58,6 @@
&.button--size-large { &.button--size-large {
font-size: 24px; font-size: 24px;
--svg-size: 24px;
@container (max-width: 500px) { @container (max-width: 500px) {
font-size: 18px; font-size: 18px;
@ -79,7 +66,6 @@
&.button--size-extra-large { &.button--size-extra-large {
font-size: 32px; font-size: 32px;
--svg-size: 32px;
@container (max-width: 500px) { @container (max-width: 500px) {
font-size: 24px; font-size: 24px;

2
src/back/jdd-components/buttons/buttons.jdd.tsx
View File

@ -5,7 +5,7 @@ import { button, button_variants } from "src/back/elements/button.js";
import { getAllIconNames } from "src/back/icons.js"; import { getAllIconNames } from "src/back/icons.js";
const component_arguments = { 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"]), gap: new ComponentArguments.Enum(["none", "narrow", "medium", "wide"]),
bleed: new ComponentArguments.Enum(["none", "bleed", "screen"]).setDefaultValue( bleed: new ComponentArguments.Enum(["none", "bleed", "screen"]).setDefaultValue(
"none" "none"