Как перестроить миксин?

Flying, блин, да, вы правы. Это я в свои "судорогах" сломал все))

Спасибо большое за помощь! Много не понятного, но, надеюсь, я разберусь)

Как перестроить миксин?

Flying, обновил песочницу.

Я уже начал думать, что проще наверное было бы записать размеры руками сразу в css))

Как перестроить миксин?

Flying,

Error: argument `$number` of `unitless($number)` must be a number

Как перестроить миксин?

Flying, стало только хуже)) теперь я в конец запутался)) можете поправить ошибки с учетом rem? https://codepen.io/anon/pen/BgOKWq
пошел читать документацию про карты -__-

Как перестроить миксин?

Flying, уже перестраиваю в карту, но, мне кажется слишком много кода))

$breakpoints: (
    sm-min: (min-width: 36em),
    md-min: (min-width: 48em),
    lg-min: (min-width: 62em),
);

$sizes: (
    h1: (
        sm: (3rem),
        md: (3rem),
        lg: (2.5rem),
    ),
    h2: (
        sm: (2.5rem),
        md: (2.5rem),
        lg: (2rem),
    ),
    h3: (
        sm: (2rem),
        md: (2rem),
        lg: (1.5rem),
    ),
    h4: (
        sm: (1.5rem),
        md: (1.5rem),
        lg: (1.25rem),
    ),
    h5: (
        sm: (1.25rem),
        md: (1.25rem),
        lg: (1rem),
    ),
    h6: (
        sm: (1rem),
        md: (1rem),
        lg: (1rem),
    ),
);

и к тому же, я пока не могу понять как доставать "вложения из вложений"... (

Пока читаю документацию, смог составить только это

@each $query, $val in $breakpoints {
    @media #{$val} {
        @each $tag, $mq, $val in $sizes {
            #{$tag} {
                font-size: $mq, $val;
            }
        }
    }
}

Как перестроить миксин?

Flying,
Подскажите, как тогда надо перестроить директиву при такой карте? Составил вроде верно.

$sizes: (
  h6: ($fzh6, $fzh6, $fzh6, $fzh6), 
  h5: ($fzh6, $fzh6, $fzh5, $fzh5), 
  h4: ($fzh6, $fzh5, $fzh4, $fzh4), 
  h3: ($fzh4, $fzh4, $fzh3, $fzh3),
  h2: ($fzh3, $fzh3, $fzh2, $fzh2), 
  h1: ($fzh3, $fzh2, $fzh1, $fzh1)
);

Как перестроить миксин?

но ведь тогда оно будет выводиться одинаково для всех медиа.
По идее, при разрешении , например, $md, размер шрифта для заголовка H1 должен становиться меньше, т.е. не $fzh1, а $fzh2 и так же для других.

Как правильно организовать перебор заголовков?

Klein Maximus, без проблем)

Как правильно организовать перебор заголовков?

hzzzzl, эти плюсы из-за js ) привычка))
Еще раз, спасибо за помощь.

Как правильно организовать перебор заголовков?

вроде вывел https://codepen.io/andrejsharapov/pen/vqaMyG
спасибо за помощь!

Как правильно организовать перебор заголовков?

hzzzzl, сделал так https://codepen.io/andrejsharapov/pen/vqaMyG работает, спасибо.

Как правильно организовать перебор заголовков?

hzzzzl, можно в одном content: 'font-size: ' attr(data-size);
Только почему-то выводит для rem выводит тоже в px))

Как правильно организовать перебор заголовков?

Klein Maximus, да, выводит undefined

Как правильно организовать перебор заголовков?

по логике, можно вывести значение стилей font-size для заголовков через e.style.fontSize, а css уже подхватит значение через content: attr(data-size);

Как правильно организовать перебор заголовков?

не совсем то.

Я делал так

let headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6');
headings.forEach(e => {
  e.setAttribute('data-size', 'font-size' + e.style.fontSize);
});

&::after {
          position: absolute;
          content: attr(data-size);
}

но в афтер не выводит. Надо чтобы в нем было написано font-size: значение

Не пойму как вывести значения -__-

Как подключить gulp-watch?

Владимир Скибин, пока по отдельности: gulp cssc & gulp jsc

Как сделать такой дизайн кнопки?

уберите бордер нижний, для клипа добавьте больше точек и через афтер сделайте нижний бордер
в помощь https://bennettfeely.com/clippy/

Как сделать такой дизайн кнопки?

Игорь Мясников, скиньте ваш код кнопки в песочницу

Как сделать такой дизайн кнопки?

также и делаете)

Почему видео через iframe недоступно,а на youtube нормально проигрывается?

у меня работает