mirror of
https://github.com/snipe/snipe-it.git
synced 2024-11-15 10:04:13 -08:00
49 lines
846 B
Plaintext
49 lines
846 B
Plaintext
|
/*
|
||
|
* 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%);
|
||
|
}
|
||
|
}
|