Skip to content

Instantly share code, notes, and snippets.

@zxfrank

zxfrank/bootstrap_dashed_alert

Created June 11, 2014 14:30
Show Gist options
  • Save zxfrank/d8eada74e4ac5b86eda3 to your computer and use it in GitHub Desktop.
Save zxfrank/d8eada74e4ac5b86eda3 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap striped alert class
Raw
bootstrap_dashed_alert
.alert-danger.alert-striped{
background-size: 40px 40px;
background-image: -webkit-linear-gradient(45deg, rgba(235,188,188, .2) 25%, transparent 25%,
transparent 50%, rgba(235,188,188, .2) 50%, rgba(235,188,188, .2) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(235,188,188, .2) 25%, transparent 25%,
transparent 50%, rgba(235,188,188, .2) 50%, rgba(235,188,188, .2) 75%,
transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(235,188,188, .2) 25%, transparent 25%,
transparent 50%, rgba(235,188,188, .2) 50%, rgba(235,188,188, .2) 75%,
transparent 75%, transparent);
-pie-background: linear-gradient(45deg, rgba(235,188,188, .2) 25%, transparent 25%,
transparent 50%, rgba(235,188,188, .2) 50%, rgba(235,188,188, .2) 75%,
transparent 75%, transparent) 0 0 / 40px 40px #ebbcbc;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment