help: Add Tip CSS.

This adds the CSS for a tip section. Utilizes the CSS ::before
pseudo-selector and fontawesome.
This commit is contained in:
Brock Whittaker 2016-12-21 16:05:41 -07:00 committed by Tim Abbott
parent ca190bd394
commit 41f6420df0
1 changed files with 25 additions and 1 deletions

View File

@ -1080,12 +1080,36 @@ a.bottom-signup-button {
box-shadow: none; box-shadow: none;
} }
.markdown .warn { .markdown .warn,
.markdown .tip {
position: relative;
display: block; display: block;
background-color: #f5f7f9; background-color: #f5f7f9;
border: 1px solid #eee; border: 1px solid #eee;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
margin-bottom: 10px;
}
.markdown .tip {
background-color: #fbf7ea;
border: 1px solid #e0ddd0;
}
.markdown .warn p,
.markdown .tip p {
margin-bottom: 0;
}
.markdown .tip::before {
display: inline;
content: "\f0eb Tip: ";
font-family: FontAwesome, "Yantramanav";
font-weight: 600;
}
.markdown .tip p:first-of-type {
display: inline;
} }
.markdown .indicator { .markdown .indicator {