Refactor torrent-or-magnet divider in video import
This commit is contained in:
parent
22a59f33de
commit
b515c98c6b
|
@ -3,7 +3,11 @@
|
||||||
|
|
||||||
.first-step-block {
|
.first-step-block {
|
||||||
.torrent-or-magnet {
|
.torrent-or-magnet {
|
||||||
margin: 10px 0;
|
@include divider($color: var(--inputPlaceholderColor), $background: var(--submenuColor));
|
||||||
|
|
||||||
|
&[data-content] {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group-magnet-uri {
|
.form-group-magnet-uri {
|
||||||
|
|
|
@ -2,7 +2,6 @@
|
||||||
@import 'mixins';
|
@import 'mixins';
|
||||||
|
|
||||||
.first-step-block {
|
.first-step-block {
|
||||||
|
|
||||||
.form-group-channel {
|
.form-group-channel {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
|
|
|
@ -774,3 +774,26 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin divider($color: var(--submenuColor), $background: var(--mainBackgroundColor)) {
|
||||||
|
width: 95%;
|
||||||
|
border-top: .05rem solid $color;
|
||||||
|
height: .05rem;
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&[data-content] {
|
||||||
|
margin: .8rem 0;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
background: $background;
|
||||||
|
color: $color;
|
||||||
|
content: attr(data-content);
|
||||||
|
display: inline-block;
|
||||||
|
font-size: .7rem;
|
||||||
|
padding: 0 .4rem;
|
||||||
|
transform: translateY(-.65rem);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue