Icons don't show - Githubissues

godambrosio commented 8 years ago

This is my code

<head>
    <link rel="stylesheet" href="https://decorator.io/tools/modulr.min.css"> 
</head>
<body>
            <div class="navbar icon-bar orange">
                <a href="#" class="brand"><img class="flex-center rounded" src="plugbi.png" style="width:2.0vw"></a>

                <ul class="menu pull-left">
                    <li><a href="#">Iem 1</a></li>
                    <li><a href="#">Iem 2</a></li>
                    <li><a href="#">Iem 3</a></li>
                    <li><a href="#">Iem 4</a></li>
                    <li><a href="#">Iem 5</a></li>
                </ul>

                <ul class="menu pull-right">
                    <li class="divider"></li>
                    <li><a href="#"><i class="fa fa-user"></i> Users</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="fa fa-cloud"></i> Cloud</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
                    <li class="divider"></li>
                </ul>

            </div>
</body>

and the icons are not showed on the navigation bar

Thanks

uloga commented 8 years ago

Use getting started template, make sure that FontAwesome icons are included

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Modulr.css Starter Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- font awesome icons library -->
    <link rel="stylesheet" 
    href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
     <!-- modulr.css cdn  -->
    <link rel="stylesheet" href="https://decorator.io/tools/modulr.min.css">
  </head>
  <body>
  <!-- Content Start -->

  <!-- Content End -->
  </body>
</html>

godambrosio commented 8 years ago

Ok thanks a lot

uloga / modulr.css

Icons don't show #8