Skip to content

Instantly share code, notes, and snippets.

@jorilallo

jorilallo/hr.less

Forked from maccman/hr.less
Created July 11, 2011 18:51
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jorilallo/1076513 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jorilallo/1076513 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @maccman maccman created this gist Jul 11, 2011.
    27 changes: 27 additions & 0 deletions hr.less
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,27 @@
    /* See http://cl.ly/8KmQ for an example */

    hr {
    margin: 15px 0;
    position: relative;
    border: 1px solid transparent;
    .box-shadow(0, 1px, 2px, rgba(0,0,0,0.3));

    &:before, &:after {
    content: "";
    position: absolute;
    top: -5px;
    display: block;
    width: 170px;
    height: 10px;
    }

    &:before {
    .hbg-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 0));
    left: 0;
    }

    &:after {
    .hbg-gradient(rgba(246, 246, 246, 0), rgba(246, 246, 246, 1));
    right: 0;
    }
    }