Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added bootstrap 4 support, added new icons, cleaned up docs #162

Open
wants to merge 5 commits into
base: gh-pages
Choose a base branch
from

Conversation

niftylettuce
Copy link

No description provided.

.btn-yahoo { @include btn-social(#720e9e); }
// bootstrap-social support for bootstrap 4.x
// <https://github.com/lipis/bootstrap-social/issues/123>
@import '_custom';

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Imported partial _custom should be written as custom
Prefer double-quoted strings

// bootstrap
@import 'node_modules/bootstrap/scss/_functions';
@import 'node_modules/bootstrap/scss/_mixins';
@import 'node_modules/bootstrap/scss/_variables';

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Imported partial node_modules/bootstrap/scss/_variables should be written as node_modules/bootstrap/scss/variables
Prefer double-quoted strings

$bs-height-xs: (floor($font-size-small * 1.2) + $padding-small-vertical + 1) !default;
// bootstrap
@import 'node_modules/bootstrap/scss/_functions';
@import 'node_modules/bootstrap/scss/_mixins';

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Imported partial node_modules/bootstrap/scss/_mixins should be written as node_modules/bootstrap/scss/mixins
Prefer double-quoted strings

$bs-height-sm: (floor($font-size-small * 1.5) + $padding-small-vertical * 2) !default;
$bs-height-xs: (floor($font-size-small * 1.2) + $padding-small-vertical + 1) !default;
// bootstrap
@import 'node_modules/bootstrap/scss/_functions';

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Imported partial node_modules/bootstrap/scss/_functions should be written as node_modules/bootstrap/scss/functions
Prefer double-quoted strings

}

.btn-whatsapp {
@include btn-social(#25D366, #fff);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Color literals like #25D366 should only be used in variable declarations; they should be referred to via variable everywhere else.
Color #25D366 should be written as #25d366
Color literals like #fff should only be used in variable declarations; they should be referred to via variable everywhere else.

}

.btn-vk {
@include btn-social(#587ea3);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Color literals like #587ea3 should only be used in variable declarations; they should be referred to via variable everywhere else.

}

.btn-vimeo {
@include btn-social(#1ab7ea);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Color literals like #1ab7ea should only be used in variable declarations; they should be referred to via variable everywhere else.

}

.btn-twitter {
@include btn-social(#1DA1F2, #fff);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Color literals like #1DA1F2 should only be used in variable declarations; they should be referred to via variable everywhere else.
Color #1DA1F2 should be written as #1da1f2
Color literals like #fff should only be used in variable declarations; they should be referred to via variable everywhere else.

}

.btn-tumblr {
@include btn-social(#2c4762);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Color literals like #2c4762 should only be used in variable declarations; they should be referred to via variable everywhere else.

}

.btn-soundcloud {
@include btn-social(#ff5500);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Color literals like #ff5500 should only be used in variable declarations; they should be referred to via variable everywhere else.

@OmgImAlexis
Copy link

@lipis is there anything holding this PR from being merged?

@niftylettuce
Copy link
Author

I've published my own version due to no activity from @lipis.

If anyone is interested in using my fork, you can npm install @ladjs/bootstrap-social.

The repository is at https://github.com/ladjs/bootstrap-social and latest version on npm is 7.0.0.

@lipis
Copy link
Owner

lipis commented Dec 23, 2017

hey guys.. sorry for being inactive for quite some time.. I'll try to figure out what is going on with version 4 and I'll try to revive this project :)

@peterblazejewicz
Copy link

@lipis ping me if you need a hand. Thx!

@StefanoFrazzetto
Copy link

Bump?


Social Buttons made in pure CSS based on
[Bootstrap](http://twbs.github.io/bootstrap/) and
[Font Awesome](http://fortawesome.github.io/Font-Awesome/)!

[Check the live demo!](http://lipis.github.io/bootstrap-social)
[Check the live demo!](http://niftylettuce.com/bootstrap-social/)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That looks wrong to me. 404.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants