From 7c7b51a4fb619aaf3eb2ae13ca631db153d3b421 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Wed, 15 Mar 2017 17:27:46 +0800 Subject: Add divider with text and remove menu header --- src/utilities.less | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) (limited to 'src/utilities.less') diff --git a/src/utilities.less b/src/utilities.less index 94dbc18..79f4388 100644 --- a/src/utilities.less +++ b/src/utilities.less @@ -1,8 +1,20 @@ // Divider .divider { - border-bottom: @border-width solid @border-color; + border-top: @border-width solid @border-color; display: block; - margin: .8rem 0; + height: .1rem; + margin: 1rem 0; + position: relative; + + &[data-content]::before { + background: @light-color; + color: @light-gray-color; + content: attr(data-content); + display: inline-block; + font-size: 1.2rem; + padding: 0 .8rem; + transform: translateY(-1.1rem); + } } // Loading -- cgit v1.3.1-26-gb76a