akkoma-fe/src/components/notifications/notifications.scss

46 lines
665 B
SCSS
Raw Normal View History

2016-11-27 19:00:44 +00:00
@import '../../_variables.scss';
2016-11-27 18:44:56 +00:00
.notification {
2017-02-18 07:48:35 +00:00
padding: 0.4em 0 0 0.7em;
2016-11-27 18:44:56 +00:00
display: flex;
border-bottom: 1px solid silver;
.text {
min-width: 0px;
word-wrap: break-word;
2017-02-18 07:48:35 +00:00
line-height:18px;
2016-11-27 19:00:44 +00:00
.icon-retweet {
color: $green;
}
.icon-reply {
color: $blue;
}
2016-11-27 18:44:56 +00:00
h1 {
2017-02-18 07:48:35 +00:00
margin: 0 0 0.3em;
2016-11-27 18:44:56 +00:00
padding: 0;
font-size: 1em;
2017-02-18 07:48:35 +00:00
line-height:20px;
2016-11-27 18:44:56 +00:00
}
2017-02-18 07:48:35 +00:00
padding: 0.3em 0.8em 0.5em;
2016-11-27 18:44:56 +00:00
p {
margin: 0;
margin-top: 0;
2017-02-18 07:48:35 +00:00
margin-bottom: 0.3em;
2016-11-27 18:44:56 +00:00
}
}
.avatar {
2017-02-18 07:48:35 +00:00
padding-top: 0.3em;
2016-11-27 18:44:56 +00:00
width: 32px;
height: 32px;
border-radius: 50%;
}
&:last-child {
border: none
}
}