yttt/yamatotoma.to
2
0
Fork 0
Code Pull requests Activity Actions

adds boxes (#227)

Browse source 
* update fontawesome to 4.7

* adds remarkup inspired boxes

* adds markdown example as image

* adds draft post with usage examples

* move box definitions in main.css

* Revert "update fontawesome to 4.7"

This reverts commit 9d7c96cbb2586cd93b91dd099d95c2558aca3bb7.

* moves box examples into showcase post

* fix line endings in test-markdown

* fix line endings
This commit is contained in:
Marco Blessing 2017-08-17 17:51:45 +02:00 • committed by Dean Attali
parent ffb3c843b2
commit 7292e04267
2 changed files with 77 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

57
css/main.css
View file

@ -680,3 +680,60 @@ td.gutter {
#social-share-section {
margin-bottom: 30px;
}
/* --- Notification boxes --- */
.box-note {
background-color: #eee;
padding: 15px;
padding-left: 10px;
margin: 20px;
margin-left: 5px;
border: 1px solid #eee;
border-left-width: 5px;
border-left-color: #2980b9;
border-radius: 3px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.box-warning {
background-color: #fdf5d4;
padding: 15px;
padding-left: 10px;
margin: 20px;
margin-left: 5px;
border: 1px solid #eee;
border-left-width: 5px;
border-left-color: #f1c40f;
border-radius: 3px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.box-error {
background-color: #f4dddb;
padding: 15px;
padding-left: 10px;
margin: 20px;
margin-left: 5px;
border: 1px solid #eee;
border-left-width: 5px;
border-left-color: #c0392b;
border-radius: 3px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
/* Icon Colors */
.icon-blue {
color: #2980b9;
}
.icon-yellow {
color: #f1c40f;
}
.icon-red{
color: #c0392b;
}