Created
July 5, 2017 02:16
-
-
Save mikeblum/aaffe654fc4f5a74c3b8b313fb43b2eb to your computer and use it in GitHub Desktop.
Bootstrap 4 Callouts pulled from https://v4-alpha.getbootstrap.com/assets/css/docs.min.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.bd-callout { | |
padding: 1.25rem; | |
margin-top: 1.25rem; | |
margin-bottom: 1.25rem; | |
border: 1px solid #eee; | |
border-left-width: .25rem; | |
border-radius: .25rem | |
} | |
.bd-callout h4 { | |
margin-top: 0; | |
margin-bottom: .25rem | |
} | |
.bd-callout p:last-child { | |
margin-bottom: 0 | |
} | |
.bd-callout code { | |
border-radius: .25rem | |
} | |
.bd-callout+.bd-callout { | |
margin-top: -.25rem | |
} | |
.bd-callout-info { | |
border-left-color: #5bc0de | |
} | |
.bd-callout-info h4 { | |
color: #5bc0de | |
} | |
.bd-callout-warning { | |
border-left-color: #f0ad4e | |
} | |
.bd-callout-warning h4 { | |
color: #f0ad4e | |
} | |
.bd-callout-danger { | |
border-left-color: #d9534f | |
} | |
.bd-callout-danger h4 { | |
color: #d9534f | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@jacobwalkr this is perfect, thank you!