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
846 B
49 lines
846 B
9 months ago
|
/*
|
||
|
|
* Component: Callout
|
||
|
|
* ------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
// Base styles (regardless of theme)
|
||
|
|
.callout {
|
||
|
|
.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%);
|
||
|
|
}
|
||
|
|
}
|