mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-04-22 07:03:17 +02:00
Code Issues Releases Wiki Activity

Merge pull request #352 from nostalgic-css/fix-focus-color

Browse Source 
Fix focus color of buttons
This commit is contained in:
Igor Guastalla 2019-07-11 08:00:58 -03:00 committed by GitHub
commit 1574e56891
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/script.js
View File

@ -11,7 +11,7 @@ const sampleCollection = [
{
title: 'buttons',
showCode: false,
code: `<a class="nes-btn">Normal</a>
code: `<a class="nes-btn" href="#">Normal</a>
<button type="button" class="nes-btn is-primary">Primary</button>
<button type="button" class="nes-btn is-success">Success</button>

7
scss/elements/buttons.scss
View File

@ -12,8 +12,7 @@
box-shadow: inset -4px -4px $shadow;
}
&:hover,
&:focus {
&:hover {
color: inherit;
text-decoration: none;
background-color: $hover-background;
@ -23,6 +22,10 @@
}
}
&:focus {
box-shadow: 0 0 0 6px rgba($shadow, 0.3);
}
&:active:not(.is-disabled)::after {
box-shadow: inset 4px 4px $shadow;
}