mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-26 11:16:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix .outline

Browse source
This commit is contained in:
Lucas 2019-12-02 23:42:05 +07:00
parent 345053a956
commit 7c02958360
3 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
css/pico.css
View file

@ -1052,6 +1052,7 @@ a.contrast[role="button"]:focus {
button.outline, button.outline,
input.outline[type="submit"], input.outline[type="submit"],
a.outline[role="button"] { a.outline[role="button"] {
border: 1px solid var(--primary);
background-color: transparent; background-color: transparent;
color: var(--primary); color: var(--primary);
} }
@ -1063,6 +1064,7 @@ input.outline[type="submit"]:focus,
a.outline[role="button"]:hover, a.outline[role="button"]:hover,
a.outline[role="button"]:active, a.outline[role="button"]:active,
a.outline[role="button"]:focus { a.outline[role="button"]:focus {
border: 1px solid var(--primary-hover);
color: var(--primary-hover); color: var(--primary-hover);
} }
@ -1070,6 +1072,7 @@ button.outline.secondary,
input.outline.secondary[type="submit"], input.outline.secondary[type="submit"],
input.outline[type="reset"], input.outline[type="reset"],
a.outline.secondary[role="button"] { a.outline.secondary[role="button"] {
border: 1px solid var(--secondary);
background-color: transparent; background-color: transparent;
color: var(--secondary); color: var(--secondary);
} }
@ -1084,6 +1087,7 @@ input.outline[type="reset"]:focus,
a.outline.secondary[role="button"]:hover, a.outline.secondary[role="button"]:hover,
a.outline.secondary[role="button"]:active, a.outline.secondary[role="button"]:active,
a.outline.secondary[role="button"]:focus { a.outline.secondary[role="button"]:focus {
border: 1px solid var(--secondary-hover);
color: var(--secondary-hover); color: var(--secondary-hover);
} }
@ -1098,6 +1102,7 @@ button.outline.contrast,
input.outline.contrast[type="submit"], input.outline.contrast[type="submit"],
input.outline.contrast[type="reset"], input.outline.contrast[type="reset"],
a.outline.contrast[role="button"] { a.outline.contrast[role="button"] {
border: 1px solid var(--contrast);
background-color: transparent; background-color: transparent;
color: var(--contrast); color: var(--contrast);
} }
@ -1112,6 +1117,7 @@ input.outline.contrast[type="reset"]:focus,
a.outline.contrast[role="button"]:hover, a.outline.contrast[role="button"]:hover,
a.outline.contrast[role="button"]:active, a.outline.contrast[role="button"]:active,
a.outline.contrast[role="button"]:focus { a.outline.contrast[role="button"]:focus {
border: 1px solid var(--contrast-hover);
color: var(--contrast-hover); color: var(--contrast-hover);
} }

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
scss/content/_button-styles.scss
View file

@ -48,12 +48,14 @@
button.outline, button.outline,
input.outline[type="submit"], input.outline[type="submit"],
a.outline[role="button"] { a.outline[role="button"] {
border: 1px solid var(--primary);
background-color: transparent; background-color: transparent;
color: var(--primary); color: var(--primary);
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
border: 1px solid var(--primary-hover);
color: var(--primary-hover); color: var(--primary-hover);
} }
} }
@ -64,12 +66,14 @@
input.outline.secondary[type="submit"], input.outline.secondary[type="submit"],
input.outline[type="reset"], input.outline[type="reset"],
a.outline.secondary[role="button"] { a.outline.secondary[role="button"] {
border: 1px solid var(--secondary);
background-color: transparent; background-color: transparent;
color: var(--secondary); color: var(--secondary);
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
border: 1px solid var(--secondary-hover);
color: var(--secondary-hover); color: var(--secondary-hover);
} }
@ -84,12 +88,14 @@
input.outline.contrast[type="submit"], input.outline.contrast[type="submit"],
input.outline.contrast[type="reset"], input.outline.contrast[type="reset"],
a.outline.contrast[role="button"] { a.outline.contrast[role="button"] {
border: 1px solid var(--contrast);
background-color: transparent; background-color: transparent;
color: var(--contrast); color: var(--contrast);
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
border: 1px solid var(--contrast-hover);
color: var(--contrast-hover); color: var(--contrast-hover);
} }