opacity: 0;
pointer-events: none;
transition: all 0.6s ease;opacity: 1;
pointer-events: auto.container {
max-width: 700px;
margin: 0 auto;
}
.header__video {
position: relative;
border: 1px solid transparent;
transition: all 0.6s ease 0s;
cursor: pointer;
border-radius: 5px;
.header__video_img {
border-radius: 5px;
}
&::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #fff;
opacity: 0.9;
border-radius: 5px;
}
&::after {
content: '';
position: absolute;
background-color: red;
z-index: 3;
top: 0;
left: 0;
bottom: 0;
opacity: 0;
pointer-events: none;
transition: all 0.6s ease;
right: 0;
background: url('https://i.postimg.cc/4N82j19c/icon-play.png') center / auto no-repeat;
}
&:hover {
border: 1px solid #000;
&::after {
opacity: 1;
pointer-events: auto
}
}
}{
name: 'myHomePage',
path: '/',
component: HomePage,
meta: { sideBar: true }
},
{
name: 'Products',
path: '/',
component: ProductsPage,
meta: { sideBar: false }
},<Menu />, то:<Menu v-if="$route.meta && $route.meta.sideBar" />#menu + .myRouteWrapper{
width: calc(100% - var(--menuWidth))
}try {
const deadlineInput3 = document.querySelector('[name="quiz_deadline"]')
let deadline3 = deadlineInput3.getAttribute('value')
// Если это Сафари
if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
deadline3 = deadline3.replace(/-/g, '/').replace(/\./g, '/')
}
timer('#quizeTimer', deadline3)
console.log(deadline3)
} catch (error) {
console.log('timer catch')
alert(error)
}</body>, в данном случае.
<body> в wrapper и задать ему нужные стили:<head>
<style>
.wrapper{
min-width: 320px;
overflow: hidden;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="wrapper">
<!-- всякие штучки -->
</div>
</body><span> поставьте пробел.<div class="block"><span>1</span> <span>2</span> <span>3</span></div><div class="container">
<ul id="list">
<li class="element">
</li>
<li class="element">
</li>
<li class="element">
</li>
<li class="element"> <!-- тут класс с опечаткой был -->
</li>
</ul>
</div>let el = document.querySelectorAll('.element'),
container = document.querySelector('#list'); // был выбран класс .container, а клонируемый элемент <li> должен быть в <ul>
let elClone = el[0].cloneNode();
container.appendChild(elClone); // была опечатка в слове appendChildlet list = document.querySelector('#list'),
container = document.querySelector('.container');
container.appendChild(list.cloneNode(true));*, *::before, *::after{
box-sizing: border-box;
outline: none;
}select{
border: 2px solid transparent
}
select:focus{
border-color: red
}<div class="ultra__title">Ла-ла-ла</div>.ultra__title {
position: relative;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
--titleMargin: 15px;
}
.ultra__title::before,
.ultra__title::after {
content: '';
display: block;
height: 3px;
background: #000;
width: 5%;
}
.ultra__title::before {
margin-right: var(--titleMargin);
}
.ultra__title::after {
margin-left: var(--titleMargin);
}if(window.location.search.indexOf('test=') != -1){
// условие сработает, если есть "test=" в "www.site.com/?test=lalala"
}var getParams;
// Если get-параметров много
if(window.location.search.indexOf('&') != -1){
getParams = window.location.search.split('&').map(function(item){
var currentValue = item.split('=');
return {[currentValue[0]]: currentValue[1]}
});
// если один
} else {
var currentValue = window.location.search.replace(/\?/, '').split('=');
getParams = {[currentValue[0]]: currentValue[1]};
}
console.log(getParams);