Skip to content

Commit d3075c8

Browse files
committed
Update package stylesheet and icon
1 parent 0fb604f commit d3075c8

File tree

10 files changed

+145
-80
lines changed

10 files changed

+145
-80
lines changed

public/assets/css/socialite.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

public/assets/css/socialite.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

public/assets/fonts/socialite.eot

2.55 KB
Binary file not shown.

public/assets/fonts/socialite.svg

Lines changed: 11 additions & 2 deletions
Loading

public/assets/fonts/socialite.ttf

2.55 KB
Binary file not shown.

public/assets/fonts/socialite.woff

2.55 KB
Binary file not shown.

public/assets/mix-manifest.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
{
22
"/css/socialite.css": "/css/socialite.css",
3-
"/mix.js.map": "/mix.js.map",
43
"/css/socialite.css.map": "/css/socialite.css.map"
54
}

public/assets/sass/_custom.scss

Lines changed: 36 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,48 @@
11
// colors
22
$white: #fff;
3+
$bitbucket: #205081;
4+
$deezer: #131313;
5+
$discord: #989FEC;
6+
$dribbble: #ea4c89;
7+
$dropbox: #007ee5;
38
$facebook: #47639e;
4-
$twitter: #55acee;
5-
$linkedin: #0077B5;
69
$github: #444;
10+
$gitlab: #FCA326;
711
$google: #dd4b39;
812
$instagram: #e4405f;
9-
$dribbble: #ea4c89;
10-
$behance: #203d9c;
13+
$linkedin: #0077B5;
14+
$medium: #00E470;
15+
$pinterest: #9F1121;
16+
$spotify: #00D95F;
17+
$soundcloud:#FF6A22;
18+
$trello: #0277BD;
19+
$twitter: #55acee;
20+
$unsplash: #000;
1121
$youtube: #cd201f;
12-
$dropbox: #007ee5;
22+
$yahoo: #7B1FA2;
1323

1424
$theme-colors: (
15-
"white": $white,
16-
"facebook": $facebook,
17-
"github": $github,
18-
"google": $google,
19-
"twitter": $twitter,
20-
"linkedin": $linkedin,
21-
"instagram": $instagram,
22-
"dribbble": $dribbble,
23-
"behance": $behance,
24-
"youtube": $youtube,
25-
"dropbox": $dropbox,
25+
"white": $white,
26+
"bitbucket": $bitbucket,
27+
"deezer": $deezer,
28+
"discord": $discord,
29+
"dribbble": $dribbble,
30+
"dropbox": $dropbox,
31+
"facebook": $facebook,
32+
"github": $github,
33+
"gitlab": $gitlab,
34+
"google": $google,
35+
"instagram": $instagram,
36+
"linkedin": $linkedin,
37+
"medium": $medium,
38+
"pinterest": $pinterest,
39+
"spotify": $spotify,
40+
"soundcloud": $soundcloud,
41+
"trello": $trello,
42+
"twitter": $twitter,
43+
"unsplash": $unsplash,
44+
"youtube": $youtube,
45+
"yahoo": $yahoo,
2646
);
2747

2848
// Components

public/assets/sass/socialite.scss

Lines changed: 10 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@
55
@import "~bootstrap/scss/mixins";
66
// Bootstrap buttons
77
@import "~bootstrap/scss/buttons";
8+
// Icons
9+
@import "style.css";
810

911
.socialite-buttons {
1012
margin: 10px 0;
@@ -29,64 +31,13 @@
2931
border-width: 1px;
3032
}
3133
}
32-
}
33-
34-
@font-face {
35-
font-family: 'socialite';
36-
src: url('../fonts/socialite.eot?vuoe9i');
37-
src: url('../fonts/socialite.eot?vuoe9i#iefix') format('embedded-opentype'),
38-
url('../fonts/socialite.ttf?vuoe9i') format('truetype'),
39-
url('../fonts/socialite.woff?vuoe9i') format('woff'),
40-
url('../fonts/socialite.svg?vuoe9i#socialite') format('svg');
41-
font-weight: normal;
42-
font-style: normal;
43-
}
4434

45-
[class^="social-"], [class*=" social-"] {
46-
/* use !important to prevent issues with browser extensions that change fonts */
47-
font-family: 'socialite' !important;
48-
speak: none;
49-
font-style: normal;
50-
font-weight: normal;
51-
font-variant: normal;
52-
text-transform: none;
53-
line-height: 1;
54-
55-
/* Better Font Rendering =========== */
56-
-webkit-font-smoothing: antialiased;
57-
-moz-osx-font-smoothing: grayscale;
58-
}
59-
60-
.social-google:before {
61-
content: "\ea88";
62-
}
63-
.social-google-plus:before {
64-
content: "\ea8b";
65-
}
66-
.social-facebook:before {
67-
content: "\ea90";
68-
}
69-
.social-instagram:before {
70-
content: "\ea92";
71-
}
72-
.social-twitter:before {
73-
content: "\ea96";
74-
}
75-
.social-youtube:before {
76-
content: "\ea9d";
77-
}
78-
.social-dribbble:before {
79-
content: "\eaa7";
80-
}
81-
.social-behance:before {
82-
content: "\eaa8";
83-
}
84-
.social-dropbox:before {
85-
content: "\eaae";
86-
}
87-
.social-github:before {
88-
content: "\eab0";
89-
}
90-
.social-linkedin:before {
91-
content: "\eaca";
35+
.btn-discord,
36+
.btn-twitter,
37+
.btn-gitlab,
38+
.btn-outline-discord:hover, .btn-outline-discord:focus,
39+
.btn-outline-twitter:hover, .btn-outline-twitter:focus,
40+
.btn-outline-gitlab:hover, .btn-outline-gitlab:focus {
41+
color: $white;
42+
}
9243
}

public/assets/sass/style.css

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
@font-face {
2+
font-family: 'socialite';
3+
src: url('../fonts/socialite.eot?vuoe9i');
4+
src: url('../fonts/socialite.eot?vuoe9i#iefix') format('embedded-opentype'),
5+
url('../fonts/socialite.ttf?vuoe9i') format('truetype'),
6+
url('../fonts/socialite.woff?vuoe9i') format('woff'),
7+
url('../fonts/socialite.svg?vuoe9i#socialite') format('svg');
8+
font-weight: normal;
9+
font-style: normal;
10+
}
11+
12+
[class^="social-"], [class*=" social-"] {
13+
/* use !important to prevent issues with browser extensions that change fonts */
14+
font-family: 'socialite' !important;
15+
speak: none;
16+
font-style: normal;
17+
font-weight: normal;
18+
font-variant: normal;
19+
text-transform: none;
20+
line-height: 1;
21+
22+
/* Better Font Rendering =========== */
23+
-webkit-font-smoothing: antialiased;
24+
-moz-osx-font-smoothing: grayscale;
25+
}
26+
27+
.social-gitlab:before {
28+
content: "\e907";
29+
}
30+
.social-bitbucket:before {
31+
content: "\e900";
32+
}
33+
.social-deezer:before {
34+
content: "\e901";
35+
}
36+
.social-discord:before {
37+
content: "\e902";
38+
}
39+
.social-medium:before {
40+
content: "\e905";
41+
}
42+
.social-yahoo:before {
43+
content: "\e906";
44+
}
45+
.social-unsplash:before {
46+
content: "\e90f";
47+
}
48+
.social-google:before {
49+
content: "\ea88";
50+
}
51+
.social-facebook:before {
52+
content: "\ea90";
53+
}
54+
.social-instagram:before {
55+
content: "\ea92";
56+
}
57+
.social-spotify:before {
58+
content: "\ea94";
59+
}
60+
.social-twitter:before {
61+
content: "\ea96";
62+
}
63+
.social-youtube:before {
64+
content: "\ea9d";
65+
}
66+
.social-dribbble:before {
67+
content: "\eaa7";
68+
}
69+
.social-dropbox:before {
70+
content: "\eaae";
71+
}
72+
.social-github:before {
73+
content: "\eab0";
74+
}
75+
.social-trello:before {
76+
content: "\eab3";
77+
}
78+
.social-soundcloud:before {
79+
content: "\eac3";
80+
}
81+
.social-linkedin:before {
82+
content: "\eaca";
83+
}
84+
.social-pinterest:before {
85+
content: "\ead1";
86+
}

0 commit comments

Comments
 (0)