Skip to content

Sass drop-in replacement for Bootstrap 4 glyphicons support

License

Notifications You must be signed in to change notification settings

SandroCoutinho/glyphicons-halflings

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

glyphicons-halflings

This is Sass (Syntactically Awesome StyleSheets) based stylesheet generator for GLYPHICONS Halflings.

Installing

bower install glyphicons-halflings

Building

Just install all deps and call gulp

npm install
gulp

Inject into Bootstrap 4

As Bootstrap 4 will drop GLYPHICONS support you can use this project to simply inject icons into their CSS.

Modify lib/glyphicons-halflings/scss/glyphicons-halflings/_variables.scss and change it to:

$glyphicons-halflings-class-prefix: glyphicon !default;
$glyphicons-halflings-font-base-size: 12px !default;
$glyphicons-halflings-include-bonus: false !default;

After that you can include this in bootstrap.scss from Boostrap 4 source tree:

@include "glyphicons-halflings"

You also can set the font base path by setting the $glyphicons-halflings-font-path:

$glyphicons-halflings-font-path: '../fonts' !default;

And compile.

About

Sass drop-in replacement for Bootstrap 4 glyphicons support

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 97.1%
  • JavaScript 2.9%