Browse Source

Fixed icon size

dependabot/npm_and_yarn/lodash-4.17.19
Alexandrshy 6 years ago
parent
commit
39d11bcb40
  1. 2
      package.json
  2. 2
      src/helpers/event.js
  3. 18
      src/style/index.css

2
package.json

@ -1,6 +1,6 @@
{ {
"name": "vue-share-buttons", "name": "vue-share-buttons",
"version": "0.1.5", "version": "0.1.6",
"private": false, "private": false,
"license": "MIT", "license": "MIT",
"author": "Alexandr Shulaev <[email protected]>", "author": "Alexandr Shulaev <[email protected]>",

2
src/helpers/event.js

@ -7,4 +7,4 @@
* @return {object} - Event. * @return {object} - Event.
*/ */
export const eventEmit = (vm, eventName = "", option = {}) => export const eventEmit = (vm, eventName = "", option = {}) =>
vm.$emit(eventName, { ...option }); vm.$emit(eventName, option);

18
src/style/index.css

@ -1,4 +1,8 @@
/* Base */ /* Base */
.share-button * {
box-sizing: border-box;
}
.button-social * { .button-social * {
box-sizing: border-box; box-sizing: border-box;
} }
@ -48,19 +52,19 @@
.share-button__icon { .share-button__icon {
display: inline-block; display: inline-block;
padding: 0 7px; padding: 0;
margin: 0; margin: 0 7px;
font-size: 0; font-size: 0;
vertical-align: middle; vertical-align: middle;
} }
.share-button__icon:last-child { .share-button__icon:last-child {
padding: 0; margin: 0;
} }
.share-button__text { .share-button__text {
display: inline-block; display: inline-block;
padding: 0 7px; margin: 0 7px;
font-size: 16px; font-size: 16px;
vertical-align: middle; vertical-align: middle;
} }
@ -126,7 +130,7 @@
.share-button--painted .share-button__icon { .share-button--painted .share-button__icon {
width: 30px; width: 30px;
height: 30px; height: 30px;
padding: 0; margin: 0;
} }
.share-button--painted .share-button__text { .share-button--painted .share-button__text {
@ -174,11 +178,11 @@
.share-button__icon { .share-button__icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
padding: 0 4px; margin: 0 4px;
} }
.share-button__text { .share-button__text {
padding: 0 4px; margin: 0 4px;
font-size: 14px; font-size: 14px;
} }

Loading…
Cancel
Save