* / . ui . feed { margin : 1 em 0 } . ui . feed : first-child { margin-top : 0 } . ui . feed : last-child { margin-bottom : 0 } . ui . feed > . event { display : -webkit- box ; display : -ms- flexbox ; display : flex ; -webkit- box-orient : horizontal ; -webkit- box-direction : normal ; -ms- flex-direction : row ; flex-direction : row ; width : 100 % ; padding : .21428571 rem 0 ; margin : 0 ; background : 0 0 ; border-top : none } . ui . feed > . event : first-child { border-top : 0 ; padding-top : 0 } . ui . feed > . event : last-child { padding-bottom : 0 } . ui . feed > . event > . label { display : block ; -webkit- box-flex : 0 ; -ms- flex : 0 0 auto ; flex : 0 0 auto ; width : 2.5 em ; height : auto ; -ms- flex-item-align : stretch ; align-self : stretch ; text-align : left } . ui . feed > . event > . label . icon { opacity : 1 ; font-size : 1.5 em ; width : 100 % ; padding : .25 em ; background : 0 0 ; border : none ; border-radius : none ; color : rgba ( 0 , 0 , 0 , .6 ) } . ui . feed > . event > . label img { width : 100 % ; height : auto ; border-radius : 500 rem } . ui . feed > . event > . label + . content { margin : .5 em 0 .35714286 em 1.14285714 em } . ui . feed > . event > . content { display : block ; -webkit- box-flex : 1 ; -ms- flex : 1 1 auto ; flex : 1 1 auto ; -ms- flex-item-align : stretch ; align-self : stretch ; text-align : left ; word-wrap : break-word } . ui . feed > . event : last-child > . content { padding-bottom : 0 } . ui . feed > . event > . content a { cursor : pointer } . ui . feed > . event > . content . date { margin : -.5 rem 0 0 ; padding : 0 ; font-weight : 400 ; font-size : 1 em ; font-style : normal ; color : rgba ( 0 , 0 , 0 , .4 ) } . ui . feed > . event > . content . summary { margin : 0 ; font-size : 1 em ; font-weight : 700 ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . feed > . event > . content . summary img { display : inline-block ; width : auto ; height : 10 em ; margin : -.25 em .25 em 0 0 ; border-radius : .25 em ; vertical-align : middle } . ui . feed > . event > . content . user { display : inline-block ; font-weight : 700 ; margin-right : 0 ; vertical-align : baseline } . ui . feed > . event > . content . user img { margin : -.25 em .25 em 0 0 ; width : auto ; height : 10 em ; vertical-align : middle } . ui . feed > . event > . content . summary > . date { display : inline-block ; float : none ; font-weight : 400 ; font-size : .85714286 em ; font-style : normal ; margin : 0 0 0 .5 em ; padding : 0 ; color : rgba ( 0 , 0 , 0 , .4 ) } . ui . feed > . event > . content . extra { margin : .5 em 0 0 ; background : 0 0 ; padding : 0 ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . feed > . event > . content . extra . images img { display : inline-block ; margin : 0 .25 em 0 0 ; width : 6 em } . ui . feed > . event > . content . extra . text { padding : 0 ; border-left : none ; font-size : 1 em ; max-width : 500 px ; line-height : 1.4285 em } . ui . feed > . event > . content . meta { display : inline-block ; font-size : .85714286 em ; margin : .5 em 0 0 ; background : 0 0 ; border : none ; border-radius : 0 ; -webkit- box-shadow : none ; box-shadow : none ; padding : 0 ; color : rgba ( 0 , 0 , 0 , .6 ) } . ui . feed > . event > . content . meta > * { position : relative ; margin-left : .75 em } . ui . feed > . event > . content . meta > : after { content : '' ; color : rgba ( 0 , 0 , 0 , .2 ) ; top : 0 ; left : -1 em ; opacity : 1 ; position : absolute ; vertical-align : top } . ui . feed > . event > . content . meta . like { color : '' ; -webkit- transition : .2 s color ease ; transition : .2 s color ease } . ui . feed > . event > . content . meta . like : hover . icon { color : #ff2733 } . ui . feed > . event > . content . meta . active . like . icon { color : #ef404a } . ui . feed > . event > . content . meta > : first-child { margin-left : 0 } . ui . feed > . event > . content . meta > : first-child :: after { display : none } . ui . feed > . event > . content . meta a , . ui . feed > . event > . content . meta > . icon { cursor : pointer ; opacity : 1 ; color : rgba ( 0 , 0 , 0 , .5 ) ; -webkit- transition : color .1 s ease ; transition : color .1 s ease } . ui . feed > . event > . content . meta a : hover , . ui . feed > . event > . content . meta a : hover . icon , . ui . feed > . event > . content . meta > . icon : hover { color : rgba ( 0 , 0 , 0 , .95 ) } . ui . small . feed { font-size : .92857143 rem } . ui . feed { font-size : 1 rem } . ui . large . feed { font-size : 1.14285714 rem }