Mirrors/inspec
2
0
Fork 0
mirror of https://github.com/inspec/inspec synced 2024-11-10 15:14:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add active animation to primary/secondary buttons

Browse source
This commit is contained in:
Maggie Walker 2016-09-21 14:49:47 -07:00 committed by Christoph Hartmann
parent a266baceaa
commit fa047bc364
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
www/source/stylesheets/_buttons.scss
View file

@ -3,6 +3,7 @@
text-transform: uppercase;
border-radius: 0;
box-shadow: 3px 3px 0 0 $off-white;
transition: all 0.3s ease;
&.primary {
color: $inspec-grey;
@ -10,6 +11,12 @@
border: 1px solid $inspec-blue;
}
&.primary:active,
&.secondary:active {
transform: translateX(2px) translateY(2px);
box-shadow: 0 0 0 0 $off-white;
}
&.transparent {
color: $inspec-grey;
background: transparent;