Refactor torrent-or-magnet divider in video import

pull/2315/head
Rigel Kent 2020-04-03 00:19:57 +02:00
parent 22a59f33de
commit b515c98c6b
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
3 changed files with 28 additions and 2 deletions

View File

@ -3,7 +3,11 @@
.first-step-block {
.torrent-or-magnet {
margin: 10px 0;
@include divider($color: var(--inputPlaceholderColor), $background: var(--submenuColor));
&[data-content] {
margin: 1.5rem 0;
}
}
.form-group-magnet-uri {

View File

@ -2,7 +2,6 @@
@import 'mixins';
.first-step-block {
.form-group-channel {
margin-bottom: 20px;
margin-top: 35px;

View File

@ -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);
}
}
}