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

Fix: Classless version

Browse source
This commit is contained in:
Lucas Larroche 2021-12-19 10:40:54 +07:00
parent 53fbeb3d19
commit 6f09f02012
11 changed files with 38 additions and 226 deletions
Download patch file Download diff file Expand all files Collapse all files

56
scss/components/_modal.scss
View file

@ -71,27 +71,29 @@ dialog {
}
// Close icon
.close {
display: block;
width: 1rem;
height: 1rem;
margin-top: calc(var(--block-spacing-vertical) * -0.5);
margin-bottom: var(--typography-spacing-vertical);
margin-left: auto;
background-image: var(--icon-close);
background-position: center;
background-size: auto 1rem;
background-repeat: no-repeat;
opacity: 0.5;
@if $enable-classes {
.close {
display: block;
width: 1rem;
height: 1rem;
margin-top: calc(var(--block-spacing-vertical) * -0.5);
margin-bottom: var(--typography-spacing-vertical);
margin-left: auto;
background-image: var(--icon-close);
background-position: center;
background-size: auto 1rem;
background-repeat: no-repeat;
opacity: 0.5;
@if $enable-transitions {
transition: opacity var(--transition);
}
@if $enable-transitions {
transition: opacity var(--transition);
}
&:hover,
&:active,
&:focus {
opacity: 1;
&:hover,
&:active,
&:focus {
opacity: 1;
}
}
}
}
@ -104,18 +106,20 @@ dialog {
}
// Utilities
.modal-is-open {
padding-right: var(--scrollbar-width, 0px);
overflow: hidden;
pointer-events: none;
@if $enable-classes {
.modal-is-open {
padding-right: var(--scrollbar-width, 0px);
overflow: hidden;
pointer-events: none;
dialog {
pointer-events: auto;
dialog {
pointer-events: auto;
}
}
}
// Animations
@if $enable-transitions {
@if ($enable-classes and $enable-transitions) {
$animation-duration: 0.2s;
.modal-is-opening,