Мне это кажется не удобным.
data.props.title
vs title
html, body{ font-size: 20px
, а для таблеток и мобильных html, body{ font-size: 16px
и верстка будет пересчитана сама. rem
, а всё остальное внутри - в em
.rem
чтобы задать размер шрифта компонента. Размеры дочерних элементов компонента должны зависеть от размера шрифта самого компонента, а не корневого элемента, поэтому внутри компонента всё вem
. font-size
у класса .card__card_big
.advantages-card (&--reversed)
&__description // текстовая часть
&__picture
.bullet-list
&__item
&__item-heading
&__item-description
<div class="advantages-card">
<ul class="bullet-list advantages-card__description">
<li class="bullet-list__item">
<header class="bullet-list__item-heading">User Journey</header>
<p class="bullet-list__item-description">Description long text</p>
</il>
</ul>
<img class="advantages-card__picture" :src="block.imgURL">
</div>
<template>
<div class="parent">
<Child1 class="child1">
<Child2 class="child2" :style="'--text-color: ' + textColor">
</Child2>
</Child1>
</div>
</template>
<div class="example">
@yield('content')
</div>
@extends('first')
@section('content')
Hello, World!
@endsection
class Controller
{
public function indexAction()
{
return view('second');
}
}
<div class="example">
Hello, World!
</div>
+
Чтобы число получить и работало строгое равенство number === 0