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

feat: modal

Browse source 
Accept `button[rel=prev]` as modal closing item
This commit is contained in:
Atmos4 2024-02-13 17:27:13 +01:00
parent 175b101aa8
commit ddd9cc4772
237 changed files with 715 additions and 473 deletions
Download patch file Download diff file Expand all files Collapse all files

8
scss/components/_modal.scss
View file

@ -32,7 +32,11 @@
// Content
article {
$close-selector: if($enable-classes, ".close, a[rel='prev']", "a[rel='prev']");
$close-selector: if(
$enable-classes,
".close, :is(a, button)[rel=prev]",
":is(a, button)[rel=prev]"
);
width: 100%;
max-height: calc(100vh - var(#{$css-var-prefix}spacing) * 2);
margin: var(#{$css-var-prefix}spacing);
@ -83,10 +87,12 @@
margin-top: calc(var(#{$css-var-prefix}spacing) * -1);
margin-bottom: var(#{$css-var-prefix}spacing);
margin-left: auto;
border: none;
background-image: var(#{$css-var-prefix}icon-close);
background-position: center;
background-size: auto 1rem;
background-repeat: no-repeat;
background-color: transparent;
opacity: 0.5;
@if $enable-transitions {