A SASS/CSS library that links and anchor supplemented with Icons http://rrmelcer.github.io/aclue/

css css3 icons beer css-library anchors-supplemented beerware

Go to file

Raoul René Melcer 6848112b6a check mirror all branches		3 years ago
.github	Update FUNDING.yml	4 years ago
assets	check mirror all branches	3 years ago
LICENSE	First Prototype	7 years ago
README.md	Add license scan report and status	4 years ago
index.html	Minifi CSS	7 years ago

README.md

a.clue

A CSS library that links and anchors supplemented with icons

Fancy icons and symbols for your great web project. Easy to use and uses the popular web font FontAwesome.

How to use

Include the CSS in the <head> section in your HTML document.

<!-- Import the FontAwesome CSS important for the icons and symbols -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/x.x.x/css/font-awesome.min.css" />
<!-- Import the a.clue CSS -->
<link rel="stylesheet" href="assets/css/aclue.min.css" />
<link rel="stylesheet" href="assets/css/yourown.css" />

Add the aclue class at the parent block element you want.

<!-- for the whole document -->
<body class="aclue">
  Content with a <a href="https://www.linkedin.com/">Linkedin</a> link
  ...
<!-- or partial -->
  <h1 class="aclue">
    Title with a <a href="https://www.instagram.com/rrmelcer/">Instagram</a> link
  </h1>
<!-- or -->
  <div class="aclue">
    Div with a <a href="https://twitter.co/kubikpixel">Twitter</a> link
  </div>
<!-- or -->
  <p class="aclue">
    Paragraph with a <a href="https://www.facebook.com/kubikpixel/">Facebook</a> link
  </p>
<!-- or -->
  ...
</body>

You can overwrite the colors and style of all the icons in your own CSS file.

/* Paint it black in yourown.css*/
ul.aclue > li > a[href]::before,
.aclue a[href]::after {
  color: #000;
}

Lists with icons you make it so easy

<!-- add only the class "aclue" and finish is your iconic list -->
<ul class="aclue">
  <li><a href="https://twitter.com/kubikpixel/">Twitter</a>
  <li><a href="https://github.com/rrmelcer/">GitHub</a>
  <li><a href="http://codepen.io/rrmelcer/">CodePen</a>
  <li><a href="#">...</a>
<ul>

Work also fine with Twitter Bootstrap. The full list of icons and a real application see you in the demo on CodePen.

Support this Project

Give me a upvote on Steemit or on Utopian.io 👍

License

"THE BEER-WARE LICENSE" (Revision 42): raoul.rene.melcer@gmail.com wrote this file. As long as you retain this notice you can do whatever you want with this stuff. If we meet some day, and you think this stuff is worth it, you can buy me a beer in return. 🍻 Raoul René Melcer

Support on Beerpay

Hey dude! Help me out for a couple of 🍻!