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.
48 lines
846 B
48 lines
846 B
/*
|
|
* 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%);
|
|
}
|
|
}
|
|
|