Sha256: 35e3dd3557d4b573af3fafcee8e4f4b7c9626cbb25e1c9a0565885ca315113a4
Contents?: true
Size: 972 Bytes
Versions: 46
Compression:
Stored size: 972 Bytes
Contents
// Turn off the bullet for an element of a list
@mixin no-bullet {
list-style-image : none;
list-style-type : none;
margin-left : 0px;
}
// turns off the bullets for an entire list
@mixin no-bullets {
list-style: none;
li { @include no-bullet; }
}
// Make a list(ul/ol) have an image bullet.
//
// The mixin should be used like this for an icon that is 5x7:
//
// ul.pretty
// +pretty-bullets("my-icon.png", 5px, 7px)
//
// Additionally, if the image dimensions are not provided,
// The image dimensions will be extracted from the image itself.
//
// ul.pretty
// +pretty-bullets("my-icon.png")
//
@mixin pretty-bullets($bullet-icon, $width: image-width($bullet-icon), $height: image-height($bullet-icon), $line-height: 18px, $padding: 14px) {
margin-left: 0;
li {
padding-left: $padding;
background: image-url($bullet-icon) no-repeat ($padding - $width) / 2 ($line-height - $height) / 2;
list-style-type: none;
}
}
Version data entries
46 entries across 43 versions & 4 rubygems