mirror of https://github.com/Chocobozzz/PeerTube
Refactor torrent-or-magnet divider in video import
parent
22a59f33de
commit
b515c98c6b
|
@ -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 {
|
||||
|
|
|
@ -2,7 +2,6 @@
|
|||
@import 'mixins';
|
||||
|
||||
.first-step-block {
|
||||
|
||||
.form-group-channel {
|
||||
margin-bottom: 20px;
|
||||
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