mirror of https://github.com/ColorlibHQ/AdminLTE
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
850 B
49 lines
850 B
9 years ago
|
/*
|
||
|
* Component: Callout
|
||
|
* ------------------
|
||
|
*/
|
||
|
|
||
|
// Base styles (regardless of theme)
|
||
|
.callout {
|
||
|
@include border-radius(3px);
|
||
|
margin: 0 0 20px 0;
|
||
|
padding: 15px 30px 15px 15px;
|
||
|
border-left: 5px solid #eee;
|
||
|
a {
|
||
|
color: #fff;
|
||
|
text-decoration: underline;
|
||
|
&:hover {
|
||
|
color: #eee;
|
||
|
}
|
||
|
}
|
||
|
h4 {
|
||
|
margin-top: 0;
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
p:last-child {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
code,
|
||
|
.highlight {
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
// Themes for different contexts
|
||
|
&.callout-danger {
|
||
|
@extend .bg-red;
|
||
|
border-color: darken($red, 10%);
|
||
|
}
|
||
|
&.callout-warning {
|
||
|
@extend .bg-yellow;
|
||
|
border-color: darken($yellow, 10%);
|
||
|
}
|
||
|
&.callout-info {
|
||
|
@extend .bg-aqua;
|
||
|
border-color: darken($aqua, 10%);
|
||
|
}
|
||
|
&.callout-success {
|
||
|
@extend .bg-green;
|
||
|
border-color: darken($green, 10%);
|
||
|
}
|
||
|
}
|