JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<link rel="stylesheet" href="http://www.bootstrapcdn.com/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://www.bootstrapcdn.com/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
<span>One fine full dot: <span class="glyphicon glyphicon-one-fine-full-dot"></span></span>
<br />
<span>One fine empty dot: <span class="glyphicon glyphicon-one-fine-empty-dot"></span></span>

CSS

body {
    padding: 30px;
}
.glyphicon.glyphicon-one-fine-full-dot {
    margin-bottom: -.8em;
    overflow: hidden;
}
.glyphicon.glyphicon-one-fine-full-dot:before {
    content:"\25cf";
    font-size: 3em;
}
.glyphicon.glyphicon-one-fine-empty-dot {
    margin-bottom: -.8em;
    overflow: hidden;
}
.glyphicon.glyphicon-one-fine-empty-dot:before {
    content:"\25cb";
    font-size: 3em;
}