deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2026-03-14 22:45:51 +01:00
Code Issues Projects Releases Wiki Activity

Prevent modals from displaying when not activated

Browse source
This commit is contained in:
rhyneav 2018-01-02 10:39:46 -05:00
commit 657ccfb326
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
docs/content/docs/components/modals.md
View file

@ -22,10 +22,10 @@ This can be used to implement modals along with features like title, subtitle, t
#### Code:
```html
<div class="row flex-space child-borders">
<div class="row flex-spaces child-borders">
<a href="modal-1" class="paper-btn margin">Open Modal!</a>
</div>
<div class="modal row flex-space" id="modal-1">
<div class="modal row flex-spaces" id="modal-1">
<div class="modal-body">
<a class="btn-close" href="#modals">x</a>
<h4 class="modal-title">Modal Title</h4>
@ -46,7 +46,7 @@ This can be used to implement modals along with features like title, subtitle, t
<a href="#modals" class="btn-close">x</a>
<h4 class="modal-title">Modal Title</h4>
<h5 class="modal-subtitle">Modal Subtitle</h5>
<p class="modal-text">This is an example of modal which is implemented with pure CSS! :D</p>
<p class="modal-text">This is another example of modal which is implemented with pure CSS! :D</p>
<a class="modal-link" href="#modals">OK</a>
<a class="modal-link" href="#modals">Close</a>
</div>

2
src/components/_modals.scss
View file

@ -28,7 +28,7 @@
position: fixed;
z-index: 11;
max-width: 960px;
@include translate(0, -500%);
@include translate(0, -5000%);
@include transition(transform);
@include resp(medium) {