@ -8,4 +8,4 @@
* http : / / opensource . org / licenses / MIT
*
* /
. ui . divider { margin : 1 rem 0 ; line-height : 1 ; height : 0 ; font-weight : 700 ; text-transform : uppercase ; letter-spacing : .05 em ; color : rgba ( 0 , 0 , 0 , .85 ) ; -webkit- user-select : none ; -moz- user-select : none ; -ms- user-select : none ; user-select : none ; -webkit- tap-highlight-color : transparent } . ui . divider : not ( . vertical ) : not ( . horizontal ) { border-top : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; border-bottom : 1 px solid rgba ( 0 , 0 , 0 , .8 ) } . ui . grid > . ui . divider { font-size : 1 rem } . ui . horizontal . divider { position : relative ; height : auto ; margin : '' ; overflow : hidden ; line-height : 1 ; text-align : center } . ui . horizontal . divider : after , . ui . horizontal . divider : before { position : absolute ; content : '' ; z-index : 3 ; width : 50 % ; top : 50 % ; height : 0 ; border-top : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; border-bottom : 1 px solid rgba ( 0 , 0 , 0 , .8 ) } . ui . horizontal . divider : before { margin-left : -webkit- calc ( -50 % - 1 em ) ; margin-left : calc ( -50 % - 1 em ) } . ui . horizontal . divider : after { margin-left : 1 em } . ui . vertical . divider { position : absolute ; z-index : 2 ; top : 50 % ; left : 50 % ; margin : 0 ; padding : 0 ; width : auto ; height : 50 % ; line-height : 0 ; text-align : center ; -webkit- transform : translateX ( -50 % ) ; -ms- transform : translateX ( -50 % ) ; transform : translateX ( -50 % ) } . ui . vertical . divider : after , . ui . vertical . divider : before { position : absolute ; left : 50 % ; content : '' ; z-index : 3 ; border-left : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; border-right : 1 px solid rgba ( 0 , 0 , 0 , .8 ) ; width : 0 ; height : -webkit- calc ( 100 % - 1 rem ) ; height : calc ( 100 % - 1 rem ) } . ui . vertical . divider : before { top : -100 % } . ui . vertical . divider : after { top : auto ; bottom : 0 } @ media only screen and ( max-width : 767px ) { . ui . grid . stackable . row . ui . vertical . divider , . ui . stackable . grid . ui . vertical . divider { position : relative ; margin : 1 rem 0 ; left : 50 % ; height : auto ; overflow : hidden ; line-height : 1 ; text-align : center } . ui . grid . stackable . row . ui . vertical . divider : after , . ui . grid . stackable . row . ui . vertical . divider : before , . ui . stackable . grid . ui . vertical . divider : after , . ui . stackable . grid . ui . vertical . divider : before { position : absolute ; left : auto ; content : '' ; z-index : 3 ; width : 50 % ; top : 50 % ; height : 0 ; border-top : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; border-bottom : 1 px solid rgba ( 0 , 0 , 0 , .8 ) } . ui . grid . stackable . row . ui . vertical . divider : before , . ui . stackable . grid . ui . vertical . divider : before { margin-left : -51 % } . ui . grid . stackable . row . ui . vertical . divider : after , . ui . stackable . grid . ui . vertical . divider : after { margin-left : 1 em } } . ui . divider > . icon { margin : 0 ; font-size : 1 rem ; height : 1 em ; vertical-align : middle } . ui . hidden . divider { border-color : transparent !important } . ui . divider . inverted , . ui . horizontal . inverted . divider , . ui . vertical . inverted . divider { color : #fff } . ui . divider . inverted , . ui . divider . inverted : after , . ui . divider . inverted : before { border-top-color : rgba ( 0 , 0 , 0 , .15 ) !important ; border-bottom-color : rgba ( 255 , 255 , 255 , .15 ) !important ; border-left-color : rgba ( 0 , 0 , 0 , .15 ) !important ; border-right-color : rgba ( 255 , 255 , 255 , .15 ) !important } . ui . fitted . divider { margin : 0 } . ui . clearing . divider { clear : both } . ui . section . divider { margin-top : 2 rem ; margin-bottom : 2 rem } . ui . divider { font-size : 1 rem }
. ui . divider { margin : 1 rem 0 ; line-height : 1 ; height : 0 ; font-weight : 700 ; text-transform : uppercase ; letter-spacing : .05 em ; color : rgba ( 0 , 0 , 0 , .85 ) ; -webkit- user-select : none ; -moz- user-select : none ; -ms- user-select : none ; user-select : none ; -webkit- tap-highlight-color : transparent } . ui . divider : not ( . vertical ) : not ( . horizontal ) { border-top : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; border-bottom : 1 px solid rgba ( 255 , 255 , 255 , .2 ) } . ui . grid > . ui . divider { font-size : 1 rem } . ui . horizontal . divider { position : relative ; height : auto ; margin : '' ; overflow : hidden ; line-height : 1 ; text-align : center } . ui . horizontal . divider : after , . ui . horizontal . divider : before { position : absolute ; content : '' ; z-index : 3 ; width : 50 % ; top : 50 % ; height : 0 ; border-top : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; border-bottom : 1 px solid rgba ( 255 , 255 , 255 , .2 ) } . ui . horizontal . divider : before { margin-left : -webkit- calc ( -50 % - 1 em ) ; margin-left : calc ( -50 % - 1 em ) } . ui . horizontal . divider : after { margin-left : 1 em } . ui . vertical . divider { position : absolute ; z-index : 2 ; top : 50 % ; left : 50 % ; margin : 0 ; padding : 0 ; width : auto ; height : 50 % ; line-height : 0 ; text-align : center ; -webkit- transform : translateX ( -50 % ) ; -ms- transform : translateX ( -50 % ) ; transform : translateX ( -50 % ) } . ui . vertical . divider : after , . ui . vertical . divider : before { position : absolute ; left : 50 % ; content : '' ; z-index : 3 ; border-left : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; border-right : 1 px solid rgba ( 255 , 255 , 255 , .2 ) ; width : 0 ; height : -webkit- calc ( 100 % - 1 rem ) ; height : calc ( 100 % - 1 rem ) } . ui . vertical . divider : before { top : -100 % } . ui . vertical . divider : after { top : auto ; bottom : 0 } @ media only screen and ( max-width : 767px ) { . ui . grid . stackable . row . ui . vertical . divider , . ui . stackable . grid . ui . vertical . divider { position : relative ; margin : 1 rem 0 ; left : 50 % ; height : auto ; overflow : hidden ; line-height : 1 ; text-align : center } . ui . grid . stackable . row . ui . vertical . divider : after , . ui . grid . stackable . row . ui . vertical . divider : before , . ui . stackable . grid . ui . vertical . divider : after , . ui . stackable . grid . ui . vertical . divider : before { position : absolute ; left : auto ; content : '' ; z-index : 3 ; width : 50 % ; top : 50 % ; height : 0 ; border-top : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; border-bottom : 1 px solid rgba ( 255 , 255 , 255 , .2 ) } . ui . grid . stackable . row . ui . vertical . divider : before , . ui . stackable . grid . ui . vertical . divider : before { margin-left : -51 % } . ui . grid . stackable . row . ui . vertical . divider : after , . ui . stackable . grid . ui . vertical . divider : after { margin-left : 1 em } } . ui . divider > . icon { margin : 0 ; font-size : 1 rem ; height : 1 em ; vertical-align : middle } . ui . hidden . divider { border-color : transparent !important } . ui . divider . inverted , . ui . horizontal . inverted . divider , . ui . vertical . inverted . divider { color : #fff } . ui . divider . inverted , . ui . divider . inverted : after , . ui . divider . inverted : before { border-top-color : rgba ( 0 , 0 , 0 , .15 ) !important ; border-bottom-color : rgba ( 255 , 255 , 255 , .15 ) !important ; border-left-color : rgba ( 0 , 0 , 0 , .15 ) !important ; border-right-color : rgba ( 255 , 255 , 255 , .15 ) !important } . ui . fitted . divider { margin : 0 } . ui . clearing . divider { clear : both } . ui . section . divider { margin-top : 2 rem ; margin-bottom : 2 rem } . ui . divider { font-size : 1 rem }