mirror of
https://github.com/bitwarden/help
synced 2025-12-15 07:43:48 +00:00
callout styling. note and warning tags. sorting
This commit is contained in:
@@ -227,6 +227,14 @@ footer {
|
||||
}
|
||||
|
||||
.article {
|
||||
.panel-body > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.panel-body > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
li + li,
|
||||
ul li:first-child,
|
||||
@@ -311,7 +319,13 @@ footer {
|
||||
}
|
||||
}
|
||||
|
||||
.alert {
|
||||
a[rel='lightbox'] {
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
.alert, .callout {
|
||||
p, ul, ol {
|
||||
margin-bottom: 12.5px;
|
||||
}
|
||||
@@ -320,3 +334,56 @@ footer {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.callout {
|
||||
padding: 20px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid $panel-default-border;
|
||||
border-left-width: 5px;
|
||||
border-radius: $panel-border-radius;
|
||||
background-color: #fafafa;
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&.callout-primary, &.callout-info {
|
||||
border-left-color: $brand-primary;
|
||||
|
||||
h3 {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
&.callout-default {
|
||||
border-left-color: $gray;
|
||||
|
||||
h3 {
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
|
||||
&.callout-danger {
|
||||
border-left-color: $brand-danger;
|
||||
|
||||
h3 {
|
||||
color: $brand-danger;
|
||||
}
|
||||
}
|
||||
|
||||
&.callout-success {
|
||||
border-left-color: $brand-success;
|
||||
|
||||
h3 {
|
||||
color: $brand-success;
|
||||
}
|
||||
}
|
||||
|
||||
&.callout-warning {
|
||||
border-left-color: $brand-warning;
|
||||
|
||||
h3 {
|
||||
color: $brand-warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user