aboutsummaryrefslogtreecommitdiff
path: root/src/components/notifications/notifications.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/notifications/notifications.scss')
-rw-r--r--src/components/notifications/notifications.scss62
1 files changed, 30 insertions, 32 deletions
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 65efb103..517afeaa 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -1,44 +1,42 @@
@import '../../_variables.scss';
.notification {
+ padding: 0.4em 0 0 0.7em;
+ display: flex;
border-bottom: 1px solid silver;
- .notification-base {
- padding: 0.4em 0 0 0.7em;
- display: flex;
- .avatar {
- padding-top: 0.3em;
- width: 32px;
- height: 32px;
- border-radius: 50%;
- }
+ .text {
+ min-width: 0px;
+ word-wrap: break-word;
+ line-height:18px;
- .text {
- min-width: 0px;
- word-wrap: break-word;
- line-height:18px;
+ .icon-retweet {
+ color: $green;
+ }
- .icon-retweet {
- color: $green;
- }
+ .icon-reply {
+ color: $blue;
+ }
- .icon-reply {
- color: $blue;
- }
+ h1 {
+ margin: 0 0 0.3em;
+ padding: 0;
+ font-size: 1em;
+ line-height:20px;
+ }
- h1 {
- margin: 0 0 0.3em;
- padding: 0;
- font-size: 1em;
- line-height:20px;
- }
+ padding: 0.3em 0.8em 0.5em;
+ p {
+ margin: 0;
+ margin-top: 0;
+ margin-bottom: 0.3em;
+ }
+ }
- padding: 0.3em 0.8em 0.5em;
- p {
- margin: 0;
- margin-top: 0;
- margin-bottom: 0.3em;
- }
- }
+ .avatar {
+ padding-top: 0.3em;
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
}
&:last-child {