stylobate-islands - npm Package Compare versions

Comparing version 0.7.0 to 0.8.0

package.json

 {
   "name": "stylobate-islands",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "author": "Roman Komarov <[e-mail]> (http://kizu.ru/en/)",
@@ -5,0 +5,0 @@ "licence": "MIT",

popup/skin-islands-popup.md

@@ -6,21 +6,42 @@ ---
 
-> <div class="modal" style="width: 300px;">
->     <div class="modal-content text">
->         <h3>Подарок</h3>
->         <p>Большое мороженное с орехами и карамелью в вафельном рожке</p>
->     </div>
->     <div class="modal-close"></div>
-> </div>
+Хотя скин попапа — по сути скин летающего острова, есть соответствующий алиас:
 
-> <div>
+    skin: popup
+
+Кроме того, существует несколько скинов-помощников: `-content` для стилей контента, `-close` для закрывающего крестика и `-overlay` для затемняющего слоя поверх контента.
+
+Подразумевается, что всё это дело будет использоваться с соответствующими типамм семейства `modal`:
+
+> <p>
 >     <button class="small-button" type="button" data-modal="Popup2">
 >         <span class="button-content">А теперь что?</span>
 >     </button>
-> </div>
-
-> <div>
+> </p>
+>
+> <p>
 >     <button class="small-button" type="button" data-modal="Popup1">
 >         <span class="button-content">Что там?</span>
 >     </button>
+> </p>
+>
+> Просто попап инлайном с просто текстом, без абзацев:
+>
+> <div class="modal" style="width: 300px;">
+>     <div class="modal-content text">
+>         Большое мороженное с орехами и карамелью в вафельном рожке
+>     </div>
+>     <div class="modal-close"></div>
 > </div>
+>
+>     .modal-wrap
+>       kind: modal-wrap fixed
+>     
+>     .modal
+>       kind: modal
+>       skin: popup (-content '&-content') (-close '&-close')
+>     
+>     .modal-overlay
+>       kind: modal-overlay
+>       skin: popup-overlay
+> {:.styl}
 
@@ -27,0 +48,0 @@ <div class="modal-wrap is-hidden" id="Popup1">

No alert changes

Improved metrics

Total package byte prevSize

70024

increased by1.39%

No dependency changes