Skip to content

Instantly share code, notes, and snippets.

@mattsimpson
Forked from matthiasg/docs style (bootstrap)
Last active June 23, 2018 08:42
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save mattsimpson/9063553 to your computer and use it in GitHub Desktop.
Save mattsimpson/9063553 to your computer and use it in GitHub Desktop.
This is the Twitter Bootstrap documentation's callout css. Looks nice.
/* Base styles (regardless of theme) */
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.bs-callout h4 {
margin-top: 0;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
}
/* Themes for different contexts */
.bs-callout-danger {
background-color: #fcf2f2;
border-color: #dFb5b4;
}
.bs-callout-warning {
background-color: #fefbed;
border-color: #f1e7bc;
}
.bs-callout-info {
background-color: #f0f7fd;
border-color: #d0e3f0;
}
.bs-callout-danger h4,
.bs-callout-danger a.alert-link {
color: #B94A48;
}
.bs-callout-warning h4,
.bs-callout-warning a.alert-link {
color: #C09853;
}
.bs-callout-info h4,
.bs-callout-info a.alert-link {
color: #3A87AD;
}
.bs-callout a.alert-link {
font-weight: bold;
}
@jgehrcke
Copy link

That's new:

.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment