mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-25 03:44:29 +03:00
Standardising notification types
- CSS classes directly correspond to notification 'types' - Error, warn and info are reasonably standard terms for descending priority 'log levels', using these to denote red, orange and blue notifications.
This commit is contained in:
parent
0c5bb03dcc
commit
9074b87205
@ -296,8 +296,8 @@ kbd {
|
||||
font-weight: bold;
|
||||
background: #f4f4f4;
|
||||
border-radius: 4px;
|
||||
box-shadow:
|
||||
0 1px 0 rgba(0, 0, 0, 0.2),
|
||||
box-shadow:
|
||||
0 1px 0 rgba(0, 0, 0, 0.2),
|
||||
0 1px 0 0 #fff inset;
|
||||
}
|
||||
|
||||
@ -747,7 +747,7 @@ nav {
|
||||
|
||||
&:hover {
|
||||
background: $blue;
|
||||
box-shadow:
|
||||
box-shadow:
|
||||
rgba(255,255,255,0.2) 0 1px 0 inset,
|
||||
rgba(0,0,0,0.5) 0 1px 5px;
|
||||
}
|
||||
@ -840,7 +840,7 @@ nav {
|
||||
padding: 10px 43px 10px 57px;
|
||||
margin: 0 0 15px 0;
|
||||
color: rgba(255,255,255,0.9);
|
||||
background: $orange;
|
||||
background: $blue;
|
||||
position:relative;
|
||||
box-shadow: $shadow;
|
||||
|
||||
@ -891,7 +891,14 @@ nav {
|
||||
background: $red;
|
||||
}
|
||||
|
||||
.notification-alert {
|
||||
|
||||
.notification-warn {
|
||||
@extend %notification;
|
||||
@include icon($i-info);
|
||||
background: $orange;
|
||||
}
|
||||
|
||||
.notification-info {
|
||||
@extend %notification;
|
||||
@include icon($i-info);
|
||||
background: $blue;
|
||||
@ -1075,7 +1082,7 @@ main {
|
||||
.scrolling {
|
||||
|
||||
.floatingheader {
|
||||
box-shadow:
|
||||
box-shadow:
|
||||
rgba(0,0,0,0.02) 0 1px 2px,
|
||||
rgba(255, 255, 255, 0.5) 0 -1px 0 inset;
|
||||
|
||||
@ -1280,7 +1287,7 @@ main {
|
||||
@include transition(all 0.15s ease-in-out);
|
||||
|
||||
&:hover {
|
||||
box-shadow:
|
||||
box-shadow:
|
||||
rgba(0,0,0,0.05) 5px 0 0 inset,
|
||||
rgba(0,0,0,0.05) -5px 0 0 inset,
|
||||
rgba(0,0,0,0.05) 0 5px 0 inset,
|
||||
|
Loading…
Reference in New Issue
Block a user