Skip to content

Instantly share code, notes, and snippets.

@jk3us
Last active August 29, 2015 14:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jk3us/9fdfe198000399a40ba6 to your computer and use it in GitHub Desktop.
Save jk3us/9fdfe198000399a40ba6 to your computer and use it in GitHub Desktop.
/* Inspired by http://cpratt.co/twitter-bootstrap-callout-css-styles/ */
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout .callout-link {
font-weight: bold;
}
.bs-callout code {
border-radius: 3px;
}
.bs-callout+.bs-callout {
margin-top: -5px;
}
.bs-mixin(@name, @callout-color, @font-color) {
.@{name} {
border-left-color: @callout-color;
color: @font-color;
}
&.@{name} .callout-link {
color: darken(@font-color, 10%);
}
&.@{name} hr {
border-top-color: darken(@callout-color, 5%);
}
}
.bs-mixin(bs-callout-default, @gray-lighter, darken(@gray-lighter, 50%));
.bs-mixin(bs-callout-primary, @brand-primary, @brand-primary);
.bs-mixin(bs-callout-info, @brand-info, @brand-info);
.bs-mixin(bs-callout-danger, @brand-danger, @brand-danger);
.bs-mixin(bs-callout-warning, @brand-warning, @brand-warning);
.bs-mixin(bs-callout-success, @brand-success, @brand-success);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment