|
|
@ -312,53 +312,53 @@ |
|
|
|
.embed { |
|
|
|
.activity-stream { |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.entry { |
|
|
|
|
|
|
|
.detailed-status.light { |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: flex-start; |
|
|
|
.entry { |
|
|
|
|
|
|
|
.detailed-status__display-name { |
|
|
|
flex: 1; |
|
|
|
margin: 0 5px 15px 0; |
|
|
|
} |
|
|
|
.detailed-status.light { |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: flex-start; |
|
|
|
|
|
|
|
.button.button-secondary.logo-button { |
|
|
|
flex: 0 auto; |
|
|
|
font-size: 14px; |
|
|
|
.detailed-status__display-name { |
|
|
|
flex: 1; |
|
|
|
margin: 0 5px 15px 0; |
|
|
|
} |
|
|
|
|
|
|
|
svg { |
|
|
|
width: 20px; |
|
|
|
height: auto; |
|
|
|
vertical-align: middle; |
|
|
|
margin-right: 5px; |
|
|
|
.button.button-secondary.logo-button { |
|
|
|
flex: 0 auto; |
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
path:first-child { |
|
|
|
fill: $ui-primary-color; |
|
|
|
} |
|
|
|
svg { |
|
|
|
width: 20px; |
|
|
|
height: auto; |
|
|
|
vertical-align: middle; |
|
|
|
margin-right: 5px; |
|
|
|
|
|
|
|
path:last-child { |
|
|
|
fill: $simple-background-color; |
|
|
|
} |
|
|
|
} |
|
|
|
path:first-child { |
|
|
|
fill: $ui-primary-color; |
|
|
|
} |
|
|
|
|
|
|
|
&:active, |
|
|
|
&:focus, |
|
|
|
&:hover { |
|
|
|
svg path:first-child { |
|
|
|
fill: lighten($ui-primary-color, 4%); |
|
|
|
} |
|
|
|
} |
|
|
|
path:last-child { |
|
|
|
fill: $simple-background-color; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.status__content, |
|
|
|
.detailed-status__meta { |
|
|
|
flex: 100%; |
|
|
|
&:active, |
|
|
|
&:focus, |
|
|
|
&:hover { |
|
|
|
svg path:first-child { |
|
|
|
fill: lighten($ui-primary-color, 4%); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.status__content, |
|
|
|
.detailed-status__meta { |
|
|
|
flex: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |