mirror of
https://github.com/vale981/Vulcan
synced 2025-03-08 19:11:38 -05:00
59 lines
No EOL
1.1 KiB
SCSS
59 lines
No EOL
1.1 KiB
SCSS
.notifications{
|
|
position:fixed;
|
|
height:100%;
|
|
width:200px;
|
|
top:0px;
|
|
left:-200px;
|
|
background:#f3f3f3;
|
|
@include single-transition(ease-out, left, 400ms, 0ms);
|
|
.mark-as-read{
|
|
display:block;
|
|
text-align:center;
|
|
padding:10px;
|
|
font-size:13px;
|
|
border-bottom:1px solid $lighter-grey;
|
|
background:#f3f3f3;
|
|
&:link, &:visited{
|
|
color:$blue;
|
|
}
|
|
}
|
|
ul{
|
|
height:100%;
|
|
overflow:auto;
|
|
li{
|
|
padding:10px;
|
|
border-bottom:1px solid $lighter-grey;
|
|
font-size:13px;
|
|
background:white;
|
|
.notification-timestamp{
|
|
color:$light-text;
|
|
font-size:12px;
|
|
}
|
|
&.read{
|
|
color:$light-text;
|
|
background:#f3f3f3;
|
|
}
|
|
}
|
|
}
|
|
.notifications-toggle{
|
|
display:block;
|
|
position:absolute;
|
|
left:200px;
|
|
top:20px;
|
|
white-space:nowrap;
|
|
background:white;
|
|
@include border-radius(0px 3px 3px 0px);
|
|
@include box-shadow(0 1px 1px black(0.15));
|
|
padding:3px 10px;
|
|
font-size:13px;
|
|
&.no-notifications{
|
|
background:white(0.3);
|
|
@include box-shadow(none);
|
|
color:$light-text;
|
|
}
|
|
}
|
|
.notifications-open &{
|
|
left:0px;
|
|
@include box-shadow(1px 0px 1px black(0.15));
|
|
}
|
|
} |