Логотип Berry CSSBerry CSS 3.0

Компонент modal1 components

<link rel="stylesheet" href="/assets/components/modal1/modal1.css">
<script src="/assets/components/modal1/modal1.js"></script>

<button class="modal-trigger button button1" data-modal="modal1">Show modal</button>

<div id="modal1" class="modal">
    <div class="modal-content">
        <span class="modal-close-icon">×</span>
        
        <div class="t120 mar20">Hello, I am a modal!</div>
        
        <hr class="mar0 bor-gray200">
        
        <div class="pad20 t90">Quisque vehicula neque ...</div>

        <hr class="mar0 bor-gray200">
        
        <div class="mar20 t-right">
            <button class="modal-close button button2">Close</button> 
        </div>
    </div>
</div>

<div id="modal1" class="modal" data-modalclose="0">
    ...