Unverified Commit 872f3254 authored by Guilherme Gazzo's avatar Guilherme Gazzo Committed by GitHub
Browse files

fix: Button ghost background var (#310)

parent fa6b31d0
......@@ -27,6 +27,7 @@
"build": "run-s clean build:prod build:dev",
"eslint": "eslint src",
"stylelint": "stylelint 'src/**/*.scss'",
"fix": "stylelint --fix 'src/**/*.scss'",
"lint": "run-s eslint stylelint",
"lint-staged": "lint-staged",
"test": "jest",
......
......@@ -132,14 +132,12 @@
}
&--ghost {
border-color: transparent;
background-color: transparent;
border-color: $button-colors-ghost-background-color;
background-color: $button-colors-ghost-border-color;
}
&--ghost-danger {
color: colors.danger(500);
border-color: transparent;
background-color: transparent;
&.disabled,
&:disabled {
......@@ -149,8 +147,6 @@
&--ghost-success {
color: colors.success(500);
border-color: transparent;
background-color: transparent;
&.disabled,
&:disabled {
......
......@@ -26,6 +26,6 @@ TopBar.Avatar = Avatar;
TopBar.Actions = Actions;
TopBar.Action = (props) => <ActionButton small ghost {...props}/>;
TopBar.Divider = () => <Divider mbs='neg-x2' mbe={0} />;
TopBar.Title = (props) => <Box rcx-sidebar-top-bar__title fontScale='p2' color='neutral-900' withTruncatedText {...props} />;
TopBar.Title = (props) => <Box rcx-sidebar-top-bar__title withTruncatedText {...props} />;
export default TopBar;
......@@ -49,6 +49,12 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
padding-block: lengths.padding(16);
padding-inline: lengths.padding(16);
}
&__title {
@include typography.use-font-scale(p2);
color: colors.neutral(900);
}
}
&-item {
......@@ -184,6 +190,7 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
&-title {
@include typography.use-font-scale(c2);
@include typography.use-with-truncated-text();
padding-block: lengths.padding(12);
padding-inline: lengths.padding(16);
......
@use '../colors.scss';
$button-colors-ghost-background-color: theme('button-colors-ghost-background-color', transparent);
$button-colors-ghost-border-color: theme('button-colors-ghost-border-color', transparent);
$button-colors-primary-background-color: theme('button-colors-primary-background-color', colors.primary(500));
$button-colors-primary-border-color: theme('button-colors-primary-border-color', colors.primary(500));
$button-colors-primary-color: theme('button-colors-primary-color', colors.foreground(alternative));
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment