Skip to content

Commit

Permalink
Fix
Browse files Browse the repository at this point in the history
  • Loading branch information
mejta committed Oct 29, 2024
1 parent a5a8237 commit 797b720
Show file tree
Hide file tree
Showing 7 changed files with 46 additions and 5 deletions.
2 changes: 1 addition & 1 deletion assets/components/Button.js
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ export function Button ({
{...rest}
onClick={handleClick}
disabled={disabled}
className={clsx('button wpifycf-button', className, primary && 'button-primary')}
className={clsx('wpifycf-button', className, primary && 'wpifycf-button--primary')}
>
{children}
</Tag>
Expand Down
36 changes: 36 additions & 0 deletions assets/styles/components/button.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
.wpifycf-button {
display: inline-flex;
background: var(--wpifycf-grey);
border: 1px solid var(--wpifycf-blue);
color: var(--wpifycf-blue) !important;
outline: 1px solid #0000;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
line-height: 1;
min-height: 30px;
padding: 0 10px;
font-size: 13px;
border-radius: 3px;
cursor: pointer;
justify-content: center;
align-items: center;

&:hover {
background: var(--wpifycf-grey-hover);
border: 1px solid var(--wpifycf-blue-hover);
color: var(--wpifycf-blue-hover);
}

&--primary {
background: var(--wpifycf-blue);
border: 1px solid var(--wpifycf-blue);
color: white !important;
}

&--primary:hover {
background: var(--wpifycf-blue-hover);
border: 1px solid var(--wpifycf-blue-hover);
color: white;
}
}
5 changes: 5 additions & 0 deletions assets/styles/custom-fields.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,13 @@
--wpifycf-gap-2: 10px;
--wpifycf-gap-3: 20px;
--wpifycf-border-color: #ddd;
--wpifycf-grey: #f6f7f7;
--wpifycf-grey-hover: #f0f0f1;
--wpifycf-blue: #2271b1;
--wpifycf-blue-hover: #0a4b78;
}

@import "components/button";
@import "components/context-options";
@import "components/context-gutenberg-block";
@import "components/context-metabox";
Expand Down
2 changes: 1 addition & 1 deletion build/wpify-custom-fields-rtl.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/wpify-custom-fields.asset.php
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<?php return array('dependencies' => array('react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives', 'wp-server-side-render', 'wp-url'), 'version' => 'ccd50484d3f39d8f94a7');
<?php return array('dependencies' => array('react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives', 'wp-server-side-render', 'wp-url'), 'version' => '8a583d2d19864a5ba29c');
2 changes: 1 addition & 1 deletion build/wpify-custom-fields.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/wpify-custom-fields.js

Large diffs are not rendered by default.

0 comments on commit 797b720

Please sign in to comment.