const menu = document.getElementById('menu');
const scroll = 128;
function toggleFixedMenu() {
menu.classList.toggle('fixed', window.pageYOffset > scroll);
menu.classList.toggle('default', window.pageYOffset <= scroll);
}
window.addEventListener('scroll', toggleFixedMenu);
toggleFixedMenu();.Button { color: green; }
@media only screen and (min-width: 1450px) {
.Button { color: red; }
}@media only screen and (min-width: 1450px) {
.Button { color: red; }
}
.Button { color: green; }let tabNav = item.querySelectorAll('> .tabs__nav > .tabs-nav__item');
let tabContent = item.querySelectorAll('> .tabs__content > .tab');То есть как, прописать для одного тега шрифт regular 400, а для другого тега bold 700 italic, а один вообще поставить в шрифт Open sea?
p.one {
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
}
p.two {
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 700;
font-style: italic;
}
p.three {
font-family: 'Open Sea', sans-serif;
}.main {
$this: &;
.theme_1 & {
#{$this}-child:hover #{$this}-img {
}
}
}.main {
$this: &;
@at-root {
.theme_1 {
#{$this}-child:hover #{$this}-img {
}
}
}
}
$var1 = '..';
$var2 = '..';
return view('layouts', compact('var1', 'var2'));$var1 = '..';
$var2 = '..';
return view('layouts', [
'var1' => $var1,
'var2' => $var2,
]);$varData = $this->formatService($responce); // ['var1' => '..', 'var2' => '..']
return view('layouts', $varData);