muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

#23 changed promoted button appearance

Browse source
This commit is contained in:
Fedor Katurov 2021-03-17 17:26:22 +07:00
parent 82aeb7f147
commit 32aaa3f794
7 changed files with 86 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/input/Button/index.tsx
View file

@ -11,7 +11,7 @@ type IButtonProps = DetailedHTMLProps<
HTMLButtonElement
> & {
size?: 'mini' | 'normal' | 'big' | 'giant' | 'micro' | 'small';
color?: 'primary' | 'secondary' | 'outline' | 'link' | 'gray';
color?: 'primary' | 'secondary' | 'outline' | 'link' | 'gray' | 'lab';
iconLeft?: IIcon;
iconRight?: IIcon;
title?: string;

28
src/components/input/Button/styles.module.scss
View file

@ -36,7 +36,7 @@
filter: grayscale(0);
transition: opacity 0.25s, filter 0.25s, box-shadow 0.25s;
transition: opacity 0.25s, filter 0.25s, box-shadow 0.25s, background-color 0.5s;
opacity: 0.8;
@include outer_shadow();
@ -77,12 +77,6 @@
}
}
&:global(.red) {
fill: $red;
stroke: $red;
color: $red;
}
&:global(.stretchy) {
flex: 1;
}
@ -123,14 +117,6 @@
padding-right: $gap;
}
&.primary {
background: $red_gradient;
}
&.secondary {
background: $green_gradient;
}
&.outline {
background: transparent;
box-shadow: inset transparentize(white, 0.8) 0 0 0 2px;
@ -231,3 +217,15 @@
width: 20px;
height: 20px;
}
.primary {
background: $red;
}
.secondary {
background: $wisegreen;
}
.lab {
background: $blue;
}