1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-22 01:44:25 +04:00

Compare commits

..

37 Commits

Author SHA1 Message Date
codecalm
14d0c00143 icons fixes 2020-04-20 23:12:55 +02:00
codecalm
007452a2a3 chart moved to chart page 2020-04-20 23:00:33 +02:00
codecalm
9c5888c708 Social referrals chart 2020-04-20 22:59:31 +02:00
codecalm
36190f30af debug off 2020-04-20 22:03:36 +02:00
codecalm
0ef2d2f545 highlight editor fix 2020-04-20 22:00:09 +02:00
codecalm
6c0950638f tabler icons demo 2020-04-20 21:56:47 +02:00
codecalm
cef66d41cb svg icons increment build speed 2020-04-19 16:18:36 +02:00
codecalm
e00fcd4293 Merge remote-tracking branch 'origin/dev' into dev 2020-04-19 15:10:40 +02:00
codecalm
4d6a1f3912 form-check-input size fix #605 2020-04-19 15:09:27 +02:00
codecalm
f37630d1c9 form-check-input size fix 2020-04-19 15:08:30 +02:00
Paweł Kuna
e0d0cccbcf Merge pull request #602 from WinterSilence/patch-7
Update package.json
2020-04-19 15:00:13 +02:00
Paweł Kuna
d092dad50d Merge pull request #603 from WinterSilence/patch-8
Update tabler.js
2020-04-19 14:59:50 +02:00
codecalm
b6c87293a6 perfect line-height 2020-04-19 14:57:01 +02:00
codecalm
59fe775e0c w3c test fixes 2020-04-19 14:48:53 +02:00
Anton
3a6e7cb2ff Update tabler.js 2020-04-19 13:02:04 +03:00
Anton
cfe7bc83de Update package.json
Changes versions of packages to `"^x.x.x` for minor updates to fix bugs without problems with backwards compatibility.
2020-04-19 12:22:44 +03:00
codecalm
da384da5ad dropdown id fix 2020-04-18 23:45:14 +02:00
codecalm
0bf2956c08 line-height fixes 2020-04-18 23:23:59 +02:00
codecalm
4dba599be6 pixel perfect form controls 2020-04-18 23:19:19 +02:00
codecalm
460f14c38a card subtitle fix 2020-04-18 23:08:23 +02:00
codecalm
ea9e0086a0 typography fixes 2020-04-18 23:05:06 +02:00
Paweł Kuna
a42cf17dcb Merge pull request #599 from tabler/dev-btn-white
`btn-secondary` is now `btn-white` #566
2020-04-18 21:13:29 +02:00
Paweł Kuna
7c885ad90b Merge pull request #600 from tabler/dev-vendors
Optimized libs loading
2020-04-18 21:13:10 +02:00
codecalm
d186035562 docs fix 2020-04-18 21:07:50 +02:00
codecalm
61ece90772 docs libs loading 2020-04-18 21:06:40 +02:00
codecalm
b708ae2c22 optimize libs loading 2020-04-18 21:02:08 +02:00
codecalm
8a8ad8f6b8 icon fix 2020-04-18 20:19:49 +02:00
codecalm
fb0d07df23 dependencies update 2020-04-18 17:48:58 +02:00
codecalm
15a5c941fa #595 fix 2020-04-18 17:04:43 +02:00
codecalm
2b43bce996 btn-secondary => btn-white #566 2020-04-18 16:59:31 +02:00
codecalm
423733a05e fix #596 2020-04-18 16:10:08 +02:00
codecalm
c0a1910765 fix #586 2020-04-18 16:02:49 +02:00
codecalm
9e12536e69 navbar fix 2020-04-12 21:20:09 +02:00
codecalm
7fe9374b59 navbar iphone collapse fix 2020-04-12 21:13:22 +02:00
codecalm
d3f17b3c55 Bootstrap update 2020-04-12 20:44:30 +02:00
codecalm
5dabb88560 min-height responsive menu fix
fix #594
2020-04-12 20:32:50 +02:00
codecalm
6fa067a0a2 min-height responsive menu fix
fix #594
2020-04-12 20:05:55 +02:00
921 changed files with 5532 additions and 6023 deletions

28
gulpfile.js Normal file
View File

@@ -0,0 +1,28 @@
const gulp = require('gulp'),
glob = require('glob'),
fs = require('fs'),
path = require('path'),
YAML = require('yaml'),
cp = require('child_process');
const prepareSvgFile = function(svg) {
return svg.replace(/\n/g, '').replace(/>\s+</g, '><');
};
const generateIconsYml = function(dir, filename) {
const files = glob.sync(dir);
let svgList = {};
files.forEach(function(file){
const basename = path.basename(file, '.svg');
svgList[basename] = prepareSvgFile(fs.readFileSync(file).toString());
});
fs.writeFileSync(filename, YAML.stringify(svgList));
};
gulp.task('svg-icons', function (cb) {
generateIconsYml("./node_modules/tabler-icons/icons/*.svg", './pages/_data/icons-tabler.yml');
generateIconsYml("./svg/brand/*.svg", './pages/_data/icons-brand.yml');
cb();
});

View File

@@ -1,60 +1,78 @@
'use strict';
import {CountUp} from "countup.js";
import {CountUp} from 'countup.js';
import noUiSlider from 'nouislider';
(function () {
/**
* Dropdown
* Bootstrap4 dropdown plugin.
* @link https://getbootstrap.com/docs/4.4/components/dropdowns/
*/
var dropdownElementList = [].slice.call(document.querySelectorAll('[data-toggle="dropdown"]'));
let dropdownElementList = [].slice.call(document.querySelectorAll('[data-toggle="dropdown"]'));
dropdownElementList.map(function (dropdownToggleEl) {
return new bootstrap.Dropdown(dropdownToggleEl, {})
let options = {};
return new bootstrap.Dropdown(dropdownToggleEl, options);
});
/**
* Tooltip
* Bootstrap4 tooltip plugin.
* @link https://getbootstrap.com/docs/4.4/components/tooltips/
*/
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'));
let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'));
tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl, {})
let options = {
delay: {show: 50, hide: 50},
html: true,
placement: 'auto'
};
return new bootstrap.Tooltip(tooltipTriggerEl, options);
});
/*
Popover
/**
* Bootstrap4 popover plugin.
* @link https://getbootstrap.com/docs/4.4/components/popovers/
*/
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'));
let popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'));
popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl, {
autoHide: true
})
let options = {
delay: {show: 50, hide: 50},
html: true,
placement: 'auto'
};
return new bootstrap.Popover(popoverTriggerEl, options);
});
/*
NoUiSlider
/**
* noUiSlider - range slider with full touch support.
* @link https://refreshless.com/nouislider/
*/
let sliderTriggerList = [].slice.call(document.querySelectorAll("[data-slider]"));
sliderTriggerList.map(function (sliderTriggerEl){
let dataSlider;
sliderTriggerList.map(function (sliderTriggerEl) {
let options = {};
if (sliderTriggerEl.getAttribute("data-slider")) {
dataSlider = JSON.parse(sliderTriggerEl.getAttribute("data-slider"));
options = JSON.parse(sliderTriggerEl.getAttribute("data-slider"));
}
let slider = noUiSlider.create(sliderTriggerEl,dataSlider);
if(dataSlider['js-name']){
window[dataSlider['js-name']] = slider;
let slider = noUiSlider.create(sliderTriggerEl, options);
if (options['js-name']) {
window[options['js-name']] = slider;
}
});
/*
CountUp
*/
/**
* CountUp - animations that display numerical data in a more interesting way.
* @link https://inorganik.github.io/countUp.js/
*/
let countupTriggerList = [].slice.call(document.querySelectorAll("[data-countup]"));
countupTriggerList.map(function (countupTriggerEl) {
let dataCountUp;
if(countupTriggerEl.getAttribute("data-countup") !== "") {
dataCountUp = JSON.parse(countupTriggerEl.getAttribute("data-countup"));
let options = {};
if (countupTriggerEl.getAttribute("data-countup")) {
options = JSON.parse(countupTriggerEl.getAttribute("data-countup"));
}
return (new CountUp(countupTriggerEl, parseFloat(countupTriggerEl.innerText), dataCountUp)).start();
let countUp = new CountUp(countupTriggerEl, +countupTriggerEl.innerText, options);
if (countUp.error) {
console.error('CountUp: ' + countUp.error);
}
return countUp.start();
});
})();
})();

1075
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -17,7 +17,6 @@
"lint": "npm-run-all --parallel js-lint css-lint",
"clean": "rm -rf tmp-dist && mkdir tmp-dist && mkdir tmp-dist/css && mkdir tmp-dist/js",
"clean-build": "rm -rf dist && mkdir dist && mkdir dist/css && mkdir dist/js && mkdir dist/img",
"copy-icons": "rm -f pages/_includes/svg/*.svg && cp node_modules/tabler-icons/icons/*.svg pages/_includes/svg/",
"css": "npm-run-all css-compile",
"css-build": "npm-run-all css-compile css-prefix-build css-minify-build",
"css-compile": "node build/scss-compile.js",
@@ -77,67 +76,69 @@
"main": "dist/js/tabler.js",
"homepage": "https://tabler.io",
"devDependencies": {
"@babel/preset-env": "7.9.5",
"browser-sync": "2.26.7",
"bundlesize": "0.18.0",
"clean-css-cli": "4.3.0",
"cross-env": "7.0.2",
"eslint": "6.8.0",
"eslint-config-xo": "0.29.1",
"eslint-plugin-import": "2.20.2",
"eslint-plugin-unicorn": "18.0.1",
"glob": "7.1.6",
"http-server": "0.12.1",
"icon-font-generator": "2.1.10",
"node-sass": "4.13.1",
"node-sass-package-importer": "5.3.2",
"nodemon": "2.0.3",
"npm-run-all": "4.1.5",
"percy": "0.26.2",
"postcss-cli": "7.1.0",
"rollup": "2.6.0",
"rollup-plugin-babel": "4.4.0",
"rollup-plugin-babel-minify": "10.0.0",
"rollup-plugin-commonjs": "10.1.0",
"rollup-plugin-filesize": "7.0.0",
"rollup-plugin-multi-input": "1.1.1",
"rollup-plugin-node-resolve": "5.2.0",
"@babel/preset-env": "^7.9.5",
"browser-sync": "^2.26.7",
"bundlesize": "^0.18.0",
"child_process": "^1.0.2",
"clean-css-cli": "^4.3.0",
"cross-env": "^7.0.2",
"eslint": "^6.8.0",
"eslint-config-xo": "^0.29.1",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-unicorn": "^18.0.1",
"glob": "^7.1.6",
"gulp": "^4.0.2",
"http-server": "^0.12.1",
"icon-font-generator": "^2.1.10",
"node-sass": "^4.13.1",
"node-sass-package-importer": "^5.3.2",
"nodemon": "^2.0.3",
"npm-run-all": "^4.1.5",
"percy": "^0.26.2",
"postcss-cli": "^7.1.0",
"rollup": "^2.6.1",
"rollup-plugin-babel": "^4.4.0",
"rollup-plugin-babel-minify": "^10.0.0",
"rollup-plugin-commonjs": "^10.1.0",
"rollup-plugin-filesize": "^7.0.0",
"rollup-plugin-multi-input": "^1.1.1",
"rollup-plugin-node-resolve": "^5.2.0",
"shelljs": "^0.8.3",
"stylelint": "13.3.1",
"stylelint-config-twbs-bootstrap": "2.0.1",
"svgo": "1.3.2",
"tabler-icons": "1.5.0",
"terser": "4.6.11",
"yaml": "1.8.3"
"stylelint": "^13.3.2",
"stylelint-config-twbs-bootstrap": "^2.0.1",
"svgo": "^1.3.2",
"tabler-icons": "^1.6.0",
"terser": "^4.6.11",
"yaml": "^1.9.1"
},
"dependencies": {
"@fullcalendar/core": "4.4.0",
"@fullcalendar/daygrid": "4.4.0",
"@fullcalendar/interaction": "4.4.0",
"@fullcalendar/list": "4.4.0",
"@fullcalendar/timegrid": "4.4.0",
"apexcharts": "3.18.1",
"autosize": "4.0.2",
"bootstrap": "twbs/bootstrap#74afe14",
"countup.js": "2.0.4",
"daterangepicker": "3.0.5",
"flatpickr": "4.6.3",
"fullcalendar": "3.10.1",
"imask": "6.0.3",
"jquery": "3.5.0",
"jqvmap": "1.5.1",
"nouislider": "14.2.0",
"peity": "3.3.0",
"popper.js": "1.16.1",
"selectize": "0.12.6"
"@fullcalendar/core": "^4.4.0",
"@fullcalendar/daygrid": "^4.4.0",
"@fullcalendar/interaction": "^4.4.0",
"@fullcalendar/list": "^4.4.0",
"@fullcalendar/timegrid": "^4.4.0",
"apexcharts": "^3.18.1",
"autosize": "^4.0.2",
"bootstrap": "twbs/bootstrap#4fc701f",
"countup.js": "^2.0.4",
"daterangepicker": "^3.0.5",
"flatpickr": "^4.6.3",
"fullcalendar": "^3.10.1",
"imask": "^6.0.3",
"jquery": "^3.5.0",
"jqvmap": "^1.5.1",
"nouislider": "^14.2.0",
"peity": "^3.3.0",
"popper.js": "^1.16.1",
"selectize": "^0.12.6"
},
"resolutions": {
"**/**/node-gyp": "5.0.0"
"**/**/node-gyp": "^5.0.0"
},
"bundlesize": [
{
"path": "./dist/css/tabler.css",
"maxSize": "50 kB"
"maxSize": "55 kB"
},
{
"path": "./dist/css/tabler.min.css",

View File

@@ -1,3 +1,21 @@
social-referrals:
demo: false
type: line
datetime: true
height: 12
legend: true
show-x: true
series:
- name: Facebook
color: facebook
data: [13281, 8521, 15038, 9983, 15417, 8888, 7052, 14270, 5214, 9587, 5950, 16852, 17836, 12217, 17406, 12262, 9147, 14961, 18292, 15230, 13435, 10649, 5140, 13680, 4508, 13271, 13413, 5543, 18727, 18238, 18175, 6246, 5864, 17847, 9170, 6445, 12945, 8142, 8980, 10422, 15535, 11569, 10114, 17621, 16138, 13046, 6652, 9906, 14100, 16495, 6749]
- name: Twitter
color: twitter
data: [3680, 1862, 3070, 2252, 5348, 3091, 3000, 3984, 5176, 5325, 2420, 5474, 3098, 1893, 3748, 2879, 4197, 5186, 4213, 4334, 2807, 1594, 4863, 2030, 3752, 4856, 5341, 3954, 3461, 3097, 3404, 4949, 2283, 3227, 3630, 2360, 3477, 4675, 1901, 2252, 3347, 2954, 5029, 2079, 2830, 3292, 4578, 3401, 4104, 3749, 4457, 3734]
- name: Dribbble
color: dribbble
data: [722, 1866, 961, 1108, 1110, 561, 1753, 1815, 1985, 776, 859, 547, 1488, 766, 702, 621, 1599, 1372, 1620, 963, 759, 764, 739, 789, 1696, 1454, 1842, 734, 551, 1689, 1924, 1875, 908, 1675, 1541, 1953, 534, 502, 1524, 1867, 719, 1472, 1608, 1025, 889, 1150, 654, 1695, 1662, 1285, 1787]
mentions:
stacked: true
datetime: true

View File

@@ -53,16 +53,16 @@ pink-700: '#94415d'
pink-800: '#622c3e'
pink-900: '#31161f'
red: '#fa4654'
red-100: '#fedadd'
red-200: '#fdb5bb'
red-300: '#fc9098'
red-400: '#fb6b76'
red-500: '#fa4654'
red-600: '#c83843'
red-700: '#962a32'
red-800: '#641c22'
red-900: '#320e11'
red: '#cd201f'
red-100: '#f5d2d2'
red-200: '#eba6a5'
red-300: '#e17979'
red-400: '#d74d4c'
red-500: '#cd201f'
red-600: '#a41a19'
red-700: '#7b1313'
red-800: '#520d0c'
red-900: '#290606'
orange: '#ff922b'
orange-100: '#ffe9d5'
@@ -74,6 +74,7 @@ orange-600: '#cc7522'
orange-700: '#99581a'
orange-800: '#663a11'
orange-900: '#331d09'
yellow: '#fab005'
yellow-100: '#feefcd'
yellow-200: '#fddf9b'
@@ -140,5 +141,20 @@ gray-700: '#7a828f'
gray-800: '#545d6d'
gray-900: '#354052'
border-color: 'rgba(126, 133, 144, 0.24)'
text-muted: '#7e8590'
border-color: 'rgba(110, 117, 130, 0.2)'
text-muted: '#6e7582'
facebook: '#3b5998'
twitter: '#1da1f2'
google: '#dc4e41'
youtube: '#ff0000'
vimeo: '#1ab7ea'
dribbble: '#ea4c89'
github: '#181717'
instagram: '#e4405f'
pinterest: '#bd081c'
vk: '#6383a8'
rss: '#ffa500'
flickr: '#0063dc'
bitbucket: '#0052cc'
tabler: '#206bc4'

718
pages/_data/icons-brand.yml Normal file
View File

@@ -0,0 +1,718 @@
android: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M22.146 9.227a1.478 1.478 0 1
0-2.956.002v6.19c0 .81.663 1.48 1.483 1.48.814 0 1.476-.67
1.476-1.48v-6.2h-.01zM5.393 8.032l.004 9.6c0 .885.704 1.59 1.573
1.59h1.063v3.28c0 .82.66 1.482 1.47 1.482s1.467-.66
1.48-1.468v-3.28h1.993v3.28a1.475 1.475 0 1 0 2.952-.007v-3.28h1.078c.87 0
1.573-.71 1.573-1.578v-9.63L5.35 8.03l.04.002zm9.648-2.93a.56.56 0 1
1-.002-1.118.56.56 0 0 1 .002 1.118m-6.06 0a.56.56 0 1 1 .56-.548.565.565 0 0
1-.57.567m6.29-2.9L16.29.33c.06-.105.014-.226-.076-.285a.219.219 0 0
0-.284.09l-1.05
1.9c-.868-.405-1.856-.63-2.89-.63s-2.018.215-2.892.603L8.064.105a.205.205 0 0
0-.278-.08c-.1.045-.136.18-.08.27l1.03 1.875c-2.03 1.047-3.4 3.04-3.4
5.33h13.328c0-2.29-1.368-4.283-3.396-5.33M3.33 7.742c-.817 0-1.48.665-1.48
1.483v6.192a1.48 1.48 0 0 0 2.961 0v-6.19c0-.815-.66-1.478-1.47-1.478"/></svg>
apple: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M7.078 23.55a5.378 5.378 0 0
1-1.244-1.15c-.383-.463-.738-.95-1.064-1.454a14.065 14.065 0 0
1-1.78-3.636c-.5-1.502-.743-2.94-.743-4.347 0-1.57.34-2.94 1.002-4.09a5.78
5.78 0 0 1 2.1-2.182 5.6 5.6 0 0 1 2.84-.84c.35 0 .73.05 1.13.15.29.08.64.21
1.07.37.55.21.85.34.95.37.32.12.59.17.8.17.16 0
.39-.05.645-.13.145-.05.42-.14.81-.31.386-.14.692-.26.935-.35.37-.11.728-.21
1.05-.26.39-.06.777-.08 1.148-.05.71.05 1.36.2 1.94.42 1.02.41 1.843 1.05
2.457 1.96-.26.16-.5.346-.725.55-.487.43-.9.94-1.23 1.505a5.1 5.1 0 0 0-.644
2.52c.015 1.083.29 2.035.84 2.86a5.33 5.33 0 0 0 1.534
1.536c.31.21.582.355.84.45-.12.375-.252.74-.405 1.1-.347.807-.76 1.58-1.25
2.31-.432.63-.772 1.1-1.03 1.41-.402.48-.79.84-1.18
1.097-.43.285-.935.436-1.452.436-.35.015-.7-.03-1.034-.127-.29-.095-.576-.202-.856-.323a6.94
6.94 0 0 0-.905-.34 4.52 4.52 0 0 0-1.164-.147c-.4
0-.79.05-1.16.145-.31.088-.61.196-.907.325-.42.175-.695.29-.855.34a4.47 4.47 0
0 1-.99.175c-.52
0-1.004-.15-1.486-.45zm6.854-18.46c-.68.34-1.326.484-1.973.436-.1-.646
0-1.31.27-2.037.24-.62.56-1.18 1-1.68.46-.52 1.01-.95 1.63-1.26.66-.34
1.29-.52 1.89-.55.08.68 0 1.35-.25 2.07a5.938 5.938 0 0 1-1
1.76c-.435.52-.975.95-1.586 1.26z"/></svg>
asana: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M18.78 12.653a5.22 5.22 0 1 0 0 10.44 5.22 5.22 0
0 0 0-10.44zm-13.56 0a5.22 5.22 0 1 0 .001 10.439 5.22 5.22 0 0
0-.001-10.439zm12-6.525a5.22 5.22 0 1 1-10.44 0 5.22 5.22 0 0 1 10.44
0z"/></svg>
atlassian: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
class="icon" fill="currentColor"><path d="M19.31 23.957h-3.6a1.26 1.26 0 0
1-1.312-.792c-1.332-2.665-2.78-5.288-3.987-8.046a15.25 15.25 0 0 1
.885-14.47c.166-.281.52-.625.791-.625s.593.375.74.666q5.444 10.89 10.898
21.788c.542 1.041.292 1.468-.905 1.479zm-14.573 0H1.04c-1.041
0-1.27-.417-.812-1.333q2.8-5.538 5.549-11.055c.5-1.041.895-1.041
1.592-.177a12.221 12.221 0 0 1 2.51 11.17c-.344 1.322-.532 1.405-1.864
1.405z"/></svg>
basecamp: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M12 2C5.54 2 .48 10.22 0 17.16 2.028
20.68 6.915 22 12 22s9.975-1.32 12-4.84C23.52 10.218 18.46 2 12 2zm.15
18.4c-9.54 0-10.456-4.034-10.456-4.034l.18-.976S4.5 9.72 6.15 9.72s2.34 2.34
3.69 2.34 4.274-5.19 5.324-5.19c1.047 0 2.82 1.95 4.27 3.75 1.45 1.802 2.878
4.887 2.878 4.887l-.008.034.15.886S21.688 20.4 12.148 20.4z"/></svg>
behance: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M6.938 4.503c.702 0 1.34.06
1.92.188.577.13 1.07.33 1.485.61.41.28.733.65.96 1.12.225.47.34 1.05.34 1.73 0
.74-.17 1.36-.507 1.86-.338.5-.837.9-1.502 1.22.906.26 1.576.72 2.022
1.37.448.66.665 1.45.665 2.36 0 .75-.13 1.39-.41 1.93-.28.55-.67 1-1.16
1.35-.48.348-1.05.6-1.67.767a7.316 7.316 0 0
1-1.91.254H0V4.51h6.938v-.007zM16.94 16.665c.44.428 1.073.643 1.894.643.59 0
1.1-.148 1.53-.447.424-.29.68-.61.78-.94h2.588c-.403 1.28-1.048 2.2-1.9
2.75-.85.56-1.884.83-3.08.83-.837 0-1.584-.13-2.272-.4a4.948 4.948 0 0
1-1.72-1.14 5.1 5.1 0 0 1-1.077-1.77c-.253-.69-.373-1.45-.373-2.27
0-.803.135-1.54.403-2.23.27-.7.644-1.28 1.12-1.79.495-.51 1.063-.895
1.736-1.194s1.4-.433 2.22-.433c.91 0 1.69.164 2.38.523a4.8 4.8 0 0 1 1.66
1.4c.44.586.75 1.26.94 2.02.19.75.25 1.54.21 2.38h-7.69c0 .84.28 1.632.71
2.065l-.08.03zm-10.24.05c.317 0
.62-.03.906-.093.29-.06.548-.165.763-.3.21-.135.39-.328.52-.583.13-.24.19-.57.19-.96
0-.75-.22-1.29-.64-1.62-.43-.32-.99-.48-1.69-.48H3.24v4.05H6.7v-.03zm13.607-5.65c-.352-.385-.94-.592-1.657-.592-.468
0-.855.074-1.166.238-.302.15-.55.35-.74.59-.19.24-.317.48-.392.75-.075.26-.12.5-.135.71h4.762c-.07-.75-.33-1.3-.68-1.69v.01zM6.52
10.45c.574 0 1.05-.134 1.425-.412.374-.27.554-.72.554-1.338
0-.344-.07-.625-.18-.846-.13-.22-.3-.39-.5-.512-.21-.124-.45-.21-.72-.257a4.426
4.426 0 0
0-.84-.074H3.23v3.44h3.29zm9.098-4.958h5.968v1.454h-5.968V5.48v.01z"/></svg>
bing: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M3.605 0L8.4
1.686V18.56l6.753-3.895-3.31-1.555-2.09-5.2 10.64 3.738v5.435L8.403
24l-4.797-2.67V0z"/></svg>
bitbucket: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M.778 1.211a.768.768 0 0
0-.768.892l3.263 19.811c.084.499.515.867 1.022.872H19.95a.772.772 0 0 0
.77-.646l3.27-20.03a.768.768 0 0 0-.768-.891L.778 1.211zM14.52
15.528H9.522L8.17 8.464h7.561l-1.211 7.064z"/></svg>
bitcoin: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M23.638 14.904c-1.602 6.43-8.113
10.34-14.542 8.736C2.67 22.05-1.244 15.525.362 9.105 1.962 2.67 8.475-1.243
14.9.358c6.43 1.605 10.342 8.115 8.738
14.548v-.002zm-6.35-4.613c.24-1.59-.974-2.45-2.64-3.03l.54-2.153-1.315-.33-.525
2.107c-.345-.087-.705-.167-1.064-.25l.526-2.127-1.32-.33-.54
2.165c-.285-.067-.565-.132-.84-.2l-1.815-.45-.35
1.407s.975.225.955.236c.535.136.63.486.615.766l-1.477
5.92c-.075.166-.24.406-.614.314.015.02-.96-.24-.96-.24l-.66 1.51
1.71.426.93.242-.54 2.19 1.32.327.54-2.17c.36.1.705.19 1.05.273l-.51 2.154
1.32.33.545-2.19c2.24.427 3.93.257
4.64-1.774.57-1.637-.03-2.58-1.217-3.196.854-.193 1.5-.76 1.68-1.93h.01zm-3.01
4.22c-.404 1.64-3.157.75-4.05.53l.72-2.9c.896.23 3.757.67 3.33
2.37zm.41-4.24c-.37 1.49-2.662.735-3.405.55l.654-2.64c.744.18 3.137.524 2.75
2.084v.006z"/></svg>
blogger: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M21.976 24H2.026C.9 24 0 23.1 0
21.976V2.026C0 .9.9 0 2.025 0H22.05C23.1 0 24 .9 24 2.025v19.95C24 23.1 23.1
24 21.976 24zM12 3.975H9A5.025 5.025 0 0 0 3.975 9v6A5.025 5.025 0 0 0 9
20.024h6A5.025 5.025 0 0 0 20.024
15v-3.975c0-.6-.45-1.05-1.05-1.05H18a.995.995 0 0 1-.976-.976A5.025 5.025 0 0
0 12 3.973zm3.074 12H9c-.525 0-.975-.45-.975-.975s.45-.976.975-.976h6.074c.526
0 .977.45.977.976s-.45.976-.975.976zm-2.55-7.95c.527 0
.976.45.976.975s-.45.975-.975.975h-3.6c-.525
0-.976-.45-.976-.975s.45-.975.975-.975h3.6z"/></svg>
bootstrap: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M20 0H4a4.01 4.01 0 0 0-4 4v16c0 2.2
1.8 4 4 4h16c2.2 0 4-1.8 4-4V4c0-2.2-1.8-4-4-4zm-2.187
16.855c-.2.482-.517.907-.923
1.234-.42.34-.952.62-1.607.82-.654.203-1.432.305-2.333.305H6.518v-14h6.802c1.258
0 2.266.283 3.02.86.76.58 1.138 1.444 1.138 2.61 0 .705-.172 1.31-.518
1.81-.344.497-.84.886-1.48 1.156v.046c.854.18 1.515.585 1.95 1.215s.658
1.426.658 2.387c0 .538-.104 1.05-.3
1.528l.025.027zm-2.776-3.45c-.41-.375-.986-.558-1.73-.558H8.985v4.368h4.334c.74
0 1.32-.192
1.73-.58.41-.385.62-.934.62-1.64-.007-.69-.21-1.224-.62-1.59h-.017zm-.6-2.823c.396-.336.59-.817.59-1.444
0-.704-.175-1.204-.53-1.49-.352-.285-.86-.433-1.528-.433h-4v3.863h4c.583 0
1.08-.17 1.464-.496z"/></svg>
buddy: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M21.7 5.307L12.947.253a1.892 1.892 0 0 0-1.891
0L2.3 5.306a1.892 1.892 0 0 0-.945 1.638v10.109c0 .675.36 1.3.945 1.637l8.756
5.056a1.892 1.892 0 0 0 1.89
0l8.756-5.055c.585-.338.945-.962.945-1.638V6.945c0-.675-.36-1.3-.945-1.638zm-7.45
7.752l-3.804 3.804-1.351-1.351 3.804-3.805-3.804-3.805 1.351-1.35 3.804 3.804
1.351 1.351-1.35 1.352z"/></svg>
circleci: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M8.963 12a2.854 2.854 0 0 1
2.855-2.855A2.863 2.863 0 0 1 14.674 12a2.863 2.863 0 0 1-2.856 2.856A2.863
2.863 0 0 1 8.963 12zm2.855-12C6.215 0 1.522 3.84.19
9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0
.433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672a6.293 6.293 0 0 1 6.286
6.287c0 3.47-2.82 6.29-6.29 6.29a6.28 6.28 0 0 1-5.71-3.673.594.594 0 0
0-.517-.336H.755a.576.576 0 0 0-.575.576c0 .037.014.072.014.12C1.514 20.16
6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z"/></svg>
codepen: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M24
8.182l-.018-.087-.017-.05c-.01-.024-.018-.05-.03-.075-.003-.018-.015-.034-.02-.05l-.035-.067-.03-.05-.044-.06-.046-.045-.06-.045-.046-.03-.06-.044-.044-.04-.015-.02L12.58.19a1.024
1.024 0 0 0-1.142 0L.453
7.502l-.015.015-.044.035-.06.05-.038.04-.05.056-.037.045-.05.06c-.02.017-.03.03-.03.046l-.05.06-.02.06c-.02.01-.02.04-.03.07l-.01.05C0
8.12 0 8.15 0 8.18v7.497c0
.044.003.09.01.135l.01.046c.005.03.01.06.02.086l.015.05c.01.027.016.053.027.075l.022.05c0
.01.015.04.03.06l.03.04c.015.01.03.04.045.06l.03.04.04.04c.01.013.01.03.03.03l.06.042.04.03.01.014
10.97
7.33c.164.12.375.163.57.163s.39-.06.57-.18l10.99-7.28.014-.01.046-.037.06-.043.048-.036.052-.058.033-.045.04-.06.03-.05.03-.07.016-.052.03-.077.015-.045.03-.08v-7.5c0-.05
0-.095-.016-.14l-.014-.045.044.003zm-11.99 6.28l-3.65-2.44 3.65-2.442 3.65
2.44-3.65 2.44zm-1.034-6.674l-4.473 2.99L2.89 8.362l8.086-5.39V7.79zm-6.33
4.233l-2.582 1.73V10.3l2.582 1.726zm1.857 1.25l4.473 2.99v4.82L2.89
15.69l3.618-2.417v-.004zm6.537 2.99l4.474-2.98 3.613 2.42-8.087
5.39v-4.82zm6.33-4.23l2.583-1.72v3.456l-2.583-1.73zm-1.855-1.24L13.042
7.8V2.97l8.085 5.39-3.612 2.415v.003z"/></svg>
codeship: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M12.053 0c-.972
0-2.398.405-2.398.762v2.117a13.032 13.032 0 0 1 2.42-.272 14.387 14.387 0 0 1
2.423.26V.773c0-.367-1.475-.774-2.445-.774zm.022 3.787c-2.042
0-5.068.837-5.068 1.193v2.595a18.793 18.793 0 0 1 5.02-2.473c.012-.013
2.803.749 5.212 2.495l.003.003V4.98c0-.37-3.126-1.193-5.167-1.193zM12.1
6.37c-.763.197-1.514.555-2.214.887a17.585 17.585 0 0 0-4.19 2.767c1.352 1.378
2.161 3.11 2.654
4.72l.037.113.04.037-.052-.037c-.013-.013-1.623-1.661-3.972-1.661-1.242
0-2.68.456-4.193 1.833.147.516.32 1.006.528 1.498v.016l.025.047c2.004 4.575
6.7 7.553 11.693 7.406 4.895-.147 9.348-3.311
11.13-7.859.098-.246.184-.506.272-.752-1.686-1.254-4.332-2.814-5.351-2.617v-.003c-.776.149-1.686
1.266-2.854 2.385.468-1.66 1.307-3.515 2.832-5.114a15.58 15.58 0 0
0-1.243-1.021v-.012C15.717 7.87 13.944 6.899 12.1 6.369zm-.01.897l.612
3.05-.147 2.67-.443
3.959v.018l-.05-.006c-.006-.001-.015-.008-.022-.01v-.027l-.493-3.947-.122-2.654zm.9
9.825l.021.004a7.135 7.135 0 0 1-.143.056c.04-.023.08-.036.121-.06z"/></svg>
css3: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5
0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24
2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12
19.288l5.373-1.53L18.59 4.414z"/></svg>
digitalocean: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M.836
19.365H.832V16.38h2.985v2.985H7.38V14.73h4.635v4.62c4.927-.006 8.73-4.883
6.852-10.066a6.956 6.956 0 0 0-4.15-4.146C9.527 3.255 4.647 7.068 4.647 12H0C0
4.144 7.59-1.976 15.824.595a11.602 11.602 0 0 1 7.58 7.58C25.974 16.41 19.858
24 12 24v-4.635H7.377v3.56h-3.56v-3.56H.833h.002z"/></svg>
disqus: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M12.438 23.654c-2.853 0-5.46-1.04-7.476-2.766L0
21.568l1.917-4.733A11.7 11.7 0 0 1 .875 12C.875 5.564 6.05.346 12.44.346
18.82.346 24 5.564 24 12c0 6.438-5.176 11.654-11.562
11.654zm6.315-11.687v-.033c0-3.363-2.373-5.76-6.462-5.76H7.877V17.83h4.35c4.12
0 6.525-2.5 6.525-5.863h.004zm-6.415 2.998h-1.29V9.04h1.29c1.897 0 3.157 1.08
3.157 2.945v.03c0 1.884-1.26 2.95-3.157 2.95z"/></svg>
docker: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M4.82 17.275c-.684
0-1.304-.56-1.304-1.24s.56-1.243 1.305-1.243c.748 0 1.31.56 1.31 1.242s-.622
1.24-1.305
1.24zm16.012-6.763c-.135-.992-.75-1.8-1.56-2.42l-.315-.25-.254.31c-.494.56-.69
1.553-.63 2.295.06.562.24 1.12.554 1.554-.254.13-.568.25-.81.377a5.29 5.29 0 0
1-1.68.25H.097l-.06.37a6.98 6.98 0 0 0 .562 3.54l.244.435v.06c1.5 2.483 4.17
3.6 7.078 3.6 5.594 0 10.182-2.42 12.357-7.633 1.425.062 2.864-.31
3.54-1.676l.18-.31-.3-.187c-.81-.494-1.92-.56-2.85-.31l-.018.002zm-8.008-.992h-2.428v2.42h2.43V9.518l-.002.003zm0-3.043h-2.428v2.42h2.43V6.48l-.002-.003zm0-3.104h-2.428v2.42h2.43v-2.42h-.002zm2.97
6.147H13.38v2.42h2.42V9.518l-.007.003zm-8.998
0H4.383v2.42h2.422V9.518l-.01.003zm3.03
0h-2.4v2.42H9.84V9.518l-.015.003zm-6.03
0H1.4v2.42h2.428V9.518l-.03.003zm6.03-3.043h-2.4v2.42H9.84V6.48l-.015-.003zm-3.045
0H4.387v2.42H6.8V6.48l-.016-.003z"/></svg>
dribbble: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M12 24C5.385 24 0 18.615 0 12S5.385
0 12 0s12 5.385 12 12-5.385 12-12
12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992
7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115
7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04
6.4a10.161 10.161 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4
3.045-5.055
8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775
2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634
6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a65.473 65.473 0 0 0-3.8-5.928
10.275 10.275 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6
3.645-1.365 5.19-3.44 5.373-3.702A10.19 10.19 0 0 0 12 1.764c-.825
0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68
1.486.08.18.15.36.22.53 3.41-.43 6.8.26
7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg>
dropbox: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M6 1.807L0 5.629l6 3.822
6.001-3.822L6 1.807zm12 0l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822
6.001-3.822L6 9.452l-6 3.822zm18-3.822l-6 3.822 6 3.822 6-3.822-6-3.822zM6
18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"/></svg>
facebook: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M22.676 0H1.324C.593 0 0 .593 0
1.324v21.352C0 23.408.593 24 1.324
24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325
0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792
1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592
1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/></svg>
figma: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M12 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-8 8a4 4 0 0
1 4-4h4v4a4 4 0 1 1-8 0zm8-20v8h4a4 4 0 1 0 0-8h-4zM4 4a4 4 0 0 0 4 4h4V0H8a4
4 0 0 0-4 4zm0 8a4 4 0 0 0 4 4h4V8H8a4 4 0 0 0-4 4z"/></svg>
flickr: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><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>
foursquare: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M17.727 3.465l-.535
2.799c-.064.303-.445.623-.801.623H11.41c-.562 0-.963.391-.963.945v.614c0
.569.405.96.966.96h4.23c.395 0 .785.436.697.855l-.535
2.76c-.051.24-.314.63-.785.63h-3.457c-.63 0-.818.091-1.239.601-.42.524-4.206
5.069-4.206
5.069-.037.045-.074.029-.074-.015V3.42c0-.359.311-.78.776-.78h10.274c.375 0
.73.356.633.821v.004zm.451 10.98c.145-.578 1.746-8.784 2.281-11.385M18.486
0H5.683C3.918 0 3.4 1.328 3.4 2.164v20.34c0 .94.504 1.291.789 1.405.284.117
1.069.214 1.541-.328 0 0 6.044-7.014
6.146-7.117.165-.157.165-.157.315-.157h3.914c1.65 0 1.906-1.17
2.086-1.86.15-.569 1.754-8.774 2.279-11.385C20.875 1.08 20.365 0 18.49
0h-.004z"/></svg>
git: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M23.546 10.93L13.067.452a1.55 1.55 0 0 0-2.188
0L8.708 2.627l2.76 2.76a1.838 1.838 0 0 1 2.327 2.341l2.658 2.66a1.838 1.838 0
0 1 1.9 3.039 1.837 1.837 0 0 1-2.6 0 1.846 1.846 0 0 1-.404-1.996L12.86
8.955v6.525c.176.086.342.203.488.348a1.848 1.848 0 0 1 0 2.6 1.844 1.844 0 0
1-2.609 0 1.834 1.834 0 0 1 0-2.598c.182-.18.387-.316.605-.406V8.835a1.834
1.834 0 0 1-.996-2.41L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48
10.477a1.545 1.545 0 0 0 2.186 0l10.43-10.43a1.544 1.544 0 0 0
0-2.187"/></svg>
github: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8
8.205 11.385.6.113.82-.258.82-.577
0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633
17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838
1.236 1.07 1.835 2.809 1.305
3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93
0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3
1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23
3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805
5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0
.315.21.69.825.57C20.565 22.092 24 17.592 24
12.297c0-6.627-5.373-12-12-12"/></svg>
gitlab: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M23.955 13.587l-1.342-4.135-2.664-8.189a.455.455
0 0 0-.867 0L16.418 9.45H7.582L4.919 1.263C4.783.84 4.185.84 4.05 1.26L1.386
9.449.044 13.587a.924.924 0 0 0 .331 1.023L12 23.054l11.625-8.443a.92.92 0 0 0
.33-1.024"/></svg>
google: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056
5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33
0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12
5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726
0-.788-.085-1.39-.189-1.989H12.24z"/></svg>
googleplus: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M7.635 10.909v2.619h4.335c-.173
1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662
2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045
1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0
12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461a6.96 6.96 0 0
0-.12-1.265H7.635zm16.365
0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24"/></svg>
gravatar: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M12 0a2.4 2.4 0 0 0-2.4 2.4v8.4c0
1.324 1.074 2.398 2.4 2.398s2.4-1.074 2.4-2.398V5.21a7.204 7.204 0 0 1 4.799
6.789 7.2 7.2 0 1 1-12.29-5.09 2.4 2.4 0 1 0-3.396-3.396A11.978 11.978 0 0 0 0
12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0"/></svg>
hipchat: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M19.736
19.056s.103-.073.267-.198C22.46 16.958 24 14.203 24 11.139 24 5.424 18.627.787
12.003.787 5.377.787 0 5.424 0 11.139c0 5.717 5.371 10.356 11.998 10.356.847 0
1.694-.073 2.524-.228l.262-.045c1.683 1.092 4.139 1.99 6.288 1.99.665 0
.978-.546.552-1.104-.648-.795-1.541-2.068-1.888-3.052zm-1.462-4.526c-.716
1.069-2.934 2.889-6.254 2.889h-.046c-3.328 0-5.543-1.831-6.254-2.889a1.137
1.137 0 0 1-.273-.574.49.49 0 0 1
.447-.526c.008-.003.014-.003.021-.003.117.006.23.043.328.111a9.137 9.137 0 0 0
5.754 2.056 8.805 8.805 0 0 0 5.76-2.059.461.461 0 0 1 .313-.122c.267 0
.478.213.483.475a1.321 1.321 0 0 1-.268.643h-.011z"/></svg>
html5: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5
0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326
3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12
19.351l5.379-1.443.744-8.157H8.531z"/></svg>
instagram: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M12 0C8.74 0 8.333.015 7.053.072
5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63
4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072
4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868
0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12
24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0
2.126-1.384 5.86 5.86 0 0 0
1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89
5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0
19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0
2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477
1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07
1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81
0 0 1-.899 1.382 3.744 3.744 0 0
1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211
0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0
1-1.379-.899 3.644 3.644 0 0
1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844
0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689
1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06
4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0
0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4
4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"/></svg>
invision: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M21.825 0H2.175C.975 0 0 .975 0
2.175v19.65C0 23.025.975 24 2.175 24h19.65c1.2 0 2.175-.975
2.175-2.175V2.175C24 .975 23.025 0 21.825 0zM8.02 4.667c.798 0 1.468.63 1.468
1.44 0 .82-.67 1.444-1.468 1.444v.027c-.803 0-1.454-.65-1.454-1.455s.65-1.455
1.455-1.455zm9.816 13.815c-1.484 0-2.204-.885-2.204-2.09
0-.346.044-.713.15-1.08l.71-2.545c.088-.28.11-.54.11-.775
0-.82-.5-1.315-1.296-1.315-1.013 0-1.68.727-2.025 2.13l-1.38
5.535H9.487l.432-1.74c-.708 1.166-1.695 1.885-2.91 1.885-1.467
0-2.157-.842-2.157-2.113.004-.365.047-.73.13-1.085v.002l1.1-4.49H4.375l.518-1.905h4.1l-1.62
6.405a4.2 4.2 0 0 0-.15.986c0 .41.202.53.517.604.195.04 1.725.012
2.56-1.84l1.06-4.25H9.637l.52-1.875h3.72l-.48 2.16c.647-1.2 1.937-2.355
3.212-2.355 1.35 0 2.475.975 2.475 2.82a5.26 5.26 0 0 1-.24 1.575l-.69
2.476c-.06.254-.104.465-.104.66 0 .434.18.645.494.645s.735-.24
1.2-1.56l.943.36c-.555 1.964-1.576 2.774-2.85 2.774z"/></svg>
javascript: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M0 0h24v24H0V0zm22.034
18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84
1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676
1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71
1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24
1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83
1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666
6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0
1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138
2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825
1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226
1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109
0-6.179l.004-.056z"/></svg>
kickstarter: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M9.604 8.18l4.4-6.38C14.838.6 15.91
0 17.231 0c1.072 0 2.002.381 2.789 1.144.783.765 1.176 1.675 1.176 2.738 0
.784-.207 1.479-.624 2.079l-3.967 5.769 4.853 6.153c.484.612.727 1.33.727 2.15
0 1.086-.381 2.018-1.145 2.798-.762.779-1.686 1.169-2.771 1.169-1.189
0-2.097-.387-2.721-1.16l-5.943-7.417v4.089c0 1.168-.202 2.074-.607 2.722C8.261
23.411 7.195 24 5.785 24c-1.282
0-2.276-.436-2.979-1.299-.66-.799-.99-1.856-.99-3.172V4.365c0-1.245.336-2.274
1.004-3.083C3.518.428 4.488 0 5.726 0c1.179 0 2.16.428 2.946
1.282.438.475.715.953.831 1.44.07.3.105.858.105 1.68V8.18h-.004z"/></svg>
linkedin: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M20.447
20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136
2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0
4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064
2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225
0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24
24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
medium: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M0 0v24h24V0H0zm19.938 5.686L18.651 6.92a.376.376
0 0 0-.143.362v9.067a.376.376 0 0 0 .143.361l1.257
1.234v.271h-6.322v-.27l1.302-1.265c.128-.128.128-.165.128-.36V8.99l-3.62
9.195h-.49L6.69 8.99v6.163a.85.85 0 0 0 .233.707l1.694
2.054v.271H3.815v-.27L5.51 15.86a.82.82 0 0 0 .218-.707V8.027a.624.624 0 0
0-.203-.527L4.019 5.686v-.27h4.674l3.613 7.923
3.176-7.924h4.456v.271z"/></svg>
meetup: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M23.978
20.238c-.304-1.931-3.874-.444-4.096-2.559-.313-2.998 4.15-9.459
3.797-11.972-.313-2.255-1.841-2.73-3.165-2.756-1.284-.02-1.623.182-2.058.435-.253.146-.612.435-1.112-.041-.334-.318-.557-.536-.905-.819a1.915
1.915 0 0 0-.945-.395c-.476-.071-1.098
0-1.492.167-.395.172-.702.466-1.026.749-.323.283-1.147
1.198-1.911.859-.335-.145-1.458-.706-2.272-1.055-1.563-.677-3.822.42-4.636
1.866C2.944 6.866.557 15.32.193 16.432c-.809 2.502 1.032 4.54 3.509 4.424
1.052-.051 1.75-.43 2.412-1.638.384-.693 3.979-10.087
4.248-10.543.197-.323.844-.753 1.39-.475.551.283.662.869.581
1.421-.136.895-2.669 6.629-2.771 7.275-.162 1.103.359 1.714 1.507
1.774.784.041 1.567-.237 2.184-1.41.349-.652 4.349-8.666
4.702-9.202.39-.586.703-.779 1.103-.758.309.015.799.096.678
1.016-.122.905-3.343 6.78-3.676 8.221-.456 1.927.602 3.874 2.341 4.728
1.112.546 5.97 1.476 5.577-1.027z"/></svg>
messenger: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M12 0C5.373 0 0 4.974 0 11.111c0
3.498 1.744 6.614 4.469 8.654V24l4.088-2.242c1.092.3 2.246.464 3.443.464 6.627
0 12-4.975 12-11.11S18.627 0 12 0zm1.191 14.963l-3.055-3.26-5.963 3.26L10.732
8l3.131 3.259L19.752 8l-6.561 6.963z"/></svg>
netflix: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M5.39.004l4.75 13.46v-.007l.376
1.06c2.088 5.908 3.21 9.075 3.216 9.082.004 0 .32.02.702.04 1.156.05 2.59.18
3.676.31.25.03.466.04.48.03l-4.71-13.36-.436-1.23-2.423-6.85c-.46-1.3-.85-2.408-.87-2.45L10.12
0H5.395zm8.508.008l-.01 5.306-.008 5.306-.437-1.232V9.39l-.565 11.81c.555
1.567.852 2.403.855 2.407.004.004.32.024.702.042 1.157.05 2.59.18
3.68.31.25.03.467.04.48.03s.02-5.42.017-12.01L18.604.01h-4.706zM5.39.002v11.99c0
6.594.007 11.995.015 12.003s.416-.03.907-.086c.49-.06 1.17-.13
1.51-.16.518-.05 2.068-.15 2.248-.15.052 0 .056-.27.063-5.08l.008-5.08.38
1.06.13.376.57-11.8-.19-.546-.88-2.44-.03-.087H5.39z"/></svg>
pagekit: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M2.401
0v24h9.6v-3.527H5.929V3.526h12.146v13.421h-6.073v3.525H21.6V0H2.401z"/></svg>
paypal: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M6.908 24H3.804c-.664
0-1.086-.529-.936-1.18l.149-.674h2.071c.666 0 1.336-.533
1.482-1.182l1.064-4.592c.15-.648.816-1.18 1.48-1.18h.883c3.789 0 6.734-.779
8.84-2.34s3.16-3.6 3.16-6.135c0-1.125-.195-2.055-.588-2.789
0-.016-.016-.031-.016-.046l.135.075c.75.465 1.32 1.064 1.711 1.814.404.75.598
1.68.598 2.791 0 2.535-1.049 4.574-3.164 6.135-2.1 1.545-5.055 2.324-8.834
2.324h-.9c-.66 0-1.334.525-1.484 1.186L8.39 22.812c-.149.645-.81 1.17-1.47
1.17L6.908 24zm-2.677-2.695H1.126c-.663 0-1.084-.529-.936-1.18L4.563
1.182C4.714.529 5.378 0 6.044 0h6.465c1.395 0 2.609.098 3.648.289 1.035.189
1.92.519 2.684.99.736.465 1.322 1.072 1.697 1.818.389.748.584 1.68.584 2.797 0
2.535-1.051 4.574-3.164 6.119-2.1 1.561-5.056 2.326-8.836 2.326h-.883c-.66
0-1.328.524-1.478 1.169L5.7 20.097c-.149.646-.817 1.172-1.485
1.172l.016.036zm7.446-17.369h-1.014c-.666 0-1.332.529-1.48 1.178l-.93
4.02c-.15.648.27 1.179.93 1.179h.766c1.664 0 2.97-.343 3.9-1.021.929-.686
1.395-1.654 1.395-2.912
0-.83-.301-1.445-.9-1.84-.6-.404-1.5-.605-2.686-.605l.019.001z"/></svg>
pinterest: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><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>
producthunt: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M13.604 8.4h-3.405V12h3.405a1.8 1.8
0 1 0 0-3.6zM12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0
12 0zm1.604 14.4h-3.405V18H7.801V6h5.804a4.2 4.2 0 1 1-.001 8.4z"/></svg>
rss: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M19.199 24C19.199 13.467 10.533 4.8 0
4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415a3.3 3.3 0 0 1 3.293
3.295A3.303 3.303 0 0 1 3.283 24C1.47 24 0 22.526 0 20.71s1.475-3.294
3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0
15.909 7.184 15.909 15.91z"/></svg>
sass: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0
18.627 0 12 5.373 0 12 0zM9.615 15.998c.175.645.156 1.248-.024
1.792l-.065.18c-.024.061-.052.12-.078.176-.14.29-.326.56-.555.81-.698.759-1.672
1.047-2.09.805-.45-.262-.226-1.335.584-2.19.871-.918 2.12-1.509
2.12-1.509v-.003l.108-.061zm9.911-10.861c-.542-2.133-4.077-2.834-7.422-1.645-1.989.707-4.144
1.818-5.693 3.267C4.568 8.48 4.275 9.98 4.396 10.607c.427 2.211 3.457 3.657
4.703 4.73v.006c-.367.18-3.056 1.529-3.686 2.925-.675 1.47.105 2.521.615 2.655
1.575.436 3.195-.36 4.065-1.649.84-1.261.766-2.881.404-3.676.496-.135
1.08-.195 1.83-.104 2.101.24 2.521 1.56 2.43
2.1-.09.539-.523.854-.674.944-.15.091-.195.12-.181.181.015.09.091.09.21.075.165-.03
1.096-.45
1.141-1.471.045-1.29-1.186-2.729-3.375-2.7-.9.016-1.471.091-1.875.256a.362.362
0 0 0-.105-.105c-1.35-1.455-3.855-2.475-3.75-4.41.03-.705.285-2.564 4.8-4.814
3.705-1.846 6.661-1.335 7.171-.21.733 1.604-1.576 4.59-5.431
5.024-1.47.165-2.235-.404-2.431-.615-.209-.225-.239-.24-.314-.194-.12.06-.045.255
0 .375.12.3.585.825 1.396 1.095.704.225 2.43.359 4.5-.45 2.324-.899
4.139-3.405 3.614-5.505l.073.067z"/></svg>
sentry: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M23.663 21.572c.449-.748.449-1.496
0-2.244l-9.72-16.897c-.447-.747-1.195-1.048-1.943-1.048s-1.495.449-1.943
1.048L6.916 7.963l.748.449a14.814 14.814 0 0 1 5.682 5.682c1.197 2.094 1.944
4.336 2.094 6.73h-2.243a13.315 13.315 0 0
0-1.794-5.684c-1.047-2.093-2.692-3.738-4.785-4.935l-.749-.447-2.99
5.084.747.449c1.944 1.195 3.29 3.139 3.589 5.383H2.28c-.149
0-.3-.15-.3-.15s-.148-.15
0-.299l1.348-2.393c-.449-.447-1.048-.748-1.646-.896L.336 19.329c-.449.748-.449
1.496 0 2.244.448.746 1.046 1.045 1.943
1.045h6.879v-.896c0-1.645-.449-3.141-1.196-4.637-.599-1.195-1.496-2.093-2.542-2.84L6.467
12.3c1.347 1.046 2.543 2.243 3.439 3.739 1.047 1.793 1.496 3.738 1.496
5.682v.896h5.831v-.896c0-2.99-.747-5.982-2.392-8.673-1.197-2.394-3.141-4.337-5.385-5.833L11.7
3.328c.151-.15.3-.15.3-.15.15 0 .15 0 .299.15l9.721 16.896c.148.148 0 .299 0
.299s-.15.15-.3.15h-2.243v1.795h2.243c.896.149 1.495-.15 1.943-.896z"/></svg>
skype: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M12.069 18.874c-4.023 0-5.82-1.979-5.82-3.464
0-.765.561-1.296 1.333-1.296 1.723 0 1.273 2.477 4.487 2.477 1.641 0 2.55-.895
2.55-1.811
0-.551-.269-1.16-1.354-1.429l-3.576-.895c-2.88-.724-3.403-2.286-3.403-3.751
0-3.047 2.861-4.191 5.549-4.191 2.471 0 5.393 1.373 5.393 3.199 0 .784-.688
1.24-1.453 1.24-1.469 0-1.198-2.037-4.164-2.037-1.469 0-2.292.664-2.292
1.617s1.153 1.258 2.157 1.487l2.637.587c2.891.649 3.624 2.346 3.624 3.944 0
2.476-1.902 4.324-5.722
4.324m11.084-4.882l-.029.135-.044-.24c.015.045.044.074.059.12.12-.675.181-1.363.181-2.052a11.32
11.32 0 0 0-3.325-8.016 11.481 11.481 0 0
0-3.595-2.426c-1.318-.631-2.801-.93-4.328-.93-.72
0-1.444.07-2.143.204l.119.06-.239-.033.119-.025A6.667 6.667 0 0 0 6.731
0c-1.789 0-3.47.698-4.736 1.967A6.68 6.68 0 0 0 .032 6.716c0 1.143.292
2.265.844 3.258l.02-.124.041.239-.06-.115a11.411 11.411 0 0 0 .712 6.371
10.929 10.929 0 0 0 2.427 3.609 11.326 11.326 0 0 0 3.595 2.442c1.394.6
2.877.898 4.404.898.659 0 1.334-.06 1.977-.179l-.119-.062.24.046-.135.03a6.642
6.642 0 0 0 3.294.871 6.64 6.64 0 0 0 4.733-1.963 6.683 6.683 0 0 0
1.962-4.749 6.772 6.772 0 0 0-.853-3.266"/></svg>
slack: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528
2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527
2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1
8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0
1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521
2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0
1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1
2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0
1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0
0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165
0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523
2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0
1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0
1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522
2.523h-6.313z"/></svg>
snapchat: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M12.206.793c.99 0 4.347.276 5.93
3.821.529 1.193.403 3.219.299
4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12
1.033-.301a.996.996 0 0 1 .464-.104c.182 0
.359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213
1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136
1.526 3.475 4.791 4.014.255.044.435.27.42.509a.606.606 0 0
1-.045.225c-.24.569-1.273.988-3.146
1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03a3.19
3.19 0 0 1-.538-.074 6.034 6.034 0 0 0-1.273-.135c-.3
0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294
1.288-.06 0-.119-.015-.18-.015h-.149c-1.468
0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884a6.623 6.623 0 0
0-.928-.074c-.54 0-.958.089-1.272.149a2.879 2.879 0 0 1-.54.074c-.374
0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226a.6.6
0 0 1-.055-.225.496.496 0 0 1 .42-.509c3.264-.54 4.73-3.879
4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809a2.233
2.233 0 0 1-.346-.119c-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793
1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0
.384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077
10.739.807 11.727.807l.419-.015h.06z"/></svg>
spotify: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12
12-5.4 12-12S18.66 0 12 0zm5.521
17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9
4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301
1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6
9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16
5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26
11.28-1.02 15.721 1.621.539.3.719 1.02.419
1.56-.299.421-1.02.599-1.559.3z"/></svg>
strava: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387
24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.598h4.172L10.463 0l-7
13.828h4.169"/></svg>
stripe: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409
0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975
15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757
7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0
.98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99
8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236
2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z"/></svg>
tabler: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"
fill="currentColor"><path d="M23.5 5.3C22.9 3 21 1.1 18.7.5 14.3-.2 9.8-.2
5.4.5 3 1.1 1.1 3 .5 5.3c-.7 4.4-.7 8.9 0 13.3.6 2.4 2.5 4.3 4.8 4.9 4.4.7
8.9.7 13.3 0 2.4-.6 4.2-2.4 4.8-4.8.8-4.5.8-8.9.1-13.4zm-11.8 7.6c-1 1.6-2.5
3.1-4.2 4.1-.6.3-1.2.3-1.8 0s-.9-.9-.9-1.5.3-1.2.9-1.5c.9-.5 1.6-1.2
2.3-2-.7-.8-1.4-1.4-2.3-2-.8-.5-1.1-1.6-.6-2.4S6.7 6.5 7.5 7c1.7 1 3.1 2.4 4.2
4.1.4.5.4 1.2 0 1.8zm6 3.6h-4.3c-.8 0-1.4-.4-1.4-1.1 0-.7.6-1.1 1.4-1.1h4.3c.8
0 1.4.4 1.4 1.1 0 .7-.6 1.1-1.4 1.1z"/></svg>
telegram: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
class="icon" fill="currentColor"><path d="M23.91 3.79L20.3 20.84c-.25 1.21-.98
1.5-2 .94l-5.5-4.07-2.66 2.57c-.3.3-.55.56-1.1.56-.72 0-.6-.27-.84-.95L6.3
13.7.85 12c-1.18-.35-1.19-1.16.26-1.75l21.26-8.2c.97-.43 1.9.24 1.53
1.73z"/></svg>
tumblr: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M14.563 24c-5.093
0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596
4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016
1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156
3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z"/></svg>
twitter: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><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>
typescript: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M0 12v12h24V0H0zm19.341-.956c.61.152
1.074.423 1.501.865.221.236.549.666.575.77.008.03-1.036.73-1.668
1.123-.023.015-.115-.084-.217-.236-.31-.45-.633-.644-1.128-.678-.728-.05-1.196.331-1.192.967a.88.88
0 0 0 .102.45c.16.331.458.53 1.39.933 1.719.74 2.454 1.227 2.911
1.92.51.773.625 2.008.278 2.926-.38.998-1.325 1.676-2.655
1.9-.411.073-1.386.062-1.828-.018-.964-.172-1.878-.648-2.442-1.273-.221-.243-.652-.88-.625-.925a1.58
1.58 0 0 1
.22-.141c.108-.061.511-.294.892-.515l.69-.4.145.214c.202.308.643.731.91.872.766.404
1.817.347 2.335-.118a.883.883 0 0 0
.313-.72c0-.278-.035-.4-.18-.61-.186-.266-.567-.49-1.649-.96-1.238-.533-1.771-.864-2.259-1.39a3.165
3.165 0 0 1-.659-1.2c-.091-.339-.114-1.189-.042-1.531.255-1.197 1.158-2.03
2.461-2.278.423-.08 1.406-.05 1.821.053zm-5.634
1.002l.008.983H10.59v8.876H8.38v-8.876H5.258v-.964c0-.534.011-.98.026-.99.012-.016
1.913-.024 4.217-.02l4.195.012z"/></svg>
uber: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"
fill="currentColor"><path d="M11.97.006A11.995 11.995 0 0 0 .034
10.801H8.37v-1.8a.6.6 0 0 1 .6-.599h5.997c.334 0 .6.268.6.6v5.997a.6.6 0 0
1-.599.6h-6a.599.599 0 0 1-.598-.6V13.2H.035c.663 6.592 6.543 11.397 13.134
10.735 6.592-.663 11.397-6.543 10.734-13.134A11.994 11.994 0 0 0
11.97.006z"/></svg>
uikit: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M17.697 3.292l-4.109 2.489 4.738
2.696v7.077l-6.365 3.538-6.258-3.538v-5.485L1.596 7.956V18l10.219 6
10.589-6V6.002l-4.707-2.71zm-1.904-.989L11.813 0 7.665 2.568l4.032 2.218
4.096-2.483z"/></svg>
vimeo: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894
9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322
11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0
7.197a315.065 315.065 0 0 0 3.501-3.128C5.08 2.701 6.266 1.984 7.055
1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45
1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797
1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391
1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493
4.797l-.013.01z"/></svg>
vk: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M11.701
18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281
2.012 1.86 3.211 2.683.916.629 1.605.494
1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787
1.469-1.965 2.07-3.166
1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572
1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523
2.699-.604-.391-.449-1.58-.449-2.432
0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146
1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494
3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686
6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z"/></svg>
wechat: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon"
fill="currentColor"><path d="M23.541
12.748c-.609-1.38-1.758-2.476-3.092-3.151-2.354-1.192-5.281-1.185-7.629.03-1.631.837-2.993
2.337-3.379 4.162-.318 1.344-.033 2.791.68 3.961 1.061 1.762 2.979 2.887 4.971
3.248 1.443.293 2.936.119 4.338-.285.842.326 1.592.854 2.408 1.246a52.471
52.471 0 0 0-.676-2.102c.916-.65 1.746-1.461
2.244-2.479.744-1.415.789-3.171.135-4.63zm-9.924-9.466c-2.495-1.404-5.602-1.615-8.286-.645-1.764.635-3.36
1.815-4.346 3.42-.895 1.45-1.23 3.258-.799 4.917.433 1.84 1.711 3.383 3.262
4.413-.3.85-.585 1.699-.855 2.555.975-.51 1.95-1.043 2.926-1.561 1.17.375
2.415.559 3.66.518a6.159 6.159 0 0 1-.255-2.951c.225-1.371.975-2.625
1.994-3.554 1.726-1.615 4.171-2.296
6.496-2.131-.436-2.135-1.936-3.939-3.824-4.98h.027zm1.733
9.989c-.209.652-1.156.848-1.615.352-.506-.459-.309-1.418.355-1.623.734-.31
1.582.537 1.26
1.271zm4.795.092c-.256.586-1.141.723-1.576.27-.209-.191-.27-.479-.344-.73.104-.458.42-.933.93-.955.705-.098
1.336.773.975 1.416h.015zM12.99 6.909c.008.961-1.275
1.561-1.995.909-.747-.535-.535-1.837.342-2.106.785-.315 1.713.344 1.651
1.185l.002.012zm-6.059.244c-.172.835-1.291
1.238-1.946.678-.759-.535-.546-1.861.345-2.131.873-.336 1.865.55 1.601
1.453z"/></svg>
whatsapp: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M17.498
14.382c-.301-.15-1.767-.867-2.04-.966-.273-.101-.473-.15-.673.15-.197.295-.771.964-.944
1.162-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.174-.3-.019-.465.13-.615.136-.135.301-.345.451-.523.146-.181.194-.301.297-.496.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.172-.015-.371-.015-.571-.015-.2
0-.523.074-.797.359-.273.3-1.045 1.02-1.045 2.475s1.07 2.865 1.219
3.075c.149.195 2.105 3.195 5.1 4.485.714.3 1.27.48 1.704.629.714.227 1.365.195
1.88.121.574-.091 1.767-.721
2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345m-5.446
7.443h-.016c-1.77 0-3.524-.48-5.055-1.38l-.36-.214-3.75.975
1.005-3.645-.239-.375a9.869 9.869 0 0 1-1.516-5.26c0-5.445 4.455-9.885
9.942-9.885a9.865 9.865 0 0 1 7.021 2.91 9.788 9.788 0 0 1 2.909 6.99c-.004
5.444-4.46 9.885-9.935 9.885M20.52 3.449C18.24 1.245 15.24 0 12.045 0 5.463 0
.104 5.334.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652a12.062
12.062 0 0 0 5.71 1.447h.006c6.585 0 11.946-5.336 11.949-11.896
0-3.176-1.24-6.165-3.495-8.411"/></svg>
wordpress: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M21.469 6.825c.84 1.537 1.318 3.3
1.318 5.175 0 3.979-2.156 7.456-5.363
9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864
0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105
1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064
0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68
4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1
1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2
0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286
2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513
1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075
3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406
3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211
12c0-1.564.336-3.05.935-4.39L7.29 21.709A10.794 10.794 0 0 1 1.211 12M12
0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"/></svg>
ycombinator: <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="icon" fill="currentColor"><path d="M0 24V0h24v24H0zM6.951 5.896l4.112
7.708v5.064h1.583v-4.972l4.148-7.799h-1.749l-2.457 4.875c-.372.745-.688
1.434-.688 1.434s-.297-.708-.651-1.434L8.831 5.896h-1.88z"/></svg>
youtube: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
class="icon" fill="currentColor"><path d="M23.495 6.205a3.007 3.007 0 0
0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007
3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522
5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0
9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247
31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>

3036
pages/_data/icons-tabler.yml Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -1,808 +0,0 @@
brand:
- brand/android
- brand/apple
- brand/asana
- brand/atlassian
- brand/basecamp
- brand/behance
- brand/bing
- brand/bitbucket
- brand/bitcoin
- brand/blogger
- brand/bootstrap
- brand/buddy
- brand/circleci
- brand/codepen
- brand/codeship
- brand/css3
- brand/digitalocean
- brand/disqus
- brand/docker
- brand/dribbble
- brand/dropbox
- brand/facebook
- brand/figma
- brand/flickr
- brand/foursquare
- brand/git
- brand/github
- brand/gitlab
- brand/google
- brand/googleplus
- brand/gravatar
- brand/hipchat
- brand/html5
- brand/instagram
- brand/invision
- brand/javascript
- brand/kickstarter
- brand/linkedin
- brand/medium
- brand/meetup
- brand/messenger
- brand/netflix
- brand/pagekit
- brand/paypal
- brand/pinterest
- brand/producthunt
- brand/rss
- brand/sass
- brand/sentry
- brand/skype
- brand/slack
- brand/snapchat
- brand/spotify
- brand/strava
- brand/stripe
- brand/tabler
- brand/telegram
- brand/tumblr
- brand/twitter
- brand/typescript
- brand/uber
- brand/uikit
- brand/vimeo
- brand/vk
- brand/wechat
- brand/whatsapp
- brand/wordpress
- brand/ycombinator
- brand/youtube
bootstrap:
- bootstrap/alarm
- bootstrap/alarm-fill
- bootstrap/alert-circle
- bootstrap/alert-circle-fill
- bootstrap/alert-octagon
- bootstrap/alert-octagon-fill
- bootstrap/alert-square
- bootstrap/alert-square-fill
- bootstrap/alert-triangle
- bootstrap/alert-triangle-fill
- bootstrap/archive
- bootstrap/archive-fill
- bootstrap/arrow-bar-bottom
- bootstrap/arrow-bar-left
- bootstrap/arrow-bar-right
- bootstrap/arrow-bar-up
- bootstrap/arrow-clockwise
- bootstrap/arrow-counterclockwise
- bootstrap/arrow-down
- bootstrap/arrow-down-left
- bootstrap/arrow-down-right
- bootstrap/arrow-down-short
- bootstrap/arrow-left
- bootstrap/arrow-left-right
- bootstrap/arrow-left-short
- bootstrap/arrow-repeat
- bootstrap/arrow-right
- bootstrap/arrow-right-short
- bootstrap/arrow-up
- bootstrap/arrow-up-down
- bootstrap/arrow-up-left
- bootstrap/arrow-up-right
- bootstrap/arrow-up-short
- bootstrap/arrows-angle-contract
- bootstrap/arrows-angle-expand
- bootstrap/arrows-collapse
- bootstrap/arrows-expand
- bootstrap/arrows-fullscreen
- bootstrap/at
- bootstrap/award
- bootstrap/backspace
- bootstrap/backspace-fill
- bootstrap/backspace-reverse
- bootstrap/backspace-reverse-fill
- bootstrap/bar-chart
- bootstrap/bar-chart-fill
- bootstrap/battery
- bootstrap/battery-charging
- bootstrap/battery-full
- bootstrap/bell
- bootstrap/bell-fill
- bootstrap/blockquote-left
- bootstrap/blockquote-right
- bootstrap/book
- bootstrap/book-half-fill
- bootstrap/bookmark
- bootstrap/bookmark-fill
- bootstrap/bootstrap
- bootstrap/bootstrap-fill
- bootstrap/bootstrap-reboot
- bootstrap/box-arrow-bottom-left
- bootstrap/box-arrow-bottom-right
- bootstrap/box-arrow-down
- bootstrap/box-arrow-left
- bootstrap/box-arrow-right
- bootstrap/box-arrow-up
- bootstrap/box-arrow-up-left
- bootstrap/box-arrow-up-right
- bootstrap/braces
- bootstrap/brightness-fill-high
- bootstrap/brightness-fill-low
- bootstrap/brightness-high
- bootstrap/brightness-low
- bootstrap/brush
- bootstrap/bucket
- bootstrap/bucket-fill
- bootstrap/building
- bootstrap/bullseye
- bootstrap/calendar
- bootstrap/calendar-fill
- bootstrap/camera
- bootstrap/camera-video
- bootstrap/camera-video-fill
- bootstrap/capslock
- bootstrap/capslock-fill
- bootstrap/chat
- bootstrap/chat-fill
- bootstrap/check
- bootstrap/check-box
- bootstrap/check-circle
- bootstrap/chevron-compact-down
- bootstrap/chevron-compact-left
- bootstrap/chevron-compact-right
- bootstrap/chevron-compact-up
- bootstrap/chevron-down
- bootstrap/chevron-left
- bootstrap/chevron-right
- bootstrap/chevron-up
- bootstrap/circle
- bootstrap/circle-fill
- bootstrap/circle-half
- bootstrap/circle-slash
- bootstrap/clock
- bootstrap/clock-fill
- bootstrap/cloud
- bootstrap/cloud-download
- bootstrap/cloud-fill
- bootstrap/cloud-upload
- bootstrap/code
- bootstrap/code-slash
- bootstrap/columns
- bootstrap/columns-gutters
- bootstrap/command
- bootstrap/compass
- bootstrap/cone
- bootstrap/cone-striped
- bootstrap/controller
- bootstrap/credit-card
- bootstrap/cursor
- bootstrap/cursor-fill
- bootstrap/dash
- bootstrap/diamond
- bootstrap/diamond-half
- bootstrap/display
- bootstrap/display-fill
- bootstrap/document
- bootstrap/document-code
- bootstrap/document-diff
- bootstrap/document-richtext
- bootstrap/document-spreadsheet
- bootstrap/document-text
- bootstrap/documents
- bootstrap/documents-alt
- bootstrap/dot
- bootstrap/download
- bootstrap/egg-fried
- bootstrap/eject
- bootstrap/eject-fill
- bootstrap/envelope
- bootstrap/envelope-fill
- bootstrap/envelope-open
- bootstrap/envelope-open-fill
- bootstrap/eye
- bootstrap/eye-fill
- bootstrap/eye-slash
- bootstrap/eye-slash-fill
- bootstrap/filter
- bootstrap/flag
- bootstrap/flag-fill
- bootstrap/folder
- bootstrap/folder-fill
- bootstrap/folder-symlink
- bootstrap/folder-symlink-fill
- bootstrap/fonts
- bootstrap/forward
- bootstrap/forward-fill
- bootstrap/gear
- bootstrap/gear-fill
- bootstrap/gear-wide
- bootstrap/gear-wide-connected
- bootstrap/geo
- bootstrap/graph-down
- bootstrap/graph-up
- bootstrap/grid
- bootstrap/grid-fill
- bootstrap/hammer
- bootstrap/hash
- bootstrap/heart
- bootstrap/heart-fill
- bootstrap/house
- bootstrap/house-fill
- bootstrap/image
- bootstrap/image-alt
- bootstrap/image-fill
- bootstrap/images
- bootstrap/inbox
- bootstrap/inbox-fill
- bootstrap/inboxes
- bootstrap/inboxes-fill
- bootstrap/info
- bootstrap/info-fill
- bootstrap/info-square
- bootstrap/info-square-fill
- bootstrap/justify
- bootstrap/justify-left
- bootstrap/justify-right
- bootstrap/kanban
- bootstrap/kanban-fill
- bootstrap/laptop
- bootstrap/layout-sidebar
- bootstrap/layout-sidebar-reverse
- bootstrap/layout-split
- bootstrap/list
- bootstrap/list-check
- bootstrap/list-ol
- bootstrap/list-task
- bootstrap/list-ul
- bootstrap/lock
- bootstrap/lock-fill
- bootstrap/map
- bootstrap/mic
- bootstrap/moon
- bootstrap/music-player
- bootstrap/music-player-fill
- bootstrap/option
- bootstrap/outlet
- bootstrap/pause
- bootstrap/pause-fill
- bootstrap/pen
- bootstrap/pencil
- bootstrap/people
- bootstrap/people-fill
- bootstrap/person
- bootstrap/person-fill
- bootstrap/phone
- bootstrap/phone-landscape
- bootstrap/pie-chart
- bootstrap/pie-chart-fill
- bootstrap/play
- bootstrap/play-fill
- bootstrap/plug
- bootstrap/plus
- bootstrap/power
- bootstrap/question
- bootstrap/question-fill
- bootstrap/question-square
- bootstrap/question-square-fill
- bootstrap/reply
- bootstrap/reply-all
- bootstrap/reply-all-fill
- bootstrap/reply-fill
- bootstrap/screwdriver
- bootstrap/search
- bootstrap/shield
- bootstrap/shield-fill
- bootstrap/shield-lock
- bootstrap/shield-lock-fill
- bootstrap/shield-shaded
- bootstrap/shift
- bootstrap/shift-fill
- bootstrap/skip-backward
- bootstrap/skip-backward-fill
- bootstrap/skip-end
- bootstrap/skip-end-fill
- bootstrap/skip-forward
- bootstrap/skip-forward-fill
- bootstrap/skip-start
- bootstrap/skip-start-fill
- bootstrap/speaker
- bootstrap/square
- bootstrap/square-fill
- bootstrap/square-half
- bootstrap/star
- bootstrap/star-fill
- bootstrap/star-half
- bootstrap/stop
- bootstrap/stop-fill
- bootstrap/stopwatch
- bootstrap/stopwatch-fill
- bootstrap/sun
- bootstrap/table
- bootstrap/tablet
- bootstrap/tablet-landscape
- bootstrap/tag
- bootstrap/tag-fill
- bootstrap/terminal
- bootstrap/terminal-fill
- bootstrap/text-center
- bootstrap/text-indent-left
- bootstrap/text-indent-right
- bootstrap/text-left
- bootstrap/text-right
- bootstrap/three-dots
- bootstrap/three-dots-vertical
- bootstrap/toggle-off
- bootstrap/toggle-on
- bootstrap/toggles
- bootstrap/tools
- bootstrap/trash
- bootstrap/trash-fill
- bootstrap/triangle
- bootstrap/triangle-fill
- bootstrap/triangle-half
- bootstrap/trophy
- bootstrap/tv
- bootstrap/tv-fill
- bootstrap/type
- bootstrap/type-bold
- bootstrap/type-h1
- bootstrap/type-h2
- bootstrap/type-h3
- bootstrap/type-italic
- bootstrap/type-strikethrough
- bootstrap/type-underline
- bootstrap/unlock
- bootstrap/unlock-fill
- bootstrap/upload
- bootstrap/volume-down
- bootstrap/volume-down-fill
- bootstrap/volume-mute
- bootstrap/volume-mute-fill
- bootstrap/volume-up
- bootstrap/volume-up-fill
- bootstrap/wallet
- bootstrap/watch
- bootstrap/wifi
- bootstrap/window
- bootstrap/wrench
- bootstrap/x
- bootstrap/x-circle
- bootstrap/x-circle-fill
- bootstrap/x-octagon
- bootstrap/x-octagon-fill
- bootstrap/x-square
- bootstrap/x-square-fill
tabler:
- activity
- ad
- adjustments
- alarm
- alert-circle
- alert-triangle
- align-center
- align-justified
- align-left
- align-right
- anchor
- aperture
- archive
- arrow-back
- arrow-back-up
- arrow-bar-down
- arrow-bar-left
- arrow-bar-right
- arrow-bar-up
- arrow-down
- arrow-down-circle
- arrow-down-left
- arrow-down-left-circle
- arrow-down-right
- arrow-down-right-circle
- arrow-forward
- arrow-forward-up
- arrow-left
- arrow-left-circle
- arrow-narrow-down
- arrow-narrow-left
- arrow-narrow-right
- arrow-narrow-up
- arrow-right
- arrow-right-circle
- arrow-up
- arrow-up-circle
- arrow-up-left
- arrow-up-left-circle
- arrow-up-right
- arrow-up-right-circle
- arrows-diagonal
- arrows-diagonal-2
- arrows-horizontal
- arrows-maximize
- arrows-minimize
- arrows-sort
- arrows-vertical
- artboard
- at
- atom
- award
- backspace
- ban
- bandage
- battery
- battery-1
- battery-2
- battery-3
- battery-4
- battery-charging
- bed
- bell
- bike
- bluetooth
- bold
- bolt
- book
- bookmark
- border-all
- border-bottom
- border-horizontal
- border-inner
- border-left
- border-none
- border-outer
- border-radius
- border-right
- border-top
- border-vertical
- box
- briefcase
- brightness
- brightness-down
- brightness-up
- bucket
- bug
- building
- building-arch
- building-bridge
- building-bridge-2
- building-church
- building-hospital
- building-store
- bulb
- bulb-off
- calculator
- calendar
- calendar-event
- camera
- caret-down
- caret-left
- caret-right
- caret-up
- cash
- cast
- chart-area
- chart-area-line
- chart-bar
- chart-candle
- chart-donut
- chart-line
- chart-pie
- check
- chevron-down
- chevron-left
- chevron-right
- chevron-up
- chevrons-down
- chevrons-left
- chevrons-right
- chevrons-up
- chrome
- circle
- circle-check
- circle-minus
- circle-plus
- circle-x
- clipboard
- clipboard-check
- clipboard-list
- clipboard-x
- clock
- cloud
- cloud-download
- cloud-rain
- cloud-snow
- cloud-storm
- cloud-upload
- code
- coin
- color-swatch
- columns
- command
- compass
- copy
- copyright
- corner-down-left
- corner-down-right
- corner-left-down
- corner-left-up
- corner-right-down
- corner-right-up
- corner-up-left
- corner-up-right
- credit-card
- crop
- currency-dollar
- currency-euro
- cut
- dashboard
- database
- device-desktop
- device-floppy
- device-gamepad
- device-laptop
- device-mobile
- device-mobile-vibration
- device-speaker
- device-tablet
- device-tv
- devices
- diamond
- dice
- directions
- disabled
- disc
- dots
- dots-circle-horizontal
- dots-diagonal
- dots-diagonal-2
- dots-vertical
- download
- drag-drop
- drag-drop-2
- droplet
- edit
- egg
- eraser
- exposure
- external-link
- eye
- face-id
- file
- file-check
- file-download
- file-invoice
- file-minus
- file-music
- file-plus
- file-shredder
- file-text
- file-x
- filter
- flag
- flip-horizontal
- flip-vertical
- floppy-disk
- focus
- folder
- folder-minus
- folder-plus
- folder-x
- folders
- frame
- friends
- gauge
- ghost
- gift
- git-branch
- git-commit
- git-compare
- git-fork
- git-merge
- git-pull-request
- glass
- glass-full
- globe
- grid
- grid-dots
- hash
- headphones
- headset
- heart
- help
- home
- home-2
- ice-cream
- id
- inbox
- indent-decrease
- indent-increase
- infinity
- info-circle
- info-square
- italic
- key
- layers-difference
- layers-intersect
- layers-subtract
- layers-union
- layout
- layout-2
- layout-align-bottom
- layout-align-center
- layout-align-left
- layout-align-middle
- layout-align-right
- layout-align-top
- layout-bottombar
- layout-columns
- layout-distribute-horizontal
- layout-distribute-vertical
- layout-navbar
- layout-rows
- layout-sidebar
- layout-sidebar-right
- lego
- lifebuoy
- line-height
- link
- list
- list-check
- live-photo
- location
- lock
- lock-open
- magnet
- mail
- mail-opened
- man
- map
- map-2
- map-pin
- maximize
- menu
- message
- message-2
- message-circle
- message-dots
- messages
- microphone
- minimize
- minus
- mood-confuzed
- mood-happy
- mood-neutral
- mood-sad
- mood-smile
- mood-tongue
- moon
- mouse
- movie
- mug
- music
- news
- note
- notebook
- notes
- notification
- omega
- package
- paint
- palette
- paperclip
- parking
- pencil
- phone
- phone-call
- phone-incoming
- phone-outgoing
- phone-pause
- photo
- pillow
- plane
- plane-arrival
- plane-departure
- plus
- point
- power
- presentation
- printer
- prompt
- puzzle
- qrcode
- record-mail
- recycle
- refresh
- registered
- repeat
- repeat-once
- rotate
- rotate-clockwise
- route
- router
- rss
- ruler
- scissors
- search
- selector
- send
- server
- settings
- shape
- share
- shield
- shield-check
- shield-x
- shopping-cart
- sitemap
- sort-ascending
- sort-descending
- square
- square-check
- square-minus
- square-plus
- square-x
- stack
- star
- sticker
- strikethrough
- subscript
- sum
- sun
- superscript
- switch
- switch-horizontal
- switch-vertical
- table
- tag
- target
- temperature
- temperature-celsius
- temperature-fahrenheit
- template
- test-pipe
- thumb-down
- thumb-up
- ticket
- toggle-left
- toggle-right
- tool
- trash
- trending-down
- trending-up
- triangle
- trophy
- underline
- unlink
- upload
- urgent
- user
- user-check
- user-minus
- user-plus
- user-x
- viewfinder
- virus
- volume
- volume-2
- volume-3
- wallet
- wifi
- wifi-0
- wifi-1
- wifi-2
- woman
- world
- x
- zoom-in
- zoom-out

View File

@@ -1,46 +1,44 @@
{
"global-libs": [
"bootstrap", "jquery"
],
"js": {
"bootstrap": "bootstrap/dist/js/bootstrap.bundle.min.js",
"jquery": "jquery/dist/jquery.slim.min.js",
"autosize": "autosize/dist/autosize.min.js",
"imask": "imask/dist/imask.min.js",
"selectize": "selectize/dist/js/standalone/selectize.min.js",
"apexcharts": "apexcharts/dist/apexcharts.min.js",
"jqvmap": [
"jqvmap/dist/jquery.vmap.min.js",
"jqvmap/dist/maps/jquery.vmap.world.js",
"jqvmap/dist/maps/jquery.vmap.usa.js",
"jqvmap/dist/maps/continents/jquery.vmap.europe.js"
],
"peity": "peity/jquery.peity.min.js",
"fullcalendar": [
"@fullcalendar/core/main.min.js",
"@fullcalendar/daygrid/main.min.js",
"@fullcalendar/interaction/main.min.js",
"@fullcalendar/timegrid/main.min.js",
"@fullcalendar/list/main.min.js"
],
"flatpickr": [
"flatpickr/dist/flatpickr.min.js",
"flatpickr/dist/plugins/rangePlugin.js"
],
"nouislider": "nouislider/distribute/nouislider.min.js",
"mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.js"
},
"css": {
"jqvmap": "jqvmap/dist/jqvmap.min.css",
"selectize": "selectize/dist/css/selectize.css",
"fullcalendar": [
"@fullcalendar/core/main.min.css",
"@fullcalendar/daygrid/main.min.css",
"@fullcalendar/timegrid/main.min.css",
"@fullcalendar/list/main.min.css"
],
"flatpickr": "flatpickr/dist/flatpickr.min.css",
"nouislider": "nouislider/distribute/nouislider.min.css",
"mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css"
}
"global-libs": [
"bootstrap"
],
"js": {
"bootstrap": "bootstrap/dist/js/bootstrap.bundle.min.js",
"jquery": "jquery/dist/jquery.slim.min.js",
"autosize": "autosize/dist/autosize.min.js",
"imask": "imask/dist/imask.min.js",
"selectize": "selectize/dist/js/standalone/selectize.min.js",
"apexcharts": "apexcharts/dist/apexcharts.min.js",
"jqvmap": "jqvmap/dist/jquery.vmap.min.js",
"jqvmap-world": "jqvmap/dist/maps/jquery.vmap.world.js",
"jqvmap-usa": "jqvmap/dist/maps/jquery.vmap.usa.js",
"jqvmap-europe": "jqvmap/dist/maps/continents/jquery.vmap.europe.js",
"peity": "peity/jquery.peity.min.js",
"fullcalendar": [
"@fullcalendar/core/main.min.js",
"@fullcalendar/daygrid/main.min.js",
"@fullcalendar/interaction/main.min.js",
"@fullcalendar/timegrid/main.min.js",
"@fullcalendar/list/main.min.js"
],
"flatpickr": [
"flatpickr/dist/flatpickr.min.js",
"flatpickr/dist/plugins/rangePlugin.js"
],
"nouislider": "nouislider/distribute/nouislider.min.js",
"mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.js"
},
"css": {
"jqvmap": "jqvmap/dist/jqvmap.min.css",
"selectize": "selectize/dist/css/selectize.css",
"fullcalendar": [
"@fullcalendar/core/main.min.css",
"@fullcalendar/daygrid/main.min.css",
"@fullcalendar/timegrid/main.min.css",
"@fullcalendar/list/main.min.css"
],
"flatpickr": "flatpickr/dist/flatpickr.min.css",
"nouislider": "nouislider/distribute/nouislider.min.css",
"mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css"
}
}

View File

@@ -24,6 +24,9 @@ base:
dropdowns:
url: dropdowns.html
title: Dropdowns
icons:
url: icons.html
title: Icons
modals:
url: modals.html
title: Modals
@@ -118,7 +121,7 @@ extra:
search-results:
title: Search results
url: search-results.html
pricing-cards:
pricing:
url: pricing.html
title: Pricing cards
users:

View File

@@ -3,6 +3,7 @@ title: Autosize
menu: docs.autosize
description: The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.
done: true
libs: autosize
---

View File

@@ -3,6 +3,7 @@ title: Buttons
description: Use button styles that best suit your designs and encourage users to take the desired actions. You can customize the button's properties to improve the user experience of your website or system, changing the size, shape, color and many more.
bootstrap-link: components/buttons/
done: true
libs: tabler-buttons
---
@@ -120,13 +121,13 @@ Add `.btn-lg` or `.btn-sm` to change the size of your button and differentiate t
{% capture code %}
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-secondary btn-lg">Large button</button>
<button type="button" class="btn btn-white btn-lg">Large button</button>
{% endcapture %}
{% include example.html code=code wrapper="btn-list" centered=true %}
{% capture code %}
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-secondary btn-sm">Small button</button>
<button type="button" class="btn btn-white btn-sm">Small button</button>
{% endcapture %}
{% include example.html code=code wrapper="btn-list" centered=true %}
@@ -134,7 +135,7 @@ You can also add the `.btn-block` class to create block level buttons which span
{% capture code %}
<button type="button" class="btn btn-primary btn-block">Block level button</button>
<button type="button" class="btn btn-secondary btn-block">Block level button</button>
<button type="button" class="btn btn-white btn-block">Block level button</button>
{% endcapture %}
{% include example.html code=code wrapper="btn-list" centered=true %}
@@ -211,7 +212,7 @@ Add the `.btn-icon` class to remove unnecessary padding from your button and use
{% include ui/button.html icon="star" color="warning" icon-only=true %}
{% include ui/button.html icon="trash" color="danger" icon-only=true %}
{% include ui/button.html icon="chart-bar" color="purple" icon-only=true %}
{% include ui/button.html icon="git-merge" color="secondary" icon-only=true %}
{% include ui/button.html icon="git-merge" color="white" icon-only=true %}
{% endcapture %}
{% include example.html code=code wrapper="btn-list" centered=true %}
@@ -222,21 +223,21 @@ Create a dropdown button that will encourage users to click for more options. Yo
{% capture code %}
<div class="dropdown">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
{% include ui/icon.html icon="calendar" %}
</button>
{% include ui/dropdown-menu.html %}
</div>
<div class="dropdown">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
{% include ui/icon.html icon="calendar" %}Show calendar
</button>
{% include ui/dropdown-menu.html %}
</div>
<div class="dropdown">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
Show calendar
</button>
{% include ui/dropdown-menu.html %}
@@ -271,7 +272,7 @@ Create a list of buttons using the `.btn-list` container to display different ac
{% capture code %}
<div class="btn-list">
<a href="#" class="btn btn-success">Save changes</a>
<a href="#" class="btn btn-secondary">Save and continue</a>
<a href="#" class="btn btn-white">Save and continue</a>
<a href="#" class="btn btn-danger">Cancel</a>
</div>
{% endcapture %}
@@ -281,25 +282,25 @@ If the list is long, it will be wrapped and some buttons will be moved to the ne
{% capture code %}
<div class="btn-list">
<a href="#" class="btn btn-secondary">One</a>
<a href="#" class="btn btn-secondary">Two</a>
<a href="#" class="btn btn-secondary">Three</a>
<a href="#" class="btn btn-secondary">Four</a>
<a href="#" class="btn btn-secondary">Five</a>
<a href="#" class="btn btn-secondary">Six</a>
<a href="#" class="btn btn-secondary">Seven</a>
<a href="#" class="btn btn-secondary">Eight</a>
<a href="#" class="btn btn-secondary">Nine</a>
<a href="#" class="btn btn-secondary">Ten</a>
<a href="#" class="btn btn-secondary">Eleven</a>
<a href="#" class="btn btn-secondary">Twelve</a>
<a href="#" class="btn btn-secondary">Thirteen</a>
<a href="#" class="btn btn-secondary">Fourteen</a>
<a href="#" class="btn btn-secondary">Fifteen</a>
<a href="#" class="btn btn-secondary">Sixteen</a>
<a href="#" class="btn btn-secondary">Seventeen</a>
<a href="#" class="btn btn-secondary">Eighteen</a>
<a href="#" class="btn btn-secondary">Nineteen</a>
<a href="#" class="btn btn-white">One</a>
<a href="#" class="btn btn-white">Two</a>
<a href="#" class="btn btn-white">Three</a>
<a href="#" class="btn btn-white">Four</a>
<a href="#" class="btn btn-white">Five</a>
<a href="#" class="btn btn-white">Six</a>
<a href="#" class="btn btn-white">Seven</a>
<a href="#" class="btn btn-white">Eight</a>
<a href="#" class="btn btn-white">Nine</a>
<a href="#" class="btn btn-white">Ten</a>
<a href="#" class="btn btn-white">Eleven</a>
<a href="#" class="btn btn-white">Twelve</a>
<a href="#" class="btn btn-white">Thirteen</a>
<a href="#" class="btn btn-white">Fourteen</a>
<a href="#" class="btn btn-white">Fifteen</a>
<a href="#" class="btn btn-white">Sixteen</a>
<a href="#" class="btn btn-white">Seventeen</a>
<a href="#" class="btn btn-white">Eighteen</a>
<a href="#" class="btn btn-white">Nineteen</a>
</div>
{% endcapture %}
{% include example.html code=code %}
@@ -308,7 +309,7 @@ Use the `.text-center` or the `.text-right` modifiers to change the buttons' ali
{% capture code %}
<div class="btn-list justify-content-center">
<a href="#" class="btn btn-secondary">Save and continue</a>
<a href="#" class="btn btn-white">Save and continue</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
{% endcapture %}
@@ -316,7 +317,7 @@ Use the `.text-center` or the `.text-right` modifiers to change the buttons' ali
{% capture code %}
<div class="btn-list justify-content-end">
<a href="#" class="btn btn-secondary">Save and continue</a>
<a href="#" class="btn btn-white">Save and continue</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
{% endcapture %}
@@ -325,7 +326,7 @@ Use the `.text-center` or the `.text-right` modifiers to change the buttons' ali
{% capture code %}
<div class="btn-list">
<a href="#" class="btn btn-outline-danger mr-auto">Delete</a>
<a href="#" class="btn btn-secondary">Save and continue</a>
<a href="#" class="btn btn-white">Save and continue</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
{% endcapture %}
@@ -337,13 +338,13 @@ Use the `.text-center` or the `.text-right` modifiers to change the buttons' ali
Use buttons with avatars to simplify the process of interaction and make your design more personalized. Buttons can contain avatars and labels or only avatars, if displayed on a smaller space.
{% capture code %}
<a href="#" class="btn btn-secondary">
<a href="#" class="btn btn-white">
{% include ui/avatar.html person-id="4" %} Avatar
</a>
<a href="#" class="btn btn-secondary">
<a href="#" class="btn btn-white">
{% include ui/avatar.html person-id="5" %} Avatar
</a>
<a href="#" class="btn btn-secondary">
<a href="#" class="btn btn-white">
{% include ui/avatar.html person-id="6" %} Avatar
</a>
{% endcapture %}

View File

@@ -115,7 +115,7 @@ Make your dropdown suit the dark mode of your website or software.
Use a dropdown with card content to make it easy for users to get more information on a given subject and avoid ovewhelming them with too much content at once.
{% capture code %}
{% include ui/button.html color="secondary" text="Button" %}
{% include ui/button.html color="white" text="Button" %}
<div class="dropdown{% hide %} show{% endhide %}">
<a href="#" class="btn btn-primary dropdown-toggle">Dropdown</a>
<div class="dropdown-menu dropdown-menu-card{% hide %} show position-static{% endhide %}" style="max-width: 20rem;">

View File

@@ -4,6 +4,7 @@ menu: docs.flags
description: Thanks to the Tabler flags plug-in, you can create flags to visually represent countries or languages. Flags are often used in forms, as an element of a delivery address, phone number dialling code and many more.
plugin: flags
done: true
libs: tabler-flags
---
@@ -34,7 +35,7 @@ Using Bootstraps typical naming structure, you can create a standard flag, or
## Types
To use the flag of a particular country, add the `flag-(country name)` class. For example, to create a flag of Andorra should use the following class: `.flag-ad`.
To use the flag of a particular country, add the `flag-country-(country name)` class. For example, to create a flag of Andorra should use the following class: `.flag-country-ad`.
<table>
{% for flag in site.data.flags %}

View File

@@ -2,6 +2,7 @@
title: Form elements
description: Forms are one of the most important types of interaction with a website or app. Since their aim is to enable users to make a purchase, subscribe to a service or sign up to create an account, it's important to make sure they are easy to complete and help increase conversion rates. Use the available elements to create forms which are well-structured and user-friendly.
bootstrap-link: components/forms/
libs: nouislider
---

View File

@@ -70,6 +70,6 @@ Use buttons with spinners to notify users that an action they have taken by clic
{% include ui/button.html spinner=true text="Button" color="danger" %}
{% include ui/button.html spinner=true text="Button" color="warning" %}
{% include ui/button.html spinner=true color="success" %}
{% include ui/button.html spinner=true color="secondary" %}
{% include ui/button.html spinner=true color="white" %}
{% endcapture %}
{% include example.html code=code %}

View File

@@ -11,16 +11,16 @@ bootstrap-link: components/tooltips/
Use the default markup to create tooltips that will help users understand particular elements of your interface. You can decide where the text label is to be displayed - at the top, bottom or on either side of the element.
{% capture code %}
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
<button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
Tooltip on top
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
<button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
Tooltip on right
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
<button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
Tooltip on bottom
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
<button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
Tooltip on left
</button>
{% endcapture %}
@@ -32,7 +32,7 @@ Use the default markup to create tooltips that will help users understand partic
If the default tooltip is not enough, you can add the option to use HTML code in the text to highlight particular bits of information and make the content more attractive.
{% capture code %}
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
<button type="button" class="btn btn-white" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
Tooltip with HTML
</button>
{% endcapture %}

View File

@@ -1,18 +1,18 @@
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Active users</div>
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">2,986</div>
<div class="mr-auto">
{% include ui/trending.html value=4 %}
</div>
</div>
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Active users</div>
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">2,986</div>
<div class="mr-auto">
{% include ui/trending.html value=4 %}
</div>
</div>
{% include ui/chart.html chart-id="active-users" size="sm" %}
</div>
{% include ui/chart.html chart-id="active-users" size="sm" %}
</div>
</div>

View File

@@ -1,18 +1,18 @@
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">New clients</div>
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">6,782</div>
<div class="mr-auto">
{% include ui/trending.html value=0 %}
</div>
</div>
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">New clients</div>
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">6,782</div>
<div class="mr-auto">
{% include ui/trending.html value=0 %}
</div>
</div>
{% include ui/chart.html chart-id="new-clients" size="sm" %}
</div>
{% include ui/chart.html chart-id="new-clients" size="sm" %}
</div>
</div>

View File

@@ -1,17 +1,17 @@
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Revenue</div>
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-0 mr-2">$4,300</div>
<div class="mr-auto">
{% include ui/trending.html value=8 %}
</div>
</div>
</div>
{% include ui/chart.html chart-id="revenue-bg" size="sm" %}
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Revenue</div>
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-0 mr-2">$4,300</div>
<div class="mr-auto">
{% include ui/trending.html value=8 %}
</div>
</div>
</div>
{% include ui/chart.html chart-id="revenue-bg" size="sm" %}
</div>

View File

@@ -1,16 +1,16 @@
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Sales</div>
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="h1 mb-3">75%</div>
<div class="d-flex mb-2">
<div>Conversion rate</div>
<div class="ml-auto">{% include ui/trending.html value=7 %}</div>
</div>
{% include ui/progress.html value=75 color="blue" size="sm" %}
</div>
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Sales</div>
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="h1 mb-3">75%</div>
<div class="d-flex mb-2">
<div>Conversion rate</div>
<div class="ml-auto">{% include ui/trending.html value=7 %}</div>
</div>
{% include ui/progress.html value=75 color="blue" size="sm" %}
</div>
</div>

View File

@@ -1,9 +1,9 @@
<div class="card">
<div class="card-body">
{% include ui/card-dropdown.html %}
<h3 class="card-title">Total sales</h3>
<div class="card-body">
{% include ui/card-dropdown.html %}
<h3 class="card-title">Total sales</h3>
{% include ui/chart.html chart-id="total-sales" height=15 %}
{% include ui/chart.html chart-id="campaigns" height=15 %}
</div>
{% include ui/chart.html chart-id="total-sales" height=15 %}
{% include ui/chart.html chart-id="campaigns" height=15 %}
</div>
</div>

View File

@@ -1,17 +1,72 @@
{% assign icons = site.data[include.group] %}
<div class="card">
<div class="card-body">
<div class="card-title">{{ include.title }}</div>
<div class="icons-list-wrap">
<ul class="icons-list">
{% for icon in site.data.icons[include.group] %}
<li class="icons-list-item">
{% include ui/icon.html icon=icon class="icon-md" %}
</li>
{% endfor %}
{% for icon in (0..20) %}
<li></li>
{% endfor %}
</ul>
</div>
</div>
<div class="card-header">
<div class="card-title">{{ include.title }}</div>
</div>
<div class="card-body">
<div class="row" data-icon-preview>
<div class="col-md-6 col-lg-4">
{% assign first-icon = icons | first %}
{% assign first-icon-name = first-icon[0] %}
{% assign first-icon-svg = first-icon[1] %}
<div class="demo-icon-preview">
<div data-icon-preview-icon>
{% include ui/icon.html svg-icon=first-icon-svg %}
</div>
<h2 class="mt-2" data-icon-preview-title>{{ first-icon-name }}</h2>
<pre class="highlight user-select-all" style="max-height: 10rem"><code data-icon-preview-code>{{ first-icon-svg | escape }}</code></pre>
</div>
</div>
<div class="col">
<div class="icons-list-wrap">
<ul class="icons-list">
{% for icon in icons %}
<li class="icons-list-item">
{% assign svg-icon = icon[1] %}
<a href="#" class="text-reset" data-toggle-icon="{{ icon[0] }}" data-toggle="tooltip" title="{{ icon[0] }}">
{% include ui/icon.html svg-icon=svg-icon class="icon-md" %}
</a>
</li>
{% endfor %}
{% for icon in (0..20) %}
<li></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
{% capture_once scripts %}
<script>
var getClosest = function (elem, selector) {
for ( ; elem && elem !== document; elem = elem.parentNode ) {
if ( elem.matches( selector ) ) return elem;
}
return null;
};
(function () {
const elements = document.querySelectorAll('[data-toggle-icon]');
if (elements.length) {
elements.forEach(function (element) {
element.addEventListener('click', function(e){
var icon = this.dataset.toggleIcon,
svg = this.innerHTML,
editor = getClosest(this, '[data-icon-preview]');
editor.querySelectorAll('[data-icon-preview-icon]')[0].innerHTML = svg;
editor.querySelectorAll('[data-icon-preview-title]')[0].innerText = icon;
editor.querySelectorAll('[data-icon-preview-code]')[0].innerText = svg.trim();
e.preventDefault();
return false;
})
});
}
})();
</script>
{% endcapture_once %}

View File

@@ -61,7 +61,7 @@
<td class="text-right">
<span class="dropdown ml-1">
<button class="btn btn-secondary btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
<button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
{% include ui/dropdown-menu.html right=true %}
</span>
</td>

View File

@@ -2,7 +2,7 @@
<div class="card-header">
<div class="input-group">
<input type="text" class="form-control" placeholder="Message">
{% include ui/button.html icon="camera" icon-only=true color="secondary" %}
{% include ui/button.html icon="camera" icon-only=true color="white" %}
</div>
</div>
<ul class="list-group card-list-group">

View File

@@ -31,8 +31,8 @@
<div class="card-body">
<div class="btn-list">
{% include ui/button.html color="secondary" block=true icon="brand/github" icon-color="github" text="Login with Github" %}
{% include ui/button.html color="secondary" block=true icon="brand/twitter" icon-color="twitter" text="Login with Twitter" %}
{% include ui/button.html color="white" block=true icon="brand/github" icon-color="github" text="Login with Github" %}
{% include ui/button.html color="white" block=true icon="brand/twitter" icon-color="twitter" text="Login with Twitter" %}
</div>
</div>
</form>

View File

@@ -18,7 +18,7 @@
</div>
</div>
<div class="col-auto">
<a href="#" class="btn btn-sm btn-secondary d-none d-md-inline-block">
<a href="#" class="btn btn-sm btn-white d-none d-md-inline-block">
Subscribe
</a>
</div>

View File

@@ -28,10 +28,10 @@
<label class="form-label">Input group</label>
<div class="input-group mb-2">
<input type="text" class="form-control" placeholder="Search for…">
<button class="btn btn-secondary" type="button">Go!</button>
<button class="btn btn-white" type="button">Go!</button>
</div>
<div class="input-group">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
{% include ui/dropdown-menu.html %}
@@ -42,8 +42,8 @@
<label class="form-label">Input group buttons</label>
<div class="input-group">
<input type="text" class="form-control">
<button type="button" class="btn btn-secondary">Action</button>
<button data-toggle="dropdown" type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split"></button>
<button type="button" class="btn btn-white">Action</button>
<button data-toggle="dropdown" type="button" class="btn btn-white dropdown-toggle dropdown-toggle-split"></button>
{% include ui/dropdown-menu.html right=true %}
</div>
</div>

View File

@@ -7,21 +7,21 @@
<div class="mb-3">
<label class="form-label">Buttons group</label>
<div class="btn-group w-100">
<button type="button" class="btn btn-secondary">1 min</button>
<button type="button" class="btn btn-secondary active">5 min</button>
<button type="button" class="btn btn-secondary">10 min</button>
<button type="button" class="btn btn-secondary">30 min</button>
<button type="button" class="btn btn-white">1 min</button>
<button type="button" class="btn btn-white active">5 min</button>
<button type="button" class="btn btn-white">10 min</button>
<button type="button" class="btn btn-white">30 min</button>
</div>
</div>
<div class="mb-3">
<label class="form-label">Buttons group with dropdown</label>
<div class="btn-group w-100">
<button type="button" class="btn btn-secondary">Option 1</button>
<button type="button" class="btn btn-secondary">Option 2</button>
<button type="button" class="btn btn-secondary active">Option 3</button>
<button type="button" class="btn btn-white">Option 1</button>
<button type="button" class="btn btn-white">Option 2</button>
<button type="button" class="btn btn-white active">Option 3</button>
<div class="btn-group" role="group">
<button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<button id="btnGroupDrop1" type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Other
</button>
<div class="dropdown-menu dropdown-menu-right">
@@ -44,7 +44,7 @@
<div class="btn-group w-100">
{% assign icons = "bold,italic,underline,copy,scissors,file-plus,file-minus" | split: ',' %}
{% for icon in icons %}
{% include ui/button.html color="secondary" icon=icon icon-only=true %}
{% include ui/button.html color="white" icon=icon icon-only=true %}
{% endfor %}
</div>
</div>

View File

@@ -21,8 +21,8 @@
<div class="mb-3">
<label class="form-label">Form buttons</label>
<div class="btn-list">
{% include ui/button.html color="secondary" block=true icon="brand/github" icon-color="github" text="Login with Github" %}
{% include ui/button.html color="secondary" block=true icon="brand/twitter" icon-color="twitter" text="Login with Twitter" %}
{% include ui/button.html color="white" block=true icon="brand/github" icon-color="github" text="Login with Github" %}
{% include ui/button.html color="white" block=true icon="brand/twitter" icon-color="twitter" text="Login with Twitter" %}
</div>
</div>

View File

@@ -1,18 +1,23 @@
{% if site.data.libs.css %}
<!-- Libs CSS -->
{% for lib in site.data.libs.css %}
{% for file in lib[1] %}
<link href="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}{% endif %}" rel="stylesheet"/>
{% endfor %}
{% endfor %}
<!-- CSS files -->
{% if page.libs %}
{% for lib in site.data.libs.css %}
{% if page.libs contains lib[0] %}
{% for file in lib[1] %}
<link href="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}{% endif %}" rel="stylesheet"/>
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
<!-- Tabler Core -->
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
<!-- Tabler Plugins -->
{% for plugin in site.tabler-plugins %}
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/{{ plugin }}{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
{% endfor %}
{% if page.libs %}
{% for plugin in site.tabler-plugins %}
{% if page.libs contains plugin %}
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/{{ plugin }}{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
{% endif %}
{% endfor %}
{% endif %}
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/demo{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>

View File

@@ -1,9 +0,0 @@
{% removeemptylines %}
{% for script in site.captured_global.scripts %}
{{ script }}
{% endfor %}
{% for script in site.captured_once.scripts %}
{{ script }}
{% endfor %}
{% endremoveemptylines %}

View File

@@ -1,12 +1,23 @@
<!-- Libs JS -->
{% for lib in site.data.libs.js %}
{% if site.captured_libs contains lib[0] or site.data.libs.global-libs contains lib[0] or page.libs contains lib[0] %}
{% for file in lib[1] %}
<script src="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}{% endif %}"></script>
{% endfor %}
{% endif %}
{% if page.libs contains lib[0] or site.data.libs.global-libs contains lib[0] %}
{% for file in lib[1] %}
<script src="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}{% endif %}"></script>
{% endfor %}
{% endif %}
{% endfor %}
<!-- Tabler Core -->
<script src="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/js/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.js{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}"></script>
{% removeemptylines %}
{% for script in site.captured_global.scripts %}
{{ script }}
{% endfor %}
{% for script in site.captured_once.scripts %}
{{ script }}
{% endfor %}
{% endremoveemptylines %}

View File

@@ -36,10 +36,12 @@
{% unless condensed %}
<div class="navbar-expand-{{ breakpoint }}">
<div class="navbar collapse navbar-collapse {% if include.dark-secondary %}navbar-dark{% else %}navbar-light{% endif %}" id="navbar-menu">
<div class="container{% if page.layout-fluid %}-fluid{% else %}-xl{% endif %}">
{% include layout/navbar-menu.html sample=include.sample hide-icons=include.hide-icons long-titles=true %}
{% include layout/navbar-search.html breakpoint=breakpoint dark=include.dark-secondary class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last" %}
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar {% if include.dark-secondary %}navbar-dark{% else %}navbar-light{% endif %}">
<div class="container{% if page.layout-fluid %}-fluid{% else %}-xl{% endif %}">
{% include layout/navbar-menu.html sample=include.sample hide-icons=include.hide-icons long-titles=true %}
{% include layout/navbar-search.html breakpoint=breakpoint dark=include.dark-secondary class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last" %}
</div>
</div>
</div>
</div>

View File

@@ -24,7 +24,7 @@
</div>
{% elsif actions == 'buttons' %}
<span class="d-none d-sm-inline">
{% include ui/button.html text="New view" color="secondary" %}
{% include ui/button.html text="New view" color="white" %}
</span>
{% include ui/button.html icon="plus" text="Create new report" color="primary" class="ml-3 d-none d-sm-inline-block" modal-id="report" %}
{% include ui/button.html icon="plus" icon-only=true color="primary" class="ml-3 d-sm-none" text="Create new report" modal-id="report" %}

View File

@@ -1,8 +1,8 @@
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ include.value | default: 'Last 7 days' }}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item active" href="#">Last 7 days</a>
<a class="dropdown-item" href="#">Last 30 days</a>
<a class="dropdown-item" href="#">Last 3 months</a>

View File

@@ -5,7 +5,7 @@
<input type="text" class="form-control" placeholder="Search for…">
</div>
<div class="col-auto">
{% include ui/button.html icon="search" icon-only=true color="secondary" %}
{% include ui/button.html icon="search" icon-only=true color="white" %}
</div>
</div>
</div>

View File

@@ -8,8 +8,8 @@
<div class="form-hint">Light or dark presentation.</div>
<div class="btn-group w-100">
<button class="btn btn-secondary" data-theme-toggle="theme:light">{% include ui/icon.html icon="sun" %} Light</button>
<button class="btn btn-secondary" data-theme-toggle="theme:dark">{% include ui/icon.html icon="moon" %} Dark</button>
<button class="btn btn-white" data-theme-toggle="theme:light">{% include ui/icon.html icon="sun" %} Light</button>
<button class="btn btn-white" data-theme-toggle="theme:dark">{% include ui/icon.html icon="moon" %} Dark</button>
</div>
</div>
@@ -22,9 +22,9 @@
<div class="form-hint">Choose where the main navigation in your project should be located.</div>
<div class="btn-group w-100">
<button class="btn btn-secondary" data-theme-toggle="navbar-position:horizontal">Topnav</button>
<button class="btn btn-secondary" data-theme-toggle="navbar-position:vertical">Sidenav</button>
<button class="btn btn-secondary" data-theme-toggle="navbar-position:both">Both</button>
<button class="btn btn-white" data-theme-toggle="navbar-position:horizontal">Topnav</button>
<button class="btn btn-white" data-theme-toggle="navbar-position:vertical">Sidenav</button>
<button class="btn btn-white" data-theme-toggle="navbar-position:both">Both</button>
</div>
</div>
@@ -33,8 +33,8 @@
<div class="form-hint">Standard sidebar width or narrow version with icons only.</div>
<div class="btn-group w-100">
<button class="btn btn-secondary" data-theme-toggle="navbar-size:wide">Wide</button>
<button class="btn btn-secondary" data-theme-toggle="navbar-size:narrow">Narrow</button>
<button class="btn btn-white" data-theme-toggle="navbar-size:wide">Wide</button>
<button class="btn btn-white" data-theme-toggle="navbar-size:narrow">Narrow</button>
</div>
</div>
@@ -43,8 +43,8 @@
<div class="form-hint">Choose whether the sidebar should appear on the left or on the right.</div>
<div class="btn-group w-100">
<button class="btn btn-secondary" data-theme-toggle="navbar-side:left">Left</button>
<button class="btn btn-secondary" data-theme-toggle="navbar-side:right">Right</button>
<button class="btn btn-white" data-theme-toggle="navbar-side:left">Left</button>
<button class="btn btn-white" data-theme-toggle="navbar-side:right">Right</button>
</div>
</div>
@@ -53,8 +53,8 @@
<div class="form-hint">Light or dark version of the sidebar </div>
<div class="btn-group w-100">
<button class="btn btn-secondary" data-theme-toggle="navbar-color:light">Light</button>
<button class="btn btn-secondary" data-theme-toggle="navbar-color:dark">Dark</button>
<button class="btn btn-white" data-theme-toggle="navbar-color:light">Light</button>
<button class="btn btn-white" data-theme-toggle="navbar-color:dark">Dark</button>
</div>
</div>
</div>

View File

@@ -9,5 +9,5 @@
<div class="modal-footer">
{% include ui/button.html color="primary" dismiss=true text="View invoice" block=true %}
{% include ui/button.html color="secondary" dismiss=true text="Go to dashboard" block=true %}
{% include ui/button.html color="white" dismiss=true text="Go to dashboard" block=true %}
</div>

View File

@@ -14,15 +14,15 @@
<div class="col-lg-6">
<label class="form-selectgroup-item">
<input type="radio" name="report-type" value="1" class="form-selectgroup-input"{% if forloop.index == 1 %} checked{% endif %}>
<div class="form-selectgroup-label d-flex align-items-center p-3">
<div class="mr-3">
<span class="form-selectgroup-label d-flex align-items-center p-3">
<span class="mr-3">
<span class="form-selectgroup-check"></span>
</div>
<div class="form-selectgroup-label-content">
<div class="form-selectgroup-title strong mb-1">{{ r[0] }}</div>
<div class="text-muted">{{ r[1] }}</div>
</div>
</div>
</span>
<span class="form-selectgroup-label-content">
<span class="form-selectgroup-title strong mb-1">{{ r[0] }}</span>
<span class="d-block text-muted">{{ r[1] }}</span>
</span>
</span>
</label>
</div>
{% endfor %}

View File

@@ -19,6 +19,6 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary mr-auto" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-white mr-auto" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Add Team</button>
</div>

View File

@@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-activity" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<polyline points="21 12 17 12 14 20 10 4 7 12 3 12" />
</svg>

Before

Width:  |  Height:  |  Size: 336 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-ad" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<rect x="3" y="5" width="18" height="14" rx="2" />
<path d="M7 15v-4a2 2 0 0 1 4 0v4" />
<line x1="7" y1="13" x2="11" y2="13" />
<path d="M17 9v6h-1.5a1.5 1.5 0 1 1 1.5 -1.5" />
</svg>

Before

Width:  |  Height:  |  Size: 459 B

View File

@@ -1,14 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-adjustments" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="6" cy="10" r="2" />
<line x1="6" y1="4" x2="6" y2="8" />
<line x1="6" y1="12" x2="6" y2="20" />
<circle cx="12" cy="16" r="2" />
<line x1="12" y1="4" x2="12" y2="14" />
<line x1="12" y1="18" x2="12" y2="20" />
<circle cx="18" cy="7" r="2" />
<line x1="18" y1="4" x2="18" y2="5" />
<line x1="18" y1="9" x2="18" y2="20" />
</svg>

Before

Width:  |  Height:  |  Size: 633 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alarm" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="13" r="7" />
<polyline points="12 10 12 13 14 13" />
<line x1="7" y1="4" x2="4.25" y2="6" />
<line x1="17" y1="4" x2="19.75" y2="6" />
</svg>

Before

Width:  |  Height:  |  Size: 439 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="12" y1="8" x2="12" y2="12" />
<line x1="12" y1="16" x2="12.01" y2="16" />
</svg>

Before

Width:  |  Height:  |  Size: 406 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-triangle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M12 9v2m0 4v.01" />
<path d="M5.07 19H19a2 2 0 0 0 1.75 -2.75L13.75 4a2 2 0 0 0 -3.5 0L3.25 16.25a2 2 0 0 0 1.75 2.75" />
</svg>

Before

Width:  |  Height:  |  Size: 420 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-align-center" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="4" y1="6" x2="20" y2="6" />
<line x1="8" y1="12" x2="16" y2="12" />
<line x1="6" y1="18" x2="18" y2="18" />
</svg>

Before

Width:  |  Height:  |  Size: 407 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-align-justified" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="4" y1="6" x2="20" y2="6" />
<line x1="4" y1="12" x2="20" y2="12" />
<line x1="4" y1="18" x2="20" y2="18" />
</svg>

Before

Width:  |  Height:  |  Size: 410 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-align-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="4" y1="6" x2="20" y2="6" />
<line x1="4" y1="12" x2="14" y2="12" />
<line x1="4" y1="18" x2="18" y2="18" />
</svg>

Before

Width:  |  Height:  |  Size: 405 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-align-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="4" y1="6" x2="20" y2="6" />
<line x1="10" y1="12" x2="20" y2="12" />
<line x1="6" y1="18" x2="20" y2="18" />
</svg>

Before

Width:  |  Height:  |  Size: 407 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-anchor" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M12 9v12m-8 -8a8 8 0 0 0 16 0m1 0h-2m-14 0h-2" />
<circle cx="12" cy="6" r="3" />
</svg>

Before

Width:  |  Height:  |  Size: 372 B

View File

@@ -1,11 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-aperture" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="3.6" y1="15" x2="14.15" y2="15" />
<line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)" />
<line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)" />
<line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)" />
<line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)" />
</svg>

Before

Width:  |  Height:  |  Size: 668 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-archive" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<rect x="3" y="4" width="18" height="4" rx="2" />
<path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" />
<line x1="10" y1="12" x2="14" y2="12" />
</svg>

Before

Width:  |  Height:  |  Size: 432 B

View File

@@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-back-up" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1" />
</svg>

Before

Width:  |  Height:  |  Size: 341 B

View File

@@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-back" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" />
</svg>

Before

Width:  |  Height:  |  Size: 338 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-bar-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="12" y1="20" x2="12" y2="10" />
<line x1="12" y1="20" x2="16" y2="16" />
<line x1="12" y1="20" x2="8" y2="16" />
<line x1="4" y1="4" x2="20" y2="4" />
</svg>

Before

Width:  |  Height:  |  Size: 453 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-bar-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="4" y1="12" x2="14" y2="12" />
<line x1="4" y1="12" x2="8" y2="16" />
<line x1="4" y1="12" x2="8" y2="8" />
<line x1="20" y1="4" x2="20" y2="20" />
</svg>

Before

Width:  |  Height:  |  Size: 450 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-bar-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="20" y1="12" x2="10" y2="12" />
<line x1="20" y1="12" x2="16" y2="16" />
<line x1="20" y1="12" x2="16" y2="8" />
<line x1="4" y1="4" x2="4" y2="20" />
</svg>

Before

Width:  |  Height:  |  Size: 454 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-bar-up" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="12" y1="4" x2="12" y2="14" />
<line x1="12" y1="4" x2="16" y2="8" />
<line x1="12" y1="4" x2="8" y2="8" />
<line x1="4" y1="20" x2="20" y2="20" />
</svg>

Before

Width:  |  Height:  |  Size: 448 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-down-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="8" y1="12" x2="12" y2="16" />
<line x1="12" y1="8" x2="12" y2="16" />
<line x1="16" y1="12" x2="12" y2="16" />
</svg>

Before

Width:  |  Height:  |  Size: 450 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-down-left-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="15" y1="9" x2="9" y2="15" />
<polyline points="15 15 9 15 9 9" />
</svg>

Before

Width:  |  Height:  |  Size: 408 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-down-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="17" y1="7" x2="7" y2="17" />
<polyline points="16 17 7 17 7 8" />
</svg>

Before

Width:  |  Height:  |  Size: 366 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-down-right-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="15" y1="15" x2="9" y2="15" />
<polyline points="15 9 15 15 9 9" />
</svg>

Before

Width:  |  Height:  |  Size: 410 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-down-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="7" y1="7" x2="17" y2="17" />
<polyline points="17 8 17 17 8 17" />
</svg>

Before

Width:  |  Height:  |  Size: 368 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="12" y1="5" x2="12" y2="19" />
<line x1="18" y1="13" x2="12" y2="19" />
<line x1="6" y1="13" x2="12" y2="19" />
</svg>

Before

Width:  |  Height:  |  Size: 408 B

View File

@@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-forward-up" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M15 13l4 -4l-4 -4m4 4h-11a4 4 0 0 0 0 8h1" />
</svg>

Before

Width:  |  Height:  |  Size: 344 B

View File

@@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-forward" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M15 11l4 4l-4 4m4 -4h-11a4 4 0 0 1 0 -8h1" />
</svg>

Before

Width:  |  Height:  |  Size: 341 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-left-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="8" y1="12" x2="16" y2="12" />
<line x1="8" y1="12" x2="12" y2="16" />
<line x1="8" y1="12" x2="12" y2="8" />
</svg>

Before

Width:  |  Height:  |  Size: 448 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="5" y1="12" x2="19" y2="12" />
<line x1="5" y1="12" x2="11" y2="18" />
<line x1="5" y1="12" x2="11" y2="6" />
</svg>

Before

Width:  |  Height:  |  Size: 406 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="12" y1="5" x2="12" y2="19" />
<line x1="16" y1="15" x2="12" y2="19" />
<line x1="8" y1="15" x2="12" y2="19" />
</svg>

Before

Width:  |  Height:  |  Size: 415 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="5" y1="12" x2="19" y2="12" />
<line x1="5" y1="12" x2="9" y2="16" />
<line x1="5" y1="12" x2="9" y2="8" />
</svg>

Before

Width:  |  Height:  |  Size: 411 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="5" y1="12" x2="19" y2="12" />
<line x1="15" y1="16" x2="19" y2="12" />
<line x1="15" y1="8" x2="19" y2="12" />
</svg>

Before

Width:  |  Height:  |  Size: 416 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-up" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="12" y1="5" x2="12" y2="19" />
<line x1="16" y1="9" x2="12" y2="5" />
<line x1="8" y1="9" x2="12" y2="5" />
</svg>

Before

Width:  |  Height:  |  Size: 409 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-right-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="16" y1="12" x2="8" y2="12" />
<line x1="16" y1="12" x2="12" y2="16" />
<line x1="16" y1="12" x2="12" y2="8" />
</svg>

Before

Width:  |  Height:  |  Size: 451 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="5" y1="12" x2="19" y2="12" />
<line x1="13" y1="18" x2="19" y2="12" />
<line x1="13" y1="6" x2="19" y2="12" />
</svg>

Before

Width:  |  Height:  |  Size: 409 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="12" y1="8" x2="8" y2="12" />
<line x1="12" y1="8" x2="12" y2="16" />
<line x1="16" y1="12" x2="12" y2="8" />
</svg>

Before

Width:  |  Height:  |  Size: 446 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up-left-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="9" y1="9" x2="15" y2="15" />
<polyline points="15 9 9 9 9 15" />
</svg>

Before

Width:  |  Height:  |  Size: 405 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="7" y1="7" x2="17" y2="17" />
<polyline points="16 7 7 7 7 16" />
</svg>

Before

Width:  |  Height:  |  Size: 363 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up-right-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="15" y1="9" x2="9" y2="15" />
<polyline points="15 15 15 9 9 9" />
</svg>

Before

Width:  |  Height:  |  Size: 407 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="17" y1="7" x2="7" y2="17" />
<polyline points="8 7 17 7 17 16" />
</svg>

Before

Width:  |  Height:  |  Size: 365 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="12" y1="5" x2="12" y2="19" />
<line x1="18" y1="11" x2="12" y2="5" />
<line x1="6" y1="11" x2="12" y2="5" />
</svg>

Before

Width:  |  Height:  |  Size: 404 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-diagonal-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<polyline points="16 20 20 20 20 16" />
<line x1="14" y1="14" x2="20" y2="20" />
<polyline points="8 4 4 4 4 8" />
<line x1="4" y1="4" x2="10" y2="10" />
</svg>

Before

Width:  |  Height:  |  Size: 450 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-diagonal" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<polyline points="16 4 20 4 20 8" />
<line x1="14" y1="10" x2="20" y2="4" />
<polyline points="8 20 4 20 4 16" />
<line x1="4" y1="20" x2="10" y2="14" />
</svg>

Before

Width:  |  Height:  |  Size: 448 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-horizontal" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<polyline points="7 8 3 12 7 16" />
<polyline points="17 8 21 12 17 16" />
<line x1="3" y1="12" x2="21" y2="12" />
</svg>

Before

Width:  |  Height:  |  Size: 409 B

View File

@@ -1,13 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-maximize" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<polyline points="16 4 20 4 20 8" />
<line x1="14" y1="10" x2="20" y2="4" />
<polyline points="8 20 4 20 4 16" />
<line x1="4" y1="20" x2="10" y2="14" />
<polyline points="16 20 20 20 20 16" />
<line x1="14" y1="14" x2="20" y2="20" />
<polyline points="8 4 4 4 4 8" />
<line x1="4" y1="4" x2="10" y2="10" />
</svg>

Before

Width:  |  Height:  |  Size: 610 B

View File

@@ -1,13 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-minimize" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<polyline points="5 9 9 9 9 5" />
<line x1="3" y1="3" x2="9" y2="9" />
<polyline points="5 15 9 15 9 19" />
<line x1="3" y1="21" x2="9" y2="15" />
<polyline points="19 9 15 9 15 5" />
<line x1="15" y1="9" x2="21" y2="3" />
<polyline points="19 15 15 15 15 19" />
<line x1="15" y1="15" x2="21" y2="21" />
</svg>

Before

Width:  |  Height:  |  Size: 606 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-sort" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M3 9l4-4l4 4m-4 -4v14" />
<path d="M21 15l-4 4l-4-4m4 4v-14" />
</svg>

Before

Width:  |  Height:  |  Size: 359 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-vertical" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<polyline points="8 7 12 3 16 7" />
<polyline points="8 17 12 21 16 17" />
<line x1="12" y1="3" x2="12" y2="21" />
</svg>

Before

Width:  |  Height:  |  Size: 407 B

View File

@@ -1,14 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-artboard" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<rect x="8" y="8" width="8" height="8" rx="1" />
<line x1="3" y1="8" x2="4" y2="8" />
<line x1="3" y1="16" x2="4" y2="16" />
<line x1="8" y1="3" x2="8" y2="4" />
<line x1="16" y1="3" x2="16" y2="4" />
<line x1="20" y1="8" x2="21" y2="8" />
<line x1="20" y1="16" x2="21" y2="16" />
<line x1="8" y1="20" x2="8" y2="21" />
<line x1="16" y1="20" x2="16" y2="21" />
</svg>

Before

Width:  |  Height:  |  Size: 658 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-at" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="4" />
<path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28" />
</svg>

Before

Width:  |  Height:  |  Size: 377 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-atom" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="12" y1="12" x2="12" y2="12.01" />
<path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(45 12 12)" />
<path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(-45 12 12)" />
</svg>

Before

Width:  |  Height:  |  Size: 558 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-award" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="9" r="6" />
<polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(-30 12 9)" />
<polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(30 12 9)" />
</svg>

Before

Width:  |  Height:  |  Size: 479 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-backspace" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-11l-5 -5a1.5 1.5 0 0 1 0 -2l5 -5Z" />
<path d="M12 10l4 4m0 -4l-4 4" />
</svg>

Before

Width:  |  Height:  |  Size: 404 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-ban" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="5.7" y1="5.7" x2="18.3" y2="18.3" />
</svg>

Before

Width:  |  Height:  |  Size: 358 B

View File

@@ -1,10 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bandage" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="14" y1="12" x2="14" y2="12.01" />
<line x1="10" y1="12" x2="10" y2="12.01" />
<line x1="12" y1="10" x2="12" y2="10.01" />
<line x1="12" y1="14" x2="12" y2="14.01" />
<path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" />
</svg>

Before

Width:  |  Height:  |  Size: 539 B

View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-battery-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" />
<line x1="7" y1="10" x2="7" y2="14" />
</svg>

Before

Width:  |  Height:  |  Size: 493 B

View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-battery-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" />
<line x1="7" y1="10" x2="7" y2="14" />
<line x1="10" y1="10" x2="10" y2="14" />
</svg>

Before

Width:  |  Height:  |  Size: 536 B

View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-battery-3" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" />
<line x1="7" y1="10" x2="7" y2="14" />
<line x1="10" y1="10" x2="10" y2="14" />
<line x1="13" y1="10" x2="13" y2="14" />
</svg>

Before

Width:  |  Height:  |  Size: 579 B

Some files were not shown because too many files have changed in this diff Show More