|
@ -61,7 +61,8 @@ |
|
|
---------------*/ |
|
|
---------------*/ |
|
|
|
|
|
|
|
|
.ui.horizontal.divider { |
|
|
.ui.horizontal.divider { |
|
|
position: relative; |
|
|
|
|
|
|
|
|
display: table; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
|
height: auto; |
|
|
height: auto; |
|
|
margin: @horizontalMargin; |
|
|
margin: @horizontalMargin; |
|
@ -72,24 +73,19 @@ |
|
|
|
|
|
|
|
|
.ui.horizontal.divider:before, |
|
|
.ui.horizontal.divider:before, |
|
|
.ui.horizontal.divider:after { |
|
|
.ui.horizontal.divider:after { |
|
|
position: absolute; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
content: ''; |
|
|
content: ''; |
|
|
z-index: 3; |
|
|
|
|
|
|
|
|
|
|
|
width: 50%; |
|
|
|
|
|
|
|
|
display: table-cell; |
|
|
|
|
|
position: relative; |
|
|
top: 50%; |
|
|
top: 50%; |
|
|
height: 0px; |
|
|
|
|
|
|
|
|
|
|
|
border-top: @shadowWidth solid @shadowColor; |
|
|
|
|
|
border-bottom: @highlightWidth solid @highlightColor; |
|
|
|
|
|
|
|
|
width: 50%; |
|
|
|
|
|
background-repeat: no-repeat; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.ui.horizontal.divider:before { |
|
|
.ui.horizontal.divider:before { |
|
|
margin-left: @horizontalRulerOffset; |
|
|
|
|
|
|
|
|
background-position: right @horizontalDividerMargin top 50%; |
|
|
} |
|
|
} |
|
|
.ui.horizontal.divider:after { |
|
|
.ui.horizontal.divider:after { |
|
|
margin-left: @horizontalDividerMargin; |
|
|
|
|
|
|
|
|
background-position: left @horizontalDividerMargin top 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/*-------------- |
|
|
/*-------------- |
|
|