terrymooreii / materialize-social

Social Login Buttons for MaterializeCSS

materialize-social

Social Login Buttons for MaterializeCSS

How to install

npm install --save materialize-social

bower install --save materialize-social

How to use

Check out this site usage

materialize-social's Issues

Frameworks

icon is not showing up

Added CDN reference:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/materialize-social.css" integrity="sha256-fCY3nqZIbaRNV43p3uX2P5UtH1dkKui9VbUiTz9tL3Y=" crossorigin="anonymous">

Then, adding a button:

          <div class="row">
            <a class="waves-effect waves-light social-icon btn windows "><i class="fa fa-windows "></i></a>
          </div>

Unfortunately, I get

Update the colors

Hi, how are you?

I'm using your tool and I'm really enjoying it, but I think you need an update on the colors used in social networking.

Like the Instagram that had a color change in its logo.

In instagram I changed the color to that indicated in this site: Social Colors

Could you please update the colors of social networks?

Thank you very much.

Pressing button with href tag reveals teal tint

I have a button defined as follows:

<a class="waves-effect waves-light btn-floating social google" data-delay="100" href="mailto:[email protected]">
 <i class="fa fa-google"></i></a>

After clicking the button, the background colour of the button becomes a teal/green colour (see screenshot).

Solution

Adding !important annotations besides the background-color in the .css file fixes this issue.
Example:

.linkedin {
  background-color: #007bb6 !important;
  color: #fff !important;
}

There is no teal tint if there is no href tag in the button.

Update to angular 4

Hi

I've developing a angular4/material application. When installing I get this message.

npm WARN deprecated [email protected]: This version of Angular has been deprecated. Use @angular/core instead.
npm WARN [email protected] requires a peer of es6-shim@^0.35.0 but none was installed.

Would it be possible for you to update to latest and greatest versions ?