Skip to content

Commit

Permalink
feat(cxl-lumo-styles): block editor add basic button styles
Browse files Browse the repository at this point in the history
  • Loading branch information
anoblet committed Oct 29, 2024
1 parent e63fd24 commit 8656854
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 0 deletions.
20 changes: 20 additions & 0 deletions packages/cxl-lumo-styles/scss/block-editor/button.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
.wp-block-button {
/* Sizing */
--lumo-button-size: var(--lumo-size-m);
min-width: calc(var(--lumo-button-size) * 2);
height: var(--lumo-button-size);
padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
margin: var(--lumo-space-xs) 0;
box-sizing: border-box;
/* Style */
font-family: var(--lumo-font-family);
font-size: var(--lumo-font-size-m);
font-weight: 500;
color: var(--_lumo-button-color, var(--lumo-primary-text-color));
background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
border-radius: var(--lumo-border-radius-m);
cursor: var(--lumo-clickable-cursor);
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
1 change: 1 addition & 0 deletions packages/cxl-lumo-styles/scss/wp-block-editor.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import "block-editor/button";
@import "block-editor/color";
@import "block-editor/sizing";
@import "block-editor/spacing";
Expand Down

0 comments on commit 8656854

Please sign in to comment.