Skip to content
Snippets Groups Projects
Commit bee6ae0b authored by Kaushik's avatar Kaushik
Browse files

Changes Added

parent 7778ccaa
No related branches found
No related tags found
2 merge requests!13Feature/kaushik/footer,!8button component
.button { .customButton {
font-size: 0.75rem; font-size: 0.75rem;
color: #5e72e4 !important; color: #5e72e4;
position: relative; position: relative;
transition: all 0.15s ease !important; transition: all 0.15s ease !important;
letter-spacing: 0.025em; letter-spacing: 0.025em;
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
padding: 0.25rem 0.5rem !important; padding: 0.25rem 0.5rem !important;
border-radius: 0.25rem !important; border-radius: 0.25rem !important;
border-color: #fff; border-color: #fff;
background-color: #fff !important; background-color: #fff;
box-shadow: 0 4px 6px rgba(0.1, 0.1, 0.1, 0.11), box-shadow: 0 4px 6px rgba(0.1, 0.1, 0.1, 0.11),
0 1px 3px rgba(0.1, 0.1, 0.1, 0.8); 0 1px 3px rgba(0.1, 0.1, 0.1, 0.8);
font-weight: 600; font-weight: 600;
...@@ -32,11 +32,11 @@ ...@@ -32,11 +32,11 @@
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 7px 14px rgba(0.5, 0.5, 0.93, 0.1), box-shadow: 0 7px 14px rgba(0.5, 0.5, 0.93, 0.1),
0 3px 6px rgba(0, 0, 0, 0.8); 0 3px 6px rgba(0, 0, 0, 0.8);
color: #212529 !important; color: #212529;
border-color: #fff !important; border-color: #fff;
background-color: #fff !important; background-color: #fff;
} }
&.filledbutton { &.filledButton {
color: #fff; color: #fff;
background-color: #5e72e4; background-color: #5e72e4;
} }
......
...@@ -8,7 +8,7 @@ function Button(props) { ...@@ -8,7 +8,7 @@ function Button(props) {
return ( return (
<button <button
onClick={handleButtonClick} onClick={handleButtonClick}
className={cs(style.button, style[variant], customClass)} className={cs(style.customButton, style[variant], customClass)}
disabled={disabled} disabled={disabled}
> >
{label} {label}
...@@ -20,13 +20,13 @@ Button.propTypes = { ...@@ -20,13 +20,13 @@ Button.propTypes = {
customClass: PropTypes.string, customClass: PropTypes.string,
label: PropTypes.string, label: PropTypes.string,
disabled: PropTypes.bool, disabled: PropTypes.bool,
variant: PropTypes.oneOf(["filledbutton"]), variant: PropTypes.oneOf(["filledButton"]),
handleButtonClick: PropTypes.func, handleButtonClick: PropTypes.func,
}; };
Button.defaultProps = { Button.defaultProps = {
label: "Button", label: "Button",
variant: "filledbutton", variant: "filledButton",
customClass: "", customClass: "",
}; };
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment