A SASS/CSS library that links and anchor supplemented with Icons http://rrmelcer.github.io/aclue/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
Raoul René Melcer 6848112b6a check mirror all branches 1 year ago
.github Update FUNDING.yml 3 years ago
assets check mirror all branches 1 year ago
LICENSE First Prototype 6 years ago
README.md Add license scan report and status 3 years ago
index.html Minifi CSS 6 years ago

README.md

a.clue

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

FOSSA Status

Support on Beerpay

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

Beerpay FOSSA Status Beerpay