You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.5 KiB
Sass
58 lines
1.5 KiB
Sass
@import '../../../../styles/mixins.sass'
|
|
@import '../../../../styles/vars.sass'
|
|
|
|
.feeditem
|
|
background-color: $cFeedItemBackground
|
|
min-height: 2em
|
|
//max-heigth: 5em
|
|
margin: 0.5em
|
|
padding: 0.25em
|
|
border-radius: 0.25em
|
|
|
|
.itemhead
|
|
display: grid
|
|
grid-template: 100% /70% 30%
|
|
.usertag
|
|
@include gridPosition(1, 2, 1, 2)
|
|
.title, .handle, .date
|
|
margin: 0.125em
|
|
.title
|
|
font-weight: bold
|
|
.date
|
|
@include gridPosition(1, 2, 2, 3)
|
|
text-align: right
|
|
.handle, .date
|
|
color: $cInactiveText
|
|
.handle a
|
|
text-decoration: none
|
|
color: $cInactiveText
|
|
font-style: normal
|
|
.handle a:hover
|
|
text-decoration: underline
|
|
.itembody
|
|
display: grid
|
|
grid-template: 100% /85% 15%
|
|
.text
|
|
@include gridPosition(1, 2, 1, 2)
|
|
.vote
|
|
@include gridPosition(1, 2, 2, 3)
|
|
display: grid
|
|
grid-template: 70% 30% /50% 50%
|
|
button
|
|
background-color: $cFeedItemBackground
|
|
border: none
|
|
button:hover
|
|
cursor: pointer
|
|
#up
|
|
@include gridPosition(1, 2, 2, 3)
|
|
color: $cFeedUpVote
|
|
#up:hover
|
|
color: darken($cFeedUpVote, 10%)
|
|
#down
|
|
@include gridPosition(1, 2, 1, 2)
|
|
color: $cFeedDownVote
|
|
#down:hover
|
|
color: darken($cFeedDownVote, 10%)
|
|
#votecounter
|
|
@include gridPosition(2, 3, 1, 3)
|
|
text-align: center |