или все изменения сразу вносить в "style.min.css"
&cssSources — в этом параметре вы указываете, какие файлы компонент должен проверять и обрабатывать. &cssSources=`/assets/css/style.css`, а не min.css <video id="myVideo" src="" muted playsinline autoplay loop poster="/media/poster.jpg"></video>document.addEventListener('DOMContentLoaded', function () {
const myVideo = document.getElementById('myVideo');
if (myVideo) {
setMyVideoSource();
}
function setMyVideoSource() {
if (window.innerHeight < window.innerWidth) {
myVideo.setAttribute('src', '/media/video-desktop.mp4');
myVideo.load();
myVideo.play();
} else if (window.innerHeight > window.innerWidth) {
myVideo.setAttribute('src', '/media/video-mobile.mp4');
myVideo.load();
myVideo.play();
}
}
});else if (window.innerWidth > 640 && window.innerHeight > window.innerWidth)
else if (window.innerWidth < 641 && window.innerHeight > window.innerWidth)<a href="#" class="link">
<span class="name">Ремонт1</span>
<span class="hours">3-5 часов</span>
<span class="price">1190 ₽</span>
</a><tr class="link3" data-url="https://yandex.ru" onclick="goToUrl(this)">
<td>Text</td>
</tr>
<script>
function goToUrl(i) {
const url = i.dataset.url
window.location.href = url
}
</script>хотелось бы что то уже делать по функционалу
document.getElementsByClassName('open_link')document.querySelectorAll('.open_link') img {
max-width: 100%;
height: auto;
}<video autoplay="" muted="" loop="" disablepictureinpicture="" webkit-playsinline="" playsinline="" pip="false" poster="poster.jpg">
<source type="video/mp4" src="video.mp4">
</video>video {
background-color: transparent;
border-bottom: 1px solid transparent; /* хак для предотвращения мелькания при загрузке на некоторых версиях ios */
&::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
&::-webkit-media-controls-play-button {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
&::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
}.header-link {
display: flex; /*или inline-flex*/
align-items:center;
}
.header-link img {
flex-shrink: 0;
margin-right: .5em;
}border: nonebox-sizing: border-box