line-height: 1;
либо line-height: 100%;
@for $i from 1 through 3 {
@keyframes rotate-left-#{$i} {
0% { transform: rotate(0deg); }
50% { transform: rotate(#{$i * 60}deg); }
100% { transform: rotate(#{$i * 60}deg); }
}
}
// не забудь заменить на rotate-right-1,2,3
@for $i from 1 through 3 {
@keyframes rotate-right-#{$i} {
0% { transform: rotate(0deg); }
50% { transform: rotate(0deg); }
100% { transform: rotate(#{$i * 60}deg); }
}
}
@for $i from 1 through 6 {
$stage_0: 0;
$stage_1: 0;
$stage_2: $i * 60;
@if $i <= 3 {
$stage_1: $i * 60;
}
@else {
$stage_2: $stage_2 - 180;
}
@keyframes rotate-#{$i} {
0% { transform: rotate(#{$stage_0}deg); }
50% { transform: rotate(#{$stage_1}deg); }
100% { transform: rotate(#{$stage_2}deg); }
}
}
str_pad
echo str_pad("Super label 1", 60, ".") . "\n";
echo str_pad("Super blabla label", 60, ".") . "\n";
echo str_pad("Ololo label", 60, ".") . "\n";
echo str_pad("Trololo label", 60, ".") . "\n";
background: url(img1.svg) repeat-x;
. Остается только задать бесконечную анимацию смещения фона в нужную сторону на @keyframes
. Все..block {
border: 2px solid red;
border-radius: 100% 0 0 0;
height: 30px;
width: 100%;
}
<div class="spoiler">
<input id="checkbox-1" type="checkbox" >
<label for="checkbox-1">toggle</label>
<div class="content">Я люблю овый год! В этот день случаются чудеса. Я желаю вам в новом году успехов, счастья, любви, много репутации на StackOverflow, новых проэктов и конечно же денег. С наступающим!</div>
</div>
.spoiler input:checked ~ .content {
height: auto;
}
.spoiler .content {
height: 20px;
overflow: hidden;
}
@mixin scrollbar {
&::-webkit-scrollbar {
/* 1 - скроллбар */
}
&::-webkit-scrollbar-button {
/* 2 - кнопка */
}
&::-webkit-scrollbar-track {
/* 3 - трек */
}
&::-webkit-scrollbar-track-piece {
/* 4 - видимая часть трека */
}
&::-webkit-scrollbar-thumb {
/* 5 - ползунок */
}
&::-webkit-scrollbar-corner {
/* 6 - уголок */
}
&::-webkit-resizer {
/* 7 - изменение размеров */
}
}
grid-template-columns
в @media
body
навешивается класс .modal-open
, при этом, его стили отключают прокрутку. Проверь наличие всех стилей, всех скриптов. Если у тебя прокрутка внутри другого элемента реализована, то отключи ее:.modal-open .scroll-elem {
overflow: hidden;
}