Обновлённый журнал

V1.1.0

• Расширена поддержка flex-стиля.
• Добавлена поддержка единиц измерения vw и wh.
• Обеспечена поддержка гибкого размера шрифта.

Расширена поддержка flex-стиля

1. Добавлена поддержка свойства flex-grow со значениями в диапазоне от 0 до 3:

.flex-g-1 {
  flex-grow: 1;
}

2. Добавлена поддержка свойства align-content со следующими значениями: flex-start, flex-end, center, space-between, space-around, stretch:

.a-c-start {
  align-content: flex-start;
}

3. Добавлена поддержка свойства align-self со следующими значениями: auto, flex-start, flex-end, center, baseline, stretch:

.a-s-start {
  align-self: flex-start;
}

Добавлена поддержка vw и wh

1. Можно использовать единицы измерения vw и wh для свойств margin и padding в диапазоне значений от 1 до 10:

.m-l-10vh {
  margin-left: 10vh;
}
.m-l-10vw {
  margin-left: 10vw;
}
.p-l-10vh {
  padding-left: 10vh;
}
.p-l-10vw {
  padding-left: 10vw;
}

2. Можно использовать vw и wh для width и height в диапазоне значений от 1 до 100:

.w-10vw {
  width: 10vw;
}
.w-10vh {
  width: 10vh;
}
.h-10vw {
  height: 10vw;
}
.h-10vh {
  height: 10vh;
}

Поддержка гибкого размера шрифта

В сочетании с flexible.js можно определить размер шрифта в пикселях на основе rem при ширине экрана 375 пикселей. Диапазон значений — от 12 до 80:

.fs-rem-16px {
  font-size: 0.4266666667rem;
}