Manyaka

*,
*::before,
*::after {
   outline-style: dashed;
   outline-color: darkorange;
   outline-width: 1px;
   /*outline: darkorange dashed 1px;*/
}

Manyaka

//адаптивность
$breakpoint_mobile: 375px; //23.4em
$breakpoint_tablet: 768px; //48em
$breakpoint_desktop: 1200px; //75em
$breakpoint_1366: 1366px; //85em
$breakpoint_desktop: 1920px; //120em

$breakpoint_mobile: 23.4em; // 375px
$breakpoint_tablet: 48em; // 768px
$breakpoint_desktop: 75em; // 1200px

Manyaka

CSS and SVG Masks: IE9+

CSS / SVG mask solutions that work in all modern browsers including IE9+.

Forked from yoksel's Pen CSS and SVG Masks.

A Pen by Manyaka on CodePen.

License.

Manyaka

//сбрасывание флоатов, версия 2018 года
.clearfix() {
  &::after {
    content: '';
    display: table;
    clear: both;
  }
}

Manyaka

.block {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

Manyaka

.table {
  font-variant-numeric: tabular-nums;
}

Manyaka

.full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}

Manyaka

.class {
  /* word-break: break-all; */
  word-break: break-word;
  hyphens: auto;
}

Manyaka

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0 none;
  clip-path: inset(100%);
  /* clip: rect(0 0 0 0); устаревшее */

Manyaka

let html = document.children[0];

for (let i = 0; i < html.children.length; i++) {
  let child = html.children[i];
  console.log(child.tagName.toLowerCase());

  for (let j = 0; j < child.children.length; j++) {
    let innerChild = child.children[j];
    console.log('|---' + innerChild.tagName.toLowerCase());
  }