Skip to content

Instantly share code, notes, and snippets.

@miwebguy
Last active December 16, 2015 03:39
Show Gist options
  • Select an option

  • Save miwebguy/5371668 to your computer and use it in GitHub Desktop.

Select an option

Save miwebguy/5371668 to your computer and use it in GitHub Desktop.
CSSHints
//http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/
/**Custom Bullets on anything:*/
.S20_processing:before {
margin-right:2px;
padding:2px 6px;
content: "\2022 ";
color: yellow;
background-color:#ccc;
border-radius:2px;
}
/**Check **/
.S25_done:before {
margin-right:2px;
padding: 2px;
content: "\2713 ";
color: green;
background-color:#ccc;
border-radius:2px;
}
/**Table cell vertical align */
.avt { vertical-align:top;}
.avm { vertical-align: middle;}
.avb { vertical-align: bottom;}
/**Text and cell horizontal align**/
.atl { text-align: left !important;}
.atc { text-align: center !important;}
.atr { text-align: right !important;}
/**PRINT **/
/**FORCE BG in WEBKIT **/
@media print and (color) {
* {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/**Page Break **/
article {
page-break-before: always;
}
h2, h3 {
page-break-after: avoid;
}
/**External Link **/
article a[href^=http]:after {
content:" <" attr(href) "> ";
}
/**Comma Separated Values**/
.taglist span:after {
content: ", ";
}
.taglist span:last-child:after {
content: "";
}
.taglist span:nth-last-child(2):after {
content: " & ";
}
.taglist span:nth-last-child(3) ~ li:nth-last-child(2):after {
content: ", & ";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment