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

Browser support: [type="file"]

Browse source
This commit is contained in:
Lucas Larroche 2021-10-23 16:24:10 +07:00
parent 08d6d34f44
commit 6ffe09837b
7 changed files with 254 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

39
scss/content/_form-alt-input-types.scss
View file

@ -55,8 +55,15 @@
border: none;
border-radius: 0;
background: none;
&:hover,
&:active,
&:focus {
border: none;
background: none;
}
&::-webkit-file-upload-button {
@mixin file-selector-button {
--background-color: var(--secondary);
--border-color: var(--secondary);
--color: var(--secondary-inverse);
@ -73,7 +80,7 @@
line-height: var(--line-height);
text-align: center;
cursor: pointer;
@if $enable-transitions {
transition:
background-color var(--transition),
@ -81,19 +88,25 @@
color var(--transition),
box-shadow var(--transition);
}
&:hover,
&:active,
&:focus {
--background-color: var(--secondary-hover);
--border-color: var(--secondary-hover);
}
}
&:hover,
&:active,
&:focus {
--color: var(--color);
border: none;
background: none;
&::-webkit-file-upload-button {
--background-color: var(--secondary-hover);
--border-color: var(--secondary-hover);
}
&::file-selector-button {
@include file-selector-button;
}
&::-webkit-file-upload-button {
@include file-selector-button;
}
&::-ms-browse {
@include file-selector-button;
}
}