2015-09-25 12:07:36 +05:30
|
|
|
/*
|
|
|
|
* 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-23 02:04:40 +05:30
|
|
|
margin: $gl-padding 0;
|
|
|
|
padding: $gl-padding;
|
2019-10-12 21:52:04 +05:30
|
|
|
border-color: $border-color;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 0 0 0 3px;
|
2015-11-26 14:37:03 +05:30
|
|
|
color: $text-color;
|
2017-08-17 22:00:37 +05:30
|
|
|
background: $gray-light;
|
2016-11-03 12:29:30 +05:30
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
h4 {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
2016-11-03 12:29:30 +05:30
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
p:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2015-09-25 12:07:36 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
/* Variations */
|
|
|
|
.bs-callout-danger {
|
2018-11-20 20:47:30 +05:30
|
|
|
background-color: $red-100;
|
|
|
|
border-color: $red-200;
|
|
|
|
color: $red-700;
|
2019-07-07 11:18:12 +05:30
|
|
|
|
|
|
|
a {
|
|
|
|
color: $red-700;
|
|
|
|
}
|
2015-09-25 12:07:36 +05:30
|
|
|
}
|
2016-11-03 12:29:30 +05:30
|
|
|
|
2015-09-25 12:07:36 +05:30
|
|
|
.bs-callout-warning {
|
2018-11-20 20:47:30 +05:30
|
|
|
background-color: $orange-100;
|
|
|
|
border-color: $orange-200;
|
2019-02-15 15:39:39 +05:30
|
|
|
color: $orange-900;
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: $orange-900;
|
|
|
|
}
|
2015-09-25 12:07:36 +05:30
|
|
|
}
|
2016-11-03 12:29:30 +05:30
|
|
|
|
2015-09-25 12:07:36 +05:30
|
|
|
.bs-callout-info {
|
2018-11-20 20:47:30 +05:30
|
|
|
background-color: $blue-100;
|
|
|
|
border-color: $blue-200;
|
|
|
|
color: $blue-700;
|
2019-10-12 21:52:04 +05:30
|
|
|
|
|
|
|
h4 {
|
|
|
|
color: $blue-700;
|
|
|
|
}
|
2015-09-25 12:07:36 +05:30
|
|
|
}
|
2016-11-03 12:29:30 +05:30
|
|
|
|
2015-09-25 12:07:36 +05:30
|
|
|
.bs-callout-success {
|
2018-11-20 20:47:30 +05:30
|
|
|
background-color: $green-100;
|
|
|
|
border-color: $green-200;
|
|
|
|
color: $green-700;
|
2015-09-25 12:07:36 +05:30
|
|
|
}
|