<select class="input_filter_staff" style="margin-top: 7px; cursor: pointer;" v-model="filter_staff.groups" @change="updateFilterDataStaff">
<option
v-for="groupsFilter in groupsFilterStaff"
:key="groupsFilter.id"
:value="groupsFilter.id"
>
{{groupsFilter.name}}
</option>
</select><html lang="ru">
<html lang="en">html[lang=ru] {
--base-font-size: 16px;
}
html[lang=en] {
--base-font-size: 18px;
}h1 {
font-size: calc(var(--base-font-size) * 2)
}button {
background-image: linear-gradient(to right, red 60%, transparent 60%);
}function setStorageData(key, data) {
localStorage.setItem(key, JSON.stringify(data));
}
function getStorageData(key, defaultValue = []) {
return JSON.parse(localStorage.getItem(key)) ?? defaultValue;
}но условие срабатывает только на первом элементе,
let items = document.querySelectorAll('.catalog__list>li');
items.forEach(item => {
let sublist = item.querySelector('.catalog__sub-list');
if (sublist) {
item.classList.add('_arrow')
}
});function accum(str) {
const letters = str.split('');
let strings = [];
for(let pos = 0; pos < letters.length; pos++) {
let s = '';
let letter = letters[pos].toLowerCase();
for (let i = 0; i < pos; i++) {
s += letter;
}
s = letter.toUpperCase() + s;
strings.push(s);
}
return strings.join('-');
}<div class="grid">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
...
</div>.grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
.item:nth-child(3n + 3) {
grid-column: span 2;
}use App\Http\Controllers\PageContactController;
Route::get('/contakt', [PageContactController::class, 'index']);background-clip: content-box; // контент
background-clip: padding-box; // контент + отступ
background-clip: border-box; // По умолчанию: контент + отступ + рамка.main {
.block1 {
color: blue;
}
}
.main.red {
.block1 {
color: red;
}
}.main {
.block1 {
color: blue;
}
&.red {
.block1 {
color: red;
}
}
}