2015-09-18 22:21:24 +00:00
|
|
|
/*
|
|
|
|
* Callouts from Bootstrap3 docs
|
|
|
|
*
|
|
|
|
* Not quite alerts, but custom and helpful notes for folks reading the docs.
|
|
|
|
* Requires a base and modifier class.
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* Common styles for all types */
|
|
|
|
.bs-callout {
|
2015-12-08 11:54:13 +00:00
|
|
|
margin: $gl-padding 0;
|
|
|
|
padding: $gl-padding;
|
2019-08-14 18:15:28 +00:00
|
|
|
border-color: $border-color;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 0 0 0 3px;
|
2015-11-05 12:49:34 +00:00
|
|
|
color: $text-color;
|
2016-12-12 22:26:21 +00:00
|
|
|
background: $gray-light;
|
2016-10-14 20:39:08 +00:00
|
|
|
|
2017-07-12 09:50:26 +00:00
|
|
|
h4 {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
2016-10-14 20:39:08 +00:00
|
|
|
|
2017-07-12 09:50:26 +00:00
|
|
|
p:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2015-09-18 22:21:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Variations */
|
|
|
|
.bs-callout-danger {
|
2018-08-22 16:40:38 +00:00
|
|
|
background-color: $red-100;
|
|
|
|
border-color: $red-200;
|
|
|
|
color: $red-700;
|
2019-03-21 06:09:15 +00:00
|
|
|
|
|
|
|
a {
|
|
|
|
color: $red-700;
|
|
|
|
}
|
2015-09-18 22:21:24 +00:00
|
|
|
}
|
2016-10-14 20:39:08 +00:00
|
|
|
|
2015-09-18 22:21:24 +00:00
|
|
|
.bs-callout-warning {
|
2020-09-09 06:08:55 +00:00
|
|
|
background-color: $orange-50;
|
2018-08-22 16:40:38 +00:00
|
|
|
border-color: $orange-200;
|
2020-09-09 06:08:55 +00:00
|
|
|
color: $gray-900;
|
2018-11-27 16:52:58 +00:00
|
|
|
|
|
|
|
a {
|
2020-09-09 06:08:55 +00:00
|
|
|
color: $blue-600;
|
2018-11-27 16:52:58 +00:00
|
|
|
}
|
2015-09-18 22:21:24 +00:00
|
|
|
}
|
2016-10-14 20:39:08 +00:00
|
|
|
|
2015-09-18 22:21:24 +00:00
|
|
|
.bs-callout-info {
|
2018-08-22 16:40:38 +00:00
|
|
|
background-color: $blue-100;
|
|
|
|
border-color: $blue-200;
|
|
|
|
color: $blue-700;
|
2019-08-14 18:15:28 +00:00
|
|
|
|
|
|
|
h4 {
|
|
|
|
color: $blue-700;
|
|
|
|
}
|
2015-09-18 22:21:24 +00:00
|
|
|
}
|
2016-10-14 20:39:08 +00:00
|
|
|
|
2015-09-18 22:21:24 +00:00
|
|
|
.bs-callout-success {
|
2018-08-22 16:40:38 +00:00
|
|
|
background-color: $green-100;
|
|
|
|
border-color: $green-200;
|
|
|
|
color: $green-700;
|
2015-09-18 22:21:24 +00:00
|
|
|
}
|