@use 'base.scss';
@use 'banner.scss';$_color: red;@use './base';
a{
color: base.$color;
text-decoration: none;
}Может быть, в сети, где-то есть актуальная железобетонная инструкции для того, чтобы импорты, переменные, да и Sass нормально завелись?
<div class="wrapper">
<img src="">
<button class="btn1"></button>
</div>.wrapper {
position: relative;
}
.wrapper img {
width: 100vw;
height: 100vh;
display: block;
}
.btn1 {
position: absolute;
top: подобрать значение в процентах;
left: подобрать значение в процентах;
}.f-carousel__viewport,
.f-carousel__track,
.is-classic .f-thumbs__viewport {
height: auto !important;
}>= или <=, в зависимости от вашей логики.
<link href="style.css"><link href="/style.css">
// Реакция на нажатие мышки
document.addEventListener('mousedown', e => {
// Запоминаем координаты мышки;
// ...
// Начинаем слушать перемещение
document.addEventListener('mousemove', mousemove);
});
// Реакция на перемещение мышки
function mousemove(e) {
// Отслеживаем координаты, сравниваем с запомненными
// Вычисляем на сколько получилось смещение
// Двигаем какой-то блок
}
// Реакция на отжатие мышки
document.addEventListener('mouseup', e => {
// Отключаем прослушивание перемещения
document.removeEventListener('mousemove', mousemove);
});.parent {}
.one {
width: 315px;
height: 275px;
}
.two {
width: 450px;
height: 245px;
margin-left: 215px;
margin-top: -210px;
}@import url('reset.css');
Как вы решаете эту задачу?