From b515c98c6b674ee5632f3f76ad4fe00e147d995e Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Fri, 3 Apr 2020 00:19:57 +0200 Subject: Refactor torrent-or-magnet divider in video import --- client/src/sass/include/_mixins.scss | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) (limited to 'client/src/sass') diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 76e3f3f97..d414704e9 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss @@ -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); + } + } +} -- cgit v1.2.3