mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
missing social icons
This commit is contained in:
chomik
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 342 KiB After Width: | Height: | Size: 345 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -22,325 +22,328 @@ brand:
|
|||||||
dropbox: \f115
|
dropbox: \f115
|
||||||
facebook: \f116
|
facebook: \f116
|
||||||
figma: \f117
|
figma: \f117
|
||||||
foursquare: \f118
|
flickr: \f118
|
||||||
git: \f119
|
foursquare: \f119
|
||||||
github: \f11a
|
git: \f11a
|
||||||
gitlab: \f11b
|
github: \f11b
|
||||||
google: \f11c
|
gitlab: \f11c
|
||||||
googleplus: \f11d
|
google: \f11d
|
||||||
gravatar: \f11e
|
googleplus: \f11e
|
||||||
hipchat: \f11f
|
gravatar: \f11f
|
||||||
html5: \f120
|
hipchat: \f120
|
||||||
instagram: \f121
|
html5: \f121
|
||||||
invision: \f122
|
instagram: \f122
|
||||||
javascript: \f123
|
invision: \f123
|
||||||
kickstarter: \f124
|
javascript: \f124
|
||||||
linkedin: \f125
|
kickstarter: \f125
|
||||||
medium: \f126
|
linkedin: \f126
|
||||||
meetup: \f127
|
medium: \f127
|
||||||
messenger: \f128
|
meetup: \f128
|
||||||
netflix: \f129
|
messenger: \f129
|
||||||
pagekit: \f12a
|
netflix: \f12a
|
||||||
paypal: \f12b
|
pagekit: \f12b
|
||||||
producthunt: \f12c
|
paypal: \f12c
|
||||||
rss: \f12d
|
pinterest: \f12d
|
||||||
sass: \f12e
|
producthunt: \f12e
|
||||||
sentry: \f12f
|
rss: \f12f
|
||||||
skype: \f130
|
sass: \f130
|
||||||
slack: \f131
|
sentry: \f131
|
||||||
snapchat: \f132
|
skype: \f132
|
||||||
spotify: \f133
|
slack: \f133
|
||||||
strava: \f134
|
snapchat: \f134
|
||||||
stripe: \f135
|
spotify: \f135
|
||||||
telegram: \f136
|
strava: \f136
|
||||||
tumblr: \f137
|
stripe: \f137
|
||||||
typescript: \f138
|
telegram: \f138
|
||||||
uber: \f139
|
tumblr: \f139
|
||||||
uikit: \f13a
|
twitter: \f13a
|
||||||
vimeo: \f13b
|
typescript: \f13b
|
||||||
vk: \f13c
|
uber: \f13c
|
||||||
wechat: \f13d
|
uikit: \f13d
|
||||||
whatsapp: \f13e
|
vimeo: \f13e
|
||||||
wordpress: \f13f
|
vk: \f13f
|
||||||
ycombinator: \f140
|
wechat: \f140
|
||||||
youtube: \f141
|
whatsapp: \f141
|
||||||
|
wordpress: \f142
|
||||||
|
ycombinator: \f143
|
||||||
|
youtube: \f144
|
||||||
fe:
|
fe:
|
||||||
activity: \f142
|
activity: \f145
|
||||||
airplay: \f143
|
airplay: \f146
|
||||||
alert-circle: \f144
|
alert-circle: \f147
|
||||||
alert-octagon: \f145
|
alert-octagon: \f148
|
||||||
alert-triangle: \f146
|
alert-triangle: \f149
|
||||||
align-center: \f147
|
align-center: \f14a
|
||||||
align-justify: \f148
|
align-justify: \f14b
|
||||||
align-left: \f149
|
align-left: \f14c
|
||||||
align-right: \f14a
|
align-right: \f14d
|
||||||
anchor: \f14b
|
anchor: \f14e
|
||||||
aperture: \f14c
|
aperture: \f14f
|
||||||
archive: \f14d
|
archive: \f150
|
||||||
arrow-down-circle: \f14e
|
arrow-down-circle: \f151
|
||||||
arrow-down-left: \f14f
|
arrow-down-left: \f152
|
||||||
arrow-down-right: \f150
|
arrow-down-right: \f153
|
||||||
arrow-down: \f151
|
arrow-down: \f154
|
||||||
arrow-left-circle: \f152
|
arrow-left-circle: \f155
|
||||||
arrow-left: \f153
|
arrow-left: \f156
|
||||||
arrow-right-circle: \f154
|
arrow-right-circle: \f157
|
||||||
arrow-right: \f155
|
arrow-right: \f158
|
||||||
arrow-up-circle: \f156
|
arrow-up-circle: \f159
|
||||||
arrow-up-left: \f157
|
arrow-up-left: \f15a
|
||||||
arrow-up-right: \f158
|
arrow-up-right: \f15b
|
||||||
arrow-up: \f159
|
arrow-up: \f15c
|
||||||
at-sign: \f15a
|
at-sign: \f15d
|
||||||
award: \f15b
|
award: \f15e
|
||||||
bar-chart-2: \f15c
|
bar-chart-2: \f15f
|
||||||
bar-chart: \f15d
|
bar-chart: \f160
|
||||||
battery-charging: \f15e
|
battery-charging: \f161
|
||||||
battery: \f15f
|
battery: \f162
|
||||||
bell-off: \f160
|
bell-off: \f163
|
||||||
bell: \f161
|
bell: \f164
|
||||||
bluetooth: \f162
|
bluetooth: \f165
|
||||||
bold: \f163
|
bold: \f166
|
||||||
book-open: \f164
|
book-open: \f167
|
||||||
book: \f165
|
book: \f168
|
||||||
bookmark: \f166
|
bookmark: \f169
|
||||||
box: \f167
|
box: \f16a
|
||||||
briefcase: \f168
|
briefcase: \f16b
|
||||||
calendar: \f169
|
calendar: \f16c
|
||||||
camera-off: \f16a
|
camera-off: \f16d
|
||||||
camera: \f16b
|
camera: \f16e
|
||||||
cast: \f16c
|
cast: \f16f
|
||||||
check-circle: \f16d
|
check-circle: \f170
|
||||||
check-square: \f16e
|
check-square: \f171
|
||||||
check: \f16f
|
check: \f172
|
||||||
chevron-down: \f170
|
chevron-down: \f173
|
||||||
chevron-left: \f171
|
chevron-left: \f174
|
||||||
chevron-right: \f172
|
chevron-right: \f175
|
||||||
chevron-up: \f173
|
chevron-up: \f176
|
||||||
chevrons-down: \f174
|
chevrons-down: \f177
|
||||||
chevrons-left: \f175
|
chevrons-left: \f178
|
||||||
chevrons-right: \f176
|
chevrons-right: \f179
|
||||||
chevrons-up: \f177
|
chevrons-up: \f17a
|
||||||
chrome: \f178
|
chrome: \f17b
|
||||||
circle: \f179
|
circle: \f17c
|
||||||
clipboard: \f17a
|
clipboard: \f17d
|
||||||
clock: \f17b
|
clock: \f17e
|
||||||
cloud-drizzle: \f17c
|
cloud-drizzle: \f17f
|
||||||
cloud-lightning: \f17d
|
cloud-lightning: \f180
|
||||||
cloud-off: \f17e
|
cloud-off: \f181
|
||||||
cloud-rain: \f17f
|
cloud-rain: \f182
|
||||||
cloud-snow: \f180
|
cloud-snow: \f183
|
||||||
cloud: \f181
|
cloud: \f184
|
||||||
code: \f182
|
code: \f185
|
||||||
codepen: \f183
|
codepen: \f186
|
||||||
codesandbox: \f184
|
codesandbox: \f187
|
||||||
coffee: \f185
|
coffee: \f188
|
||||||
columns: \f186
|
columns: \f189
|
||||||
command: \f187
|
command: \f18a
|
||||||
compass: \f188
|
compass: \f18b
|
||||||
copy: \f189
|
copy: \f18c
|
||||||
corner-down-left: \f18a
|
corner-down-left: \f18d
|
||||||
corner-down-right: \f18b
|
corner-down-right: \f18e
|
||||||
corner-left-down: \f18c
|
corner-left-down: \f18f
|
||||||
corner-left-up: \f18d
|
corner-left-up: \f190
|
||||||
corner-right-down: \f18e
|
corner-right-down: \f191
|
||||||
corner-right-up: \f18f
|
corner-right-up: \f192
|
||||||
corner-up-left: \f190
|
corner-up-left: \f193
|
||||||
corner-up-right: \f191
|
corner-up-right: \f194
|
||||||
cpu: \f192
|
cpu: \f195
|
||||||
credit-card: \f193
|
credit-card: \f196
|
||||||
crop: \f194
|
crop: \f197
|
||||||
crosshair: \f195
|
crosshair: \f198
|
||||||
database: \f196
|
database: \f199
|
||||||
delete: \f197
|
delete: \f19a
|
||||||
disc: \f198
|
disc: \f19b
|
||||||
dollar-sign: \f199
|
dollar-sign: \f19c
|
||||||
download-cloud: \f19a
|
download-cloud: \f19d
|
||||||
download: \f19b
|
download: \f19e
|
||||||
droplet: \f19c
|
droplet: \f19f
|
||||||
edit-2: \f19d
|
edit-2: \f1a0
|
||||||
edit-3: \f19e
|
edit-3: \f1a1
|
||||||
edit: \f19f
|
edit: \f1a2
|
||||||
external-link: \f1a0
|
external-link: \f1a3
|
||||||
eye-off: \f1a1
|
eye-off: \f1a4
|
||||||
eye: \f1a2
|
eye: \f1a5
|
||||||
facebook: \f1a3
|
facebook: \f1a6
|
||||||
fast-forward: \f1a4
|
fast-forward: \f1a7
|
||||||
feather: \f1a5
|
feather: \f1a8
|
||||||
figma: \f1a6
|
figma: \f1a9
|
||||||
file-minus: \f1a7
|
file-minus: \f1aa
|
||||||
file-plus: \f1a8
|
file-plus: \f1ab
|
||||||
file-text: \f1a9
|
file-text: \f1ac
|
||||||
file: \f1aa
|
file: \f1ad
|
||||||
film: \f1ab
|
film: \f1ae
|
||||||
filter: \f1ac
|
filter: \f1af
|
||||||
flag: \f1ad
|
flag: \f1b0
|
||||||
folder-minus: \f1ae
|
folder-minus: \f1b1
|
||||||
folder-plus: \f1af
|
folder-plus: \f1b2
|
||||||
folder: \f1b0
|
folder: \f1b3
|
||||||
frown: \f1b1
|
frown: \f1b4
|
||||||
gift: \f1b2
|
gift: \f1b5
|
||||||
git-branch: \f1b3
|
git-branch: \f1b6
|
||||||
git-commit: \f1b4
|
git-commit: \f1b7
|
||||||
git-merge: \f1b5
|
git-merge: \f1b8
|
||||||
git-pull-request: \f1b6
|
git-pull-request: \f1b9
|
||||||
github: \f1b7
|
github: \f1ba
|
||||||
gitlab: \f1b8
|
gitlab: \f1bb
|
||||||
globe: \f1b9
|
globe: \f1bc
|
||||||
grid: \f1ba
|
grid: \f1bd
|
||||||
hard-drive: \f1bb
|
hard-drive: \f1be
|
||||||
hash: \f1bc
|
hash: \f1bf
|
||||||
headphones: \f1bd
|
headphones: \f1c0
|
||||||
heart: \f1be
|
heart: \f1c1
|
||||||
help-circle: \f1bf
|
help-circle: \f1c2
|
||||||
hexagon: \f1c0
|
hexagon: \f1c3
|
||||||
home: \f1c1
|
home: \f1c4
|
||||||
image: \f1c2
|
image: \f1c5
|
||||||
inbox: \f1c3
|
inbox: \f1c6
|
||||||
info: \f1c4
|
info: \f1c7
|
||||||
instagram: \f1c5
|
instagram: \f1c8
|
||||||
italic: \f1c6
|
italic: \f1c9
|
||||||
key: \f1c7
|
key: \f1ca
|
||||||
layers: \f1c8
|
layers: \f1cb
|
||||||
layout: \f1c9
|
layout: \f1cc
|
||||||
life-buoy: \f1ca
|
life-buoy: \f1cd
|
||||||
link-2: \f1cb
|
link-2: \f1ce
|
||||||
link: \f1cc
|
link: \f1cf
|
||||||
linkedin: \f1cd
|
linkedin: \f1d0
|
||||||
list: \f1ce
|
list: \f1d1
|
||||||
loader: \f1cf
|
loader: \f1d2
|
||||||
lock: \f1d0
|
lock: \f1d3
|
||||||
log-in: \f1d1
|
log-in: \f1d4
|
||||||
log-out: \f1d2
|
log-out: \f1d5
|
||||||
mail: \f1d3
|
mail: \f1d6
|
||||||
map-pin: \f1d4
|
map-pin: \f1d7
|
||||||
map: \f1d5
|
map: \f1d8
|
||||||
maximize-2: \f1d6
|
maximize-2: \f1d9
|
||||||
maximize: \f1d7
|
maximize: \f1da
|
||||||
meh: \f1d8
|
meh: \f1db
|
||||||
menu: \f1d9
|
menu: \f1dc
|
||||||
message-circle: \f1da
|
message-circle: \f1dd
|
||||||
message-square: \f1db
|
message-square: \f1de
|
||||||
mic-off: \f1dc
|
mic-off: \f1df
|
||||||
mic: \f1dd
|
mic: \f1e0
|
||||||
minimize-2: \f1de
|
minimize-2: \f1e1
|
||||||
minimize: \f1df
|
minimize: \f1e2
|
||||||
minus-circle: \f1e0
|
minus-circle: \f1e3
|
||||||
minus-square: \f1e1
|
minus-square: \f1e4
|
||||||
minus: \f1e2
|
minus: \f1e5
|
||||||
monitor: \f1e3
|
monitor: \f1e6
|
||||||
moon: \f1e4
|
moon: \f1e7
|
||||||
more-horizontal: \f1e5
|
more-horizontal: \f1e8
|
||||||
more-vertical: \f1e6
|
more-vertical: \f1e9
|
||||||
mouse-pointer: \f1e7
|
mouse-pointer: \f1ea
|
||||||
move: \f1e8
|
move: \f1eb
|
||||||
music: \f1e9
|
music: \f1ec
|
||||||
navigation-2: \f1ea
|
navigation-2: \f1ed
|
||||||
navigation: \f1eb
|
navigation: \f1ee
|
||||||
octagon: \f1ec
|
octagon: \f1ef
|
||||||
package: \f1ed
|
package: \f1f0
|
||||||
paperclip: \f1ee
|
paperclip: \f1f1
|
||||||
pause-circle: \f1ef
|
pause-circle: \f1f2
|
||||||
pause: \f1f0
|
pause: \f1f3
|
||||||
pen-tool: \f1f1
|
pen-tool: \f1f4
|
||||||
percent: \f1f2
|
percent: \f1f5
|
||||||
phone-call: \f1f3
|
phone-call: \f1f6
|
||||||
phone-forwarded: \f1f4
|
phone-forwarded: \f1f7
|
||||||
phone-incoming: \f1f5
|
phone-incoming: \f1f8
|
||||||
phone-missed: \f1f6
|
phone-missed: \f1f9
|
||||||
phone-off: \f1f7
|
phone-off: \f1fa
|
||||||
phone-outgoing: \f1f8
|
phone-outgoing: \f1fb
|
||||||
phone: \f1f9
|
phone: \f1fc
|
||||||
pie-chart: \f1fa
|
pie-chart: \f1fd
|
||||||
play-circle: \f1fb
|
play-circle: \f1fe
|
||||||
play: \f1fc
|
play: \f1ff
|
||||||
plus-circle: \f1fd
|
plus-circle: \f200
|
||||||
plus-square: \f1fe
|
plus-square: \f201
|
||||||
plus: \f1ff
|
plus: \f202
|
||||||
pocket: \f200
|
pocket: \f203
|
||||||
power: \f201
|
power: \f204
|
||||||
printer: \f202
|
printer: \f205
|
||||||
radio: \f203
|
radio: \f206
|
||||||
refresh-ccw: \f204
|
refresh-ccw: \f207
|
||||||
refresh-cw: \f205
|
refresh-cw: \f208
|
||||||
repeat: \f206
|
repeat: \f209
|
||||||
rewind: \f207
|
rewind: \f20a
|
||||||
rotate-ccw: \f208
|
rotate-ccw: \f20b
|
||||||
rotate-cw: \f209
|
rotate-cw: \f20c
|
||||||
rss: \f20a
|
rss: \f20d
|
||||||
save: \f20b
|
save: \f20e
|
||||||
scissors: \f20c
|
scissors: \f20f
|
||||||
search: \f20d
|
search: \f210
|
||||||
send: \f20e
|
send: \f211
|
||||||
server: \f20f
|
server: \f212
|
||||||
settings: \f210
|
settings: \f213
|
||||||
share-2: \f211
|
share-2: \f214
|
||||||
share: \f212
|
share: \f215
|
||||||
shield-off: \f213
|
shield-off: \f216
|
||||||
shield: \f214
|
shield: \f217
|
||||||
shopping-bag: \f215
|
shopping-bag: \f218
|
||||||
shopping-cart: \f216
|
shopping-cart: \f219
|
||||||
shuffle: \f217
|
shuffle: \f21a
|
||||||
sidebar: \f218
|
sidebar: \f21b
|
||||||
skip-back: \f219
|
skip-back: \f21c
|
||||||
skip-forward: \f21a
|
skip-forward: \f21d
|
||||||
slack: \f21b
|
slack: \f21e
|
||||||
slash: \f21c
|
slash: \f21f
|
||||||
sliders: \f21d
|
sliders: \f220
|
||||||
smartphone: \f21e
|
smartphone: \f221
|
||||||
smile: \f21f
|
smile: \f222
|
||||||
speaker: \f220
|
speaker: \f223
|
||||||
square: \f221
|
square: \f224
|
||||||
star: \f222
|
star: \f225
|
||||||
stop-circle: \f223
|
stop-circle: \f226
|
||||||
sun: \f224
|
sun: \f227
|
||||||
sunrise: \f225
|
sunrise: \f228
|
||||||
sunset: \f226
|
sunset: \f229
|
||||||
tablet: \f227
|
tablet: \f22a
|
||||||
tag: \f228
|
tag: \f22b
|
||||||
target: \f229
|
target: \f22c
|
||||||
terminal: \f22a
|
terminal: \f22d
|
||||||
thermometer: \f22b
|
thermometer: \f22e
|
||||||
thumbs-down: \f22c
|
thumbs-down: \f22f
|
||||||
thumbs-up: \f22d
|
thumbs-up: \f230
|
||||||
toggle-left: \f22e
|
toggle-left: \f231
|
||||||
toggle-right: \f22f
|
toggle-right: \f232
|
||||||
trash-2: \f230
|
trash-2: \f233
|
||||||
trash: \f231
|
trash: \f234
|
||||||
trello: \f232
|
trello: \f235
|
||||||
trending-down: \f233
|
trending-down: \f236
|
||||||
trending-up: \f234
|
trending-up: \f237
|
||||||
triangle: \f235
|
triangle: \f238
|
||||||
truck: \f236
|
truck: \f239
|
||||||
tv: \f237
|
tv: \f23a
|
||||||
twitter: \f238
|
twitter: \f23b
|
||||||
type: \f239
|
type: \f23c
|
||||||
umbrella: \f23a
|
umbrella: \f23d
|
||||||
underline: \f23b
|
underline: \f23e
|
||||||
unlock: \f23c
|
unlock: \f23f
|
||||||
upload-cloud: \f23d
|
upload-cloud: \f240
|
||||||
upload: \f23e
|
upload: \f241
|
||||||
user-check: \f23f
|
user-check: \f242
|
||||||
user-minus: \f240
|
user-minus: \f243
|
||||||
user-plus: \f241
|
user-plus: \f244
|
||||||
user-x: \f242
|
user-x: \f245
|
||||||
user: \f243
|
user: \f246
|
||||||
users: \f244
|
users: \f247
|
||||||
video-off: \f245
|
video-off: \f248
|
||||||
video: \f246
|
video: \f249
|
||||||
voicemail: \f247
|
voicemail: \f24a
|
||||||
volume-1: \f248
|
volume-1: \f24b
|
||||||
volume-2: \f249
|
volume-2: \f24c
|
||||||
volume-x: \f24a
|
volume-x: \f24d
|
||||||
volume: \f24b
|
volume: \f24e
|
||||||
watch: \f24c
|
watch: \f24f
|
||||||
wifi-off: \f24d
|
wifi-off: \f250
|
||||||
wifi: \f24e
|
wifi: \f251
|
||||||
wind: \f24f
|
wind: \f252
|
||||||
x-circle: \f250
|
x-circle: \f253
|
||||||
x-octagon: \f251
|
x-octagon: \f254
|
||||||
x-square: \f252
|
x-square: \f255
|
||||||
x: \f253
|
x: \f256
|
||||||
youtube: \f254
|
youtube: \f257
|
||||||
zap-off: \f255
|
zap-off: \f258
|
||||||
zap: \f256
|
zap: \f259
|
||||||
zoom-in: \f257
|
zoom-in: \f25a
|
||||||
zoom-out: \f258
|
zoom-out: \f25b
|
||||||
|
|||||||
@@ -113,19 +113,19 @@ Create block level buttons—those that span the full width of a parent—by add
|
|||||||
Basic buttons are traditional buttons with borders and background with an extra commponent like an icon. You can place it either on the left or the right which ever you want with different color opitons.
|
Basic buttons are traditional buttons with borders and background with an extra commponent like an icon. You can place it either on the left or the right which ever you want with different color opitons.
|
||||||
|
|
||||||
{% example html wrapper=btn-list %}
|
{% example html wrapper=btn-list %}
|
||||||
<button type="button" class="btn btn-dark"><i class="fe fe-upload mr-2"></i>Upload</button>
|
<button type="button" class="btn btn-dark"><i class="icon fe fe-upload mr-2"></i>Upload</button>
|
||||||
<button type="button" class="btn btn-warning"><i class="fe fe-heart mr-2"></i>I like</button>
|
<button type="button" class="btn btn-warning"><i class="icon fe fe-heart mr-2"></i>I like</button>
|
||||||
<button type="button" class="btn btn-success"><i class="fe fe-check mr-2"></i>I agree</button>
|
<button type="button" class="btn btn-success"><i class="icon fe fe-check mr-2"></i>I agree</button>
|
||||||
<button type="button" class="btn btn-outline-primary"><i class="fe fe-plus mr-2"></i>More</button>
|
<button type="button" class="btn btn-outline-primary"><i class="icon fe fe-plus mr-2"></i>More</button>
|
||||||
<button type="button" class="btn btn-danger"><i class="fe fe-link mr-2"></i>Link</button>
|
<button type="button" class="btn btn-danger"><i class="icon fe fe-link mr-2"></i>Link</button>
|
||||||
<button type="button" class="btn btn-info"><i class="fe fe-message-circle mr-2"></i>Comment</button>
|
<button type="button" class="btn btn-info"><i class="icon fe fe-message-circle mr-2"></i>Comment</button>
|
||||||
{% endexample %}
|
{% endexample %}
|
||||||
|
|
||||||
### Social buttons
|
### Social buttons
|
||||||
|
|
||||||
{% example html wrapper=btn-list %}
|
{% example html wrapper=btn-list %}
|
||||||
{% for button in site.socials %}
|
{% for button in site.socials %}
|
||||||
{% include ui/button.html color=button.name icon=button.name text=button.title provider="fas" %}
|
{% include ui/button.html color=button.name icon=button.name text=button.title provider="brand" %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endexample %}
|
{% endexample %}
|
||||||
|
|
||||||
@@ -133,7 +133,7 @@ You can use only icons.
|
|||||||
|
|
||||||
{% example html wrapper=btn-list %}
|
{% example html wrapper=btn-list %}
|
||||||
{% for button in site.socials %}
|
{% for button in site.socials %}
|
||||||
{% include ui/button.html color=button.name icon=button.name provider="fas" %}
|
{% include ui/button.html color=button.name icon=button.name provider="brand" %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endexample %}
|
{% endexample %}
|
||||||
|
|
||||||
@@ -142,13 +142,13 @@ You can use only icons.
|
|||||||
Icon only button. Add `.btn-icon` class to remove unnecessary padding from button.
|
Icon only button. Add `.btn-icon` class to remove unnecessary padding from button.
|
||||||
|
|
||||||
{% example html wrapper=btn-list %}
|
{% example html wrapper=btn-list %}
|
||||||
<button type="button" class="btn btn-icon btn-primary"><i class="fe fe-activity"></i></button>
|
<button type="button" class="btn btn-icon btn-primary"><i class="icon fe fe-activity"></i></button>
|
||||||
<button type="button" class="btn btn-icon btn-primary btn-github"><i class="fe fe-github"></i></button>
|
<button type="button" class="btn btn-icon btn-primary btn-github"><i class="icon fe fe-github"></i></button>
|
||||||
<button type="button" class="btn btn-icon btn-primary btn-success"><i class="fe fe-bell"></i></button>
|
<button type="button" class="btn btn-icon btn-primary btn-success"><i class="icon fe fe-bell"></i></button>
|
||||||
<button type="button" class="btn btn-icon btn-primary btn-warning"><i class="fe fe-star"></i></button>
|
<button type="button" class="btn btn-icon btn-primary btn-warning"><i class="icon fe fe-star"></i></button>
|
||||||
<button type="button" class="btn btn-icon btn-primary btn-danger"><i class="fe fe-trash"></i></button>
|
<button type="button" class="btn btn-icon btn-primary btn-danger"><i class="icon fe fe-trash"></i></button>
|
||||||
<button type="button" class="btn btn-icon btn-primary btn-purple"><i class="fe fe-bar-chart"></i></button>
|
<button type="button" class="btn btn-icon btn-primary btn-purple"><i class="icon fe fe-bar-chart"></i></button>
|
||||||
<button type="button" class="btn btn-icon btn-primary btn-secondary"><i class="fe fe-git-merge"></i></button>
|
<button type="button" class="btn btn-icon btn-primary btn-secondary"><i class="icon fe fe-git-merge"></i></button>
|
||||||
{% endexample %}
|
{% endexample %}
|
||||||
|
|
||||||
### Button dropdown
|
### Button dropdown
|
||||||
@@ -158,7 +158,7 @@ Wrap the dropdown’s toggle (your button or link) and the dropdown menu within
|
|||||||
{% example html wrapper=btn-list %}
|
{% example html wrapper=btn-list %}
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
|
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
|
||||||
<i class="fe fe-calendar"></i>
|
<i class="icon fe fe-calendar"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
<a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
|
<a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
|
||||||
@@ -168,7 +168,7 @@ Wrap the dropdown’s toggle (your button or link) and the dropdown menu within
|
|||||||
|
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
|
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
|
||||||
<i class="fe fe-calendar mr-2"></i>Show calendar
|
<i class="icon fe fe-calendar mr-2"></i>Show calendar
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
<a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
|
<a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
3
svg/brand/flickr.svg
Normal file
3
svg/brand/flickr.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 322 B |
3
svg/brand/pinterest.svg
Normal file
3
svg/brand/pinterest.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 881 B |
3
svg/brand/twitter.svg
Normal file
3
svg/brand/twitter.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 609 B |
Reference in New Issue
Block a user