mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-20 08:45:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Remove focus overrides on Firefox

Browse source
This commit is contained in:
Lucas 2020-07-21 09:25:38 +07:00
parent f2adc7813b
commit 4ade514bb0
13 changed files with 7 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -20,7 +20,7 @@ Elegant styles for all natives HTML elements without `.classes` and dark mode au
There are 3 ways to get started with pico.css:
### Install manually
[Download Pico](https://github.com/picocss/pico/archive/v1.0.2.zip) and link `/css/pico.min.css` in the `<head>` of your website.
[Download Pico](https://github.com/picocss/pico/archive/v1.0.3.zip) and link `/css/pico.min.css` in the `<head>` of your website.
```html
<link rel="stylesheet" href="css/pico.min.css">

14
css/pico.classless.css
View file

@ -646,13 +646,6 @@ textarea[disabled] {
opacity: .5;
}
input:focus:-moz-focusring,
select:focus:-moz-focusring,
textarea:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
@ -797,13 +790,6 @@ button::-moz-focus-inner,
border-style: none;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
button {
display: block;
width: 100%;

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

14
css/pico.css
View file

@ -727,13 +727,6 @@ textarea[disabled] {
opacity: .5;
}
input:focus:-moz-focusring,
select:focus:-moz-focusring,
textarea:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
@ -903,13 +896,6 @@ button::-moz-focus-inner,
border-style: none;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
button {
display: block;
width: 100%;

14
css/pico.fluid.classless.css
View file

@ -642,13 +642,6 @@ textarea[disabled] {
opacity: .5;
}
input:focus:-moz-focusring,
select:focus:-moz-focusring,
textarea:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
@ -793,13 +786,6 @@ button::-moz-focus-inner,
border-style: none;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
button {
display: block;
width: 100%;

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

14
css/pico.slim.css
View file

@ -664,13 +664,6 @@ textarea[disabled] {
opacity: .5;
}
input:focus:-moz-focusring,
select:focus:-moz-focusring,
textarea:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
@ -814,13 +807,6 @@ button::-moz-focus-inner,
border-style: none;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
button {
display: block;
width: 100%;

2
css/pico.slim.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
docs/index.html
View file

@ -101,7 +101,7 @@
</hgroup>
<p>There are 3 ways to get started with pico.css:</p>
<h4>Install manually</h4>
<a href="https://github.com/picocss/pico/archive/v1.0.2.zip">Download Pico</a> and link <code>/css/pico.min.css</code> in the <code>&lt;<b>head</b>&gt;</code> of your website.
<a href="https://github.com/picocss/pico/archive/v1.0.3.zip">Download Pico</a> and link <code>/css/pico.min.css</code> in the <code>&lt;<b>head</b>&gt;</code> of your website.
<pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"css/pico.min.css"</u>&gt;</code></pre>
<h4>Install from CDN</h4>
<p>Alternatively, you can use the <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a> to link pico.css</p>

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "@picocss/pico",
"version": "1.0.2",
"version": "1.0.3",
"description": "Graceful & Minimal CSS design system in pure semantic HTML",
"author": "Lucas Larroche",
"main": "./css/pico.min.css",

8
scss/content/_button.scss
View file

@ -34,14 +34,6 @@ button::-moz-focus-inner,
border-style: none;
}
// Restore the focus styles unset by the previous rule.
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
// Pico
// ––––––––––––––––––––

6
scss/content/_form.scss
View file

@ -160,12 +160,6 @@ textarea {
background-color: var(--muted-background);
opacity: .5;
}
// Undo the Firefox inner focus ring
&:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
}
// Text, Select & Textarea