scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #3306 from benjiwheeler/join-flow-restyle-next-button

Browse source 
restyle next button to remove border, add hover color
This commit is contained in:
Benjamin Wheeler 2019-09-05 11:28:10 -04:00 committed by GitHub
commit f50717d4f9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/_colors.scss
View file

@ -8,6 +8,7 @@ $ui-orange: hsla(38, 100, 55, 1); // #FFAB19 Control Primary
$ui-orange-high-contrast: hsla(30, 100, 55, 1); // #FFAB19 Control Primary
$ui-orange-10percent: hsla(35, 90, 55, .1);
$ui-orange-25percent: hsla(35, 90, 55, .25);
$ui-orange-90percent: hsla(38, 100, 55, .9);
$ui-dark-orange: hsla(30, 100, 55, 1); // ##FF8C1A Variables Primary

6
src/components/join-flow/next-step-button.scss
View file

@ -4,10 +4,16 @@
.modal-flush-bottom-button {
margin: 0;
width: 100%;
border: none;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
height: 5.1875rem;
background-color: $ui-orange;
&:hover {
transition: background-color .25s ease;
background-color: $ui-orange-90percent;
}
}
.next-step-title {