mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-08-11 17:04:03 +02:00
Merge pull request #352 from nostalgic-css/fix-focus-color
Fix focus color of buttons
This commit is contained in:
@@ -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>
|
||||
|
@@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user