<div class="item">
<iframe height="220" src="https://www.youtube.com/embed/ctWheXPtkN8?autohide=1" frameborder="0" allowfullscreen></iframe>
<div class="video-s"></div>
</div>.video-s расположить поверх фрейма, абсолютным позиционированием
Из-за ограничений JavaScript, Vue не способен заметить следующие изменения в массиве:
1. Прямую установку элемента по индексу, например:vm.items[indexOfItem] = newValue
2. Явное изменение длины массива, например:vm.items.length = newLength
Обойти первую проблему можно двумя способами, оба из которых не только дадут эффект аналогичныйvm.items[indexOfItem] = newValue, но и инициируют реактивные обновления состояния приложения:// Vue.set Vue.set(example1.items, indexOfItem, newValue) // Array.prototype.splice example1.items.splice(indexOfItem, 1, newValue)
Для обхода второй проблемы используйте splice:example1.items.splice(newLength)
.parent:has(.completed) {
background-color: red;
}@mixin includeFont($family, $weight, $style, $filename, $path) {
@font-face {
font-family: $family;
src: url('#{$path}#{$filename}.woff2') format('woff2'),
url('#{$path}#{$filename}.woff') format('woff');
font-weight: $weight;
font-style: $style;
}
}
$pathToRoboto: '../fonts/Roboto/subset-';
@include includeFont('Roboto', 100, italic, 'Roboto-ThinItalic', $pathtoRoboto);
@include includeFont('Roboto', 100, normal, 'Roboto-Thin', $pathtoRoboto);
@include includeFont('Roboto', 300, italic, 'Roboto-LightItalic', $pathtoRoboto);
@include includeFont('Roboto', 300, normal, 'Roboto-Light', $pathtoRoboto);
@include includeFont('Roboto', 400, italic, 'Roboto-Italic', $pathtoRoboto);
@include includeFont('Roboto', 400, normal, 'Roboto-Regular', $pathtoRoboto);
.col-xs-fifth {
@include make-col-ready();
@include make-col(1, 5);
}
@include media-breakpoint-up(sm){
.col-sm-fifth {
@include make-col-ready();
@include make-col(1, 5);
}
}
....child {
&.animate{
td {
height: 2em;
opacity: 1;
}
}
}Получилось так, но как правильно делать как на том сайте
fw:w и fg1,что это?