Skip to content

Instantly share code, notes, and snippets.

@lisaq

lisaq/circle-mixin.less

Last active August 29, 2015 14:04
Show Gist options
  • Save lisaq/18fcd3f1d7ed8caf82a3 to your computer and use it in GitHub Desktop.
Save lisaq/18fcd3f1d7ed8caf82a3 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Lisa Q revised this gist Jul 16, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions circle-mixin.less
    View file
    Original file line number Diff line number Diff line change
    @@ -6,8 +6,8 @@
    font-size: round(@diameter/2);
    line-height:1em;
    .border-radius(50%);
    background-color:@color;
    color:white;
    text-align:center;
    vertical-align:middle;
    background-color:@color;
    color:white;
    }
  2. Lisa Q created this gist Jul 16, 2014.
    13 changes: 13 additions & 0 deletions circle-mixin.less
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,13 @@
    /* centers text in a circle - input diameter of circle and color */
    .circle (@diameter:50px,@color:#000) {
    height: round(@diameter/2);
    width: round(@diameter/2);
    padding: round(@diameter/4);
    font-size: round(@diameter/2);
    line-height:1em;
    .border-radius(50%);
    background-color:@color;
    color:white;
    text-align:center;
    vertical-align:middle;
    }