Sha256: 0675ef3d9f8fb789704015ca176ffdd6ed65f4d68961e1614a01d97f6d121e26
Contents?: true
Size: 1.72 KB
Versions: 6
Compression:
Stored size: 1.72 KB
Contents
.alert {
display: flex;
align-items: center;
h3 {
margin-top: 0;
margin-bottom: 2px;
font-size: 1.5rem;
font-weight: 600;
}
p {
margin-bottom: 0;
}
a {
color: white;
}
@include media-breakpoint-down(sm) {
padding: ($alert-padding-y * 0.75) ($alert-padding-x * 0.75);
h3 {
font-size: 1.25rem;
}
p {
font-size: 0.85rem;
}
}
}
.alert-icon {
margin-right: $alert-padding-x;
font-size: 40px;
@include media-breakpoint-down(sm) {
margin-left: $alert-padding-x * 0.25;
margin-right: $alert-padding-x * 0.75;
font-size: 32px;
}
}
.alert-dismissable {
position: relative;
.close {
position: absolute;
top: 0.75rem;
right: $alert-padding-x;
color: white;
opacity: 0.5;
&:hover, &:focus {
color: inherit;
opacity: 0.75;
}
@include media-breakpoint-down(sm) {
top: 0.375rem;
right: $alert-padding-x * 0.75;
}
}
}
// Alert colors
@mixin alert-variant($background, $border, $color) {
color: $color;
background: $background;
border-color: $border;
a {
&:hover, &:focus {
color: mix($color, $background, 80%);
}
}
}
.alert-success {
@include alert-variant($alert-success-bg, $alert-success-border, $alert-success-color);
}
.alert-danger {
@include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-color);
}
// Debug errors
.toggle-debug-errors {
&:hover, &:focus {
text-decoration: none;
}
&:after {
@include icon-fa($fa-var-caret-down);
font-size: 0.75rem;
margin-left: 5px;
}
}
.debug-errors {
ul {
list-style: none;
margin: 5px 0 0 0;
padding: 0 0 0 5px;
border-left: 4px solid rgba(white, 0.25);
}
}
Version data entries
6 entries across 6 versions & 1 rubygems