primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-01 04:21:12 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #716 from primer/btn_mktg_fix

Browse Source 
Accessibility fixes for marketing buttons
This commit is contained in:
simurai 2019-03-13 12:15:06 +09:00 committed by GitHub
commit 767a760221
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5202 additions and 5221 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10405
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

14
src/marketing/buttons/button.scss
View File

@ -8,8 +8,8 @@
vertical-align: middle;
cursor: pointer;
user-select: none;
background-color: $blue-450;
border: 1px solid $blue-450;
background-color: $blue-mktg;
border: 1px solid $blue-mktg;
border-radius: $border-radius;
transition: $transition-time / 2;
appearance: none; // Corrects inability to style clickable `input` types in iOS.
@ -34,8 +34,8 @@
}
.btn-primary-mktg {
background-color: $green-450;
border-color: $green-450;
background-color: $green-mktg;
border-color: $green-mktg;
&:hover {
background-color: $green-500;
@ -53,15 +53,15 @@
}
.btn-outline-mktg {
color: $blue-450;
color: $blue-mktg;
background-color: rgba($white, 0);
border-color: rgba($blue-450, 0.5);
border-color: rgba($blue-mktg, 0.5);
&:hover {
color: $blue-500;
text-decoration: none;
background-color: rgba($white, 0);
border-color: rgba($blue-450, 1);
border-color: rgba($blue-mktg, 1);
}
}

4
src/marketing/support/variables.scss
View File

@ -22,8 +22,8 @@ $h000-size: 64px !default;
$h000-size-mobile: 48px !default;
// Colors
$blue-450: mix($blue-500, $blue-400, 50%);
$green-450: mix($green-500, $green-400, 50%);
$green-mktg: mix($green-500, $green-400, 50%);
$blue-mktg: mix($blue-400, $blue-500, 42%);
// Animations
$transition-time: 0.4s;