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

Modale: Close button

Browse source
This commit is contained in:
Lucas Larroche 2021-10-31 09:24:46 +07:00
parent 41ef519d32
commit 9baef943d9
23 changed files with 213 additions and 117 deletions
Download patch file Download diff file Expand all files Collapse all files

25
scss/components/_modal.scss
View file

@ -44,6 +44,31 @@ dialog {
&:not([open]) {
display: none;
}
.close {
display: block;
width: 1rem;
height: 1rem;
margin-left: auto;
background-image: var(--icon-close);
background-position: center;
background-repeat: no-repeat;
background-size: 1rem auto;
opacity: .5;
margin-bottom: var(--typography-spacing-vertical);
margin-right: -0.5rem;
margin-top: -0.5rem;
@if $enable-transitions {
transition: opacity var(--transition);
}
&:hover,
&:active,
&:focus {
opacity: 1;
}
}
}
.dialog-is-open {