<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic,cyrillic- ext" media="all" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic,cyrillic-ext" media="all" rel="stylesheet" type="text/css" />
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'>
.b-exp
.divider.b-exp__item
.divider__side.b-exp__avatar-container
%img.b-exp__avatar{src: "http://lorempixel.com/50/50/"}
.divider__base.b-exp__body
%a.b-exp__author{href: "#"} Ivan Lukyanovich
%br
%small.b-exp__small
told his story 2 hours ago
%br
to idea
%a.b-exp__idea-link{href: "#"} "We need to expand our budget"
.b-exp__story
%h2.b-exp__title Russian government expanded their budget at the expense of the lower strata
.b-exp__content He do subjects prepared bachelor juvenile ye oh. He feelings removing informed he as ignorant we prepared. Evening do forming observe spirits is in. Country hearted be of justice sending. On so they as with room cold ye. Be call four my went mean. Celebrated if remarkably especially an. Going eat set she books found met aware.
.divider.b-exp__actions
%a.divider__side.divider__side_r{href: "#"}
%i.icon-chat
12 comments
%a.divider__base{href: "#"}
Read next
%i.icon-arrow
.divider.b-exp__item
.divider__side.b-exp__avatar-container
%img.b-exp__avatar{src: "http://lorempixel.com/50/50/?another"}
.divider__base.b-exp__body
%a.b-exp__author{href: "#"} Johnny Concent
%br
%small.b-exp__small
told his story 2 hours ago
%br
to idea
%a.b-exp__idea-link{href: "#"} "Kept in sent gave feel will oh it we."
.b-exp__story
%h2.b-exp__title Next his only boy meet the fat rose when. Do repair at we misery wanted remove remain income.
.b-exp__content Rooms oh fully taken by worse do. Points afraid but may end law lasted. Was out laughter raptures returned outweigh. Luckily cheered colonel me do we attacks on highest enabled. Tried law yet style child. Bore of true of no be deal. Frequently sufficient in be unaffected. The furnished she concluded depending procuring concealed.
.divider.b-exp__actions
%a.divider__side.divider__side_r{href: "#"}
%i.icon-chat
3 comments
%a.divider__base{href: "#"}
Read next
%i.icon-arrow
font-family: 'fontello'
src: url('http://ge.tt/api/1/files/6mVv8es/0/blob?download')
src: url('http://ge.tt/api/1/files/6mVv8es/0/blob?download#iefix') format("embedded-opentype"), url('http://ge.tt/api/1/files/6mVv8es/2/blob?download') format("woff"), url('http://ge.tt/api/1/files/6mVv8es/3/blob?download') format("truetype"), url('http://ge.tt/api/1/files/6mVv8es/1/blob?download') format("svg")
font-weight: normal
font-style: normal
[class^="icon-"]:before, [class*=" icon-"]:before
font-family: "fontello"
font-style: normal
font-weight: normal
speak: none
display: inline-block
text-decoration: inherit
width: 1em
margin-right: .2em
text-align: center
font-variant: normal
text-transform: none
line-height: 1em
margin-left: .2em
.icon-arrow:before
content: '\e800'
.icon-chat:before
content: '\e801'
body
font-size: 14px
font-family: "PT Sans"
padding: 10px
box-sizing: border-box
a
color: #ff5146
&:hover
color: lighten(#ff5146, 10%)
.divider__side
float: left
.divider__side_r
float: right
.divider__base
overflow: hidden
display: block
.divider__side, .divider__base
word-wrap: break-word
.divider
&:before
content: "\0020"
display: block
height: 0
visibility: hidden
&:after
content: "\0020"
display: block
height: 0
visibility: hidden
clear: both
.b-exp__item
margin-bottom: 30px
.b-exp__avatar
width: 50px
height: 50px
border-radius: 100px
.b-exp__body
padding-left: 15px
.b-exp__author
font-size: 16px
.b-exp__small
color: #999
& a
color: #999
&:hover
color: darken(#999, 10%)
.b-exp__story
background-color: #f7f7f7
padding: 15px
margin-top: 15px
border: 1px solid #eaeaea
box-shadow: inset 0 -1px 0 #fefefe
.b-exp__title
margin: 0 0 10px 0
.b-exp__content
line-height: 1.5em
.b-exp__actions
margin-top: 10px
a
text-decoration: none