smut-ny

<!-- INFO 
  - Smazat komentáře
  - Smazat co se nehodí
  - {{ section.id }} je volitelné, když bude více sekcí na stránce, většinou to nemusí být at máme hezké url /pages#rename_sectionname
  - Označit RENAME_... a přepsat podle potřeby
 -->

<!-- Liquid inputs / logic -->
<!-- JS Inputs -->

smut-ny

            async fetch_data(url) {
                const request = await fetch(url)
                return await request.json()
            }

smut-ny

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<script>

    Vue.config.devtools = true
    var appName = new Vue({
        el: '#products-menu',
        name: 'ProductsMenu',
        data: function() {
            return {
                "collection_data": "test"

smut-ny

(\s+)([aeiouzskv])(\s+)
$1$2 

smut-ny

:style="{'background-image': 'url(' + require('../assets/images/' + 'hero__sample.png') + ')'}"

smut-ny

//Breakpoints
@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

$mobile-small: 320px;
$mobile: 480px;