Merge pull request #130 from coreui/dev-vnext

v2.0.1
This commit is contained in:
xidedix
2018-10-04 18:27:19 +02:00
committed by GitHub
5 changed files with 265 additions and 247 deletions
+17 -1
View File
@@ -1,4 +1,20 @@
## [vue](./README.md) version `changelog` ## [CoreUI for Vue.js](./README.md) version `changelog`
##### `v2.0.1`
- refactor(Modals): add spacing
- refactor(BrandButtons): add spacing
- chore: update `@coreui/coreui` to `2.0.14`
- chore: update `@coreui/vue` to `2.0.2`
- chore: update `flag-icon-css` to `3.2.0`
- chore: update `@vue/cli-plugin-babel` to `3.0.4`
- chore: update `@vue/cli-plugin-e2e-nightwatch` to `3.0.4`
- chore: update `@vue/cli-plugin-eslint` to `3.0.4`
- chore: update `@vue/cli-plugin-unit-jest` to `3.0.4`
- chore: update `@vue/cli-service` to `3.0.4`
- chore: update `@vue/test-utils` to `1.0.0-beta.25`
- chore: update `babel-jest` to `23.6.0`
- chore: update `growl` to `1.10.5`
- chore: update `https-proxy-agent` to `2.2.1`
##### `v2.0.0` ##### `v2.0.0`
- chore: update `@coreui/vue` to `2.0.0` - chore: update `@coreui/vue` to `2.0.0`
+14 -12
View File
@@ -1,6 +1,6 @@
{ {
"name": "@coreui/coreui-free-vue-admin-template", "name": "@coreui/coreui-free-vue-admin-template",
"version": "2.0.0", "version": "2.0.1",
"description": "Open Source Bootstrap Admin Template", "description": "Open Source Bootstrap Admin Template",
"author": "Łukasz Holeczek", "author": "Łukasz Holeczek",
"homepage": "http://coreui.io", "homepage": "http://coreui.io",
@@ -14,16 +14,16 @@
"test:e2e": "vue-cli-service test:e2e" "test:e2e": "vue-cli-service test:e2e"
}, },
"dependencies": { "dependencies": {
"@coreui/coreui": "^2.0.4", "@coreui/coreui": "^2.0.14",
"@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0", "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
"@coreui/icons": "0.3.0", "@coreui/icons": "0.3.0",
"@coreui/vue": "^2.0.0", "@coreui/vue": "^2.0.2",
"bootstrap": "^4.1.3", "bootstrap": "^4.1.3",
"bootstrap-vue": "^2.0.0-rc.11", "bootstrap-vue": "^2.0.0-rc.11",
"chart.js": "^2.7.2", "chart.js": "^2.7.2",
"core-js": "^2.5.7", "core-js": "^2.5.7",
"css-vars-ponyfill": "^1.9.0", "css-vars-ponyfill": "^1.11.1",
"flag-icon-css": "^3.0.0", "flag-icon-css": "^3.2.0",
"font-awesome": "^4.7.0", "font-awesome": "^4.7.0",
"perfect-scrollbar": "^1.4.0", "perfect-scrollbar": "^1.4.0",
"simple-line-icons": "^2.4.1", "simple-line-icons": "^2.4.1",
@@ -33,14 +33,16 @@
"vue-router": "^3.0.1" "vue-router": "^3.0.1"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^3.0.1", "@vue/cli-plugin-babel": "^3.0.4",
"@vue/cli-plugin-e2e-nightwatch": "^3.0.1", "@vue/cli-plugin-e2e-nightwatch": "^3.0.4",
"@vue/cli-plugin-eslint": "^3.0.1", "@vue/cli-plugin-eslint": "^3.0.4",
"@vue/cli-plugin-unit-jest": "^3.0.1", "@vue/cli-plugin-unit-jest": "^3.0.4",
"@vue/cli-service": "^3.0.1", "@vue/cli-service": "^3.0.4",
"@vue/test-utils": "^1.0.0-beta.24", "@vue/test-utils": "^1.0.0-beta.25",
"babel-core": "^7.0.0-bridge.0", "babel-core": "^7.0.0-bridge.0",
"babel-jest": "^23.4.2", "babel-jest": "^23.6.0",
"growl": "^1.10.5",
"https-proxy-agent": "^2.2.1",
"node-sass": "^4.9.3", "node-sass": "^4.9.3",
"sass-loader": "^7.1.0", "sass-loader": "^7.1.0",
"vue-template-compiler": "^2.5.17" "vue-template-compiler": "^2.5.17"
+1 -1
View File
@@ -48,7 +48,7 @@
<body> <body>
<noscript> <noscript>
<strong>We're sorry but test doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
+225 -225
View File
@@ -10,87 +10,87 @@
<hr/> <hr/>
<h6>Size Small <small>Add <code>size="sm"</code></small></h6> <h6>Size Small <small>Add <code>size="sm"</code></small></h6>
<p> <p>
<b-button size="sm" class="btn-brand" variant="facebook"><i class="fa fa-facebook"></i><span>Facebook</span></b-button> <b-button size="sm" class="mr-1 btn-brand" variant="facebook"><i class="fa fa-facebook"></i><span>Facebook</span></b-button>
<b-button size="sm" class="btn-brand" variant="twitter"><i class="fa fa-twitter"></i><span>Twitter</span></b-button> <b-button size="sm" class="mr-1 btn-brand" variant="twitter"><i class="fa fa-twitter"></i><span>Twitter</span></b-button>
<b-button size="sm" variant="linkedin" class="btn-brand"><i class="fa fa-linkedin"></i><span>LinkedIn</span></b-button> <b-button size="sm" variant="linkedin" class="mr-1 btn-brand"><i class="fa fa-linkedin"></i><span>LinkedIn</span></b-button>
<b-button size="sm" variant="flickr" class="btn-brand"><i class="fa fa-flickr"></i><span>Flickr</span></b-button> <b-button size="sm" variant="flickr" class="mr-1 btn-brand"><i class="fa fa-flickr"></i><span>Flickr</span></b-button>
<b-button size="sm" variant="tumblr" class="btn-brand"><i class="fa fa-tumblr"></i><span>Tumblr</span></b-button> <b-button size="sm" variant="tumblr" class="mr-1 btn-brand"><i class="fa fa-tumblr"></i><span>Tumblr</span></b-button>
<b-button size="sm" variant="xing" class="btn-brand"><i class="fa fa-xing"></i><span>Xing</span></b-button> <b-button size="sm" variant="xing" class="mr-1 btn-brand"><i class="fa fa-xing"></i><span>Xing</span></b-button>
<b-button size="sm" variant="github" class="btn-brand"><i class="fa fa-github"></i><span>Github</span></b-button> <b-button size="sm" variant="github" class="mr-1 btn-brand"><i class="fa fa-github"></i><span>Github</span></b-button>
<b-button size="sm" variant="html5" class="btn-brand"><i class="fa fa-html5"></i><span>HTML5</span></b-button> <b-button size="sm" variant="html5" class="mr-1 btn-brand"><i class="fa fa-html5"></i><span>HTML5</span></b-button>
<b-button size="sm" variant="openid" class="btn-brand"><i class="fa fa-openid"></i><span>OpenID</span></b-button> <b-button size="sm" variant="openid" class="mr-1 btn-brand"><i class="fa fa-openid"></i><span>OpenID</span></b-button>
<b-button size="sm" variant="stack-overflow" class="btn-brand"><i class="fa fa-stack-overflow"></i><span>StackOverflow</span></b-button> <b-button size="sm" variant="stack-overflow" class="mr-1 btn-brand"><i class="fa fa-stack-overflow"></i><span>StackOverflow</span></b-button>
<b-button size="sm" variant="css3" class="btn-brand"><i class="fa fa-css3"></i><span>CSS3</span></b-button> <b-button size="sm" variant="css3" class="mr-1 btn-brand"><i class="fa fa-css3"></i><span>CSS3</span></b-button>
<b-button size="sm" variant="youtube" class="btn-brand"><i class="fa fa-youtube"></i><span>YouTube</span></b-button> <b-button size="sm" variant="youtube" class="mr-1 btn-brand"><i class="fa fa-youtube"></i><span>YouTube</span></b-button>
<b-button size="sm" variant="dribbble" class="btn-brand"><i class="fa fa-dribbble"></i><span>Dribbble</span></b-button> <b-button size="sm" variant="dribbble" class="mr-1 btn-brand"><i class="fa fa-dribbble"></i><span>Dribbble</span></b-button>
<b-button size="sm" variant="google-plus" class="btn-brand"><i class="fa fa-google-plus"></i><span>Google+</span></b-button> <b-button size="sm" variant="google-plus" class="mr-1 btn-brand"><i class="fa fa-google-plus"></i><span>Google+</span></b-button>
<b-button size="sm" variant="instagram" class="btn-brand"><i class="fa fa-instagram"></i><span>Instagram</span></b-button> <b-button size="sm" variant="instagram" class="mr-1 btn-brand"><i class="fa fa-instagram"></i><span>Instagram</span></b-button>
<b-button size="sm" variant="pinterest" class="btn-brand"><i class="fa fa-pinterest"></i><span>Pinterest</span></b-button> <b-button size="sm" variant="pinterest" class="mr-1 btn-brand"><i class="fa fa-pinterest"></i><span>Pinterest</span></b-button>
<b-button size="sm" variant="vk" class="btn-brand"><i class="fa fa-vk"></i><span>VK</span></b-button> <b-button size="sm" variant="vk" class="mr-1 btn-brand"><i class="fa fa-vk"></i><span>VK</span></b-button>
<b-button size="sm" variant="yahoo" class="btn-brand"><i class="fa fa-yahoo"></i><span>Yahoo</span></b-button> <b-button size="sm" variant="yahoo" class="mr-1 btn-brand"><i class="fa fa-yahoo"></i><span>Yahoo</span></b-button>
<b-button size="sm" variant="behance" class="btn-brand"><i class="fa fa-behance"></i><span>Behance</span></b-button> <b-button size="sm" variant="behance" class="mr-1 btn-brand"><i class="fa fa-behance"></i><span>Behance</span></b-button>
<b-button size="sm" variant="dropbox" class="btn-brand"><i class="fa fa-dropbox"></i><span>Dropbox</span></b-button> <b-button size="sm" variant="dropbox" class="mr-1 btn-brand"><i class="fa fa-dropbox"></i><span>Dropbox</span></b-button>
<b-button size="sm" variant="reddit" class="btn-brand"><i class="fa fa-reddit"></i><span>Reddit</span></b-button> <b-button size="sm" variant="reddit" class="mr-1 btn-brand"><i class="fa fa-reddit"></i><span>Reddit</span></b-button>
<b-button size="sm" variant="spotify" class="btn-brand"><i class="fa fa-spotify"></i><span>Spotify</span></b-button> <b-button size="sm" variant="spotify" class="mr-1 btn-brand"><i class="fa fa-spotify"></i><span>Spotify</span></b-button>
<b-button size="sm" variant="vine" class="btn-brand"><i class="fa fa-vine"></i><span>Vine</span></b-button> <b-button size="sm" variant="vine" class="mr-1 btn-brand"><i class="fa fa-vine"></i><span>Vine</span></b-button>
<b-button size="sm" variant="foursquare" class="btn-brand"><i class="fa fa-foursquare"></i><span>Forsquare</span></b-button> <b-button size="sm" variant="foursquare" class="mr-1 btn-brand"><i class="fa fa-foursquare"></i><span>Forsquare</span></b-button>
<b-button size="sm" variant="vimeo" class="btn-brand"><i class="fa fa-vimeo"></i><span>Vimeo</span></b-button> <b-button size="sm" variant="vimeo" class="mr-1 btn-brand"><i class="fa fa-vimeo"></i><span>Vimeo</span></b-button>
</p> </p>
<h6>Size Normal</h6> <h6>Size Normal</h6>
<p> <p>
<b-button variant="facebook" class="btn-brand"><i class="fa fa-facebook"></i><span>Facebook</span></b-button> <b-button variant="facebook" class="mr-1 btn-brand"><i class="fa fa-facebook"></i><span>Facebook</span></b-button>
<b-button variant="twitter" class="btn-brand"><i class="fa fa-twitter"></i><span>Twitter</span></b-button> <b-button variant="twitter" class="mr-1 btn-brand"><i class="fa fa-twitter"></i><span>Twitter</span></b-button>
<b-button variant="linkedin" class="btn-brand"><i class="fa fa-linkedin"></i><span>LinkedIn</span></b-button> <b-button variant="linkedin" class="mr-1 btn-brand"><i class="fa fa-linkedin"></i><span>LinkedIn</span></b-button>
<b-button variant="flickr" class="btn-brand"><i class="fa fa-flickr"></i><span>Flickr</span></b-button> <b-button variant="flickr" class="mr-1 btn-brand"><i class="fa fa-flickr"></i><span>Flickr</span></b-button>
<b-button variant="tumblr" class="btn-brand"><i class="fa fa-tumblr"></i><span>Tumblr</span></b-button> <b-button variant="tumblr" class="mr-1 btn-brand"><i class="fa fa-tumblr"></i><span>Tumblr</span></b-button>
<b-button variant="xing" class="btn-brand"><i class="fa fa-xing"></i><span>Xing</span></b-button> <b-button variant="xing" class="mr-1 btn-brand"><i class="fa fa-xing"></i><span>Xing</span></b-button>
<b-button variant="github" class="btn-brand"><i class="fa fa-github"></i><span>Github</span></b-button> <b-button variant="github" class="mr-1 btn-brand"><i class="fa fa-github"></i><span>Github</span></b-button>
<b-button variant="html5" class="btn-brand"><i class="fa fa-html5"></i><span>HTML5</span></b-button> <b-button variant="html5" class="mr-1 btn-brand"><i class="fa fa-html5"></i><span>HTML5</span></b-button>
<b-button variant="openid" class="btn-brand"><i class="fa fa-openid"></i><span>OpenID</span></b-button> <b-button variant="openid" class="mr-1 btn-brand"><i class="fa fa-openid"></i><span>OpenID</span></b-button>
<b-button variant="stack-overflow" class="btn-brand"><i class="fa fa-stack-overflow"></i><span>StackOverflow</span></b-button> <b-button variant="stack-overflow" class="mr-1 btn-brand"><i class="fa fa-stack-overflow"></i><span>StackOverflow</span></b-button>
<b-button variant="css3" class="btn-brand"><i class="fa fa-css3"></i><span>CSS3</span></b-button> <b-button variant="css3" class="mr-1 btn-brand"><i class="fa fa-css3"></i><span>CSS3</span></b-button>
<b-button variant="youtube" class="btn-brand"><i class="fa fa-youtube"></i><span>YouTube</span></b-button> <b-button variant="youtube" class="mr-1 btn-brand"><i class="fa fa-youtube"></i><span>YouTube</span></b-button>
<b-button variant="dribbble" class="btn-brand"><i class="fa fa-dribbble"></i><span>Dribbble</span></b-button> <b-button variant="dribbble" class="mr-1 btn-brand"><i class="fa fa-dribbble"></i><span>Dribbble</span></b-button>
<b-button variant="google-plus" class="btn-brand"><i class="fa fa-google-plus"></i><span>Google+</span></b-button> <b-button variant="google-plus" class="mr-1 btn-brand"><i class="fa fa-google-plus"></i><span>Google+</span></b-button>
<b-button variant="instagram" class="btn-brand"><i class="fa fa-instagram"></i><span>Instagram</span></b-button> <b-button variant="instagram" class="mr-1 btn-brand"><i class="fa fa-instagram"></i><span>Instagram</span></b-button>
<b-button variant="pinterest" class="btn-brand"><i class="fa fa-pinterest"></i><span>Pinterest</span></b-button> <b-button variant="pinterest" class="mr-1 btn-brand"><i class="fa fa-pinterest"></i><span>Pinterest</span></b-button>
<b-button variant="vk" class="btn-brand"><i class="fa fa-vk"></i><span>VK</span></b-button> <b-button variant="vk" class="mr-1 btn-brand"><i class="fa fa-vk"></i><span>VK</span></b-button>
<b-button variant="yahoo" class="btn-brand"><i class="fa fa-yahoo"></i><span>Yahoo</span></b-button> <b-button variant="yahoo" class="mr-1 btn-brand"><i class="fa fa-yahoo"></i><span>Yahoo</span></b-button>
<b-button variant="behance" class="btn-brand"><i class="fa fa-behance"></i><span>Behance</span></b-button> <b-button variant="behance" class="mr-1 btn-brand"><i class="fa fa-behance"></i><span>Behance</span></b-button>
<b-button variant="dropbox" class="btn-brand"><i class="fa fa-dropbox"></i><span>Dropbox</span></b-button> <b-button variant="dropbox" class="mr-1 btn-brand"><i class="fa fa-dropbox"></i><span>Dropbox</span></b-button>
<b-button variant="reddit" class="btn-brand"><i class="fa fa-reddit"></i><span>Reddit</span></b-button> <b-button variant="reddit" class="mr-1 btn-brand"><i class="fa fa-reddit"></i><span>Reddit</span></b-button>
<b-button variant="spotify" class="btn-brand"><i class="fa fa-spotify"></i><span>Spotify</span></b-button> <b-button variant="spotify" class="mr-1 btn-brand"><i class="fa fa-spotify"></i><span>Spotify</span></b-button>
<b-button variant="vine" class="btn-brand"><i class="fa fa-vine"></i><span>Vine</span></b-button> <b-button variant="vine" class="mr-1 btn-brand"><i class="fa fa-vine"></i><span>Vine</span></b-button>
<b-button variant="foursquare" class="btn-brand"><i class="fa fa-foursquare"></i><span>Forsquare</span></b-button> <b-button variant="foursquare" class="mr-1 btn-brand"><i class="fa fa-foursquare"></i><span>Forsquare</span></b-button>
<b-button variant="vimeo" class="btn-brand"><i class="fa fa-vimeo"></i><span>Vimeo</span></b-button> <b-button variant="vimeo" class="mr-1 btn-brand"><i class="fa fa-vimeo"></i><span>Vimeo</span></b-button>
</p> </p>
<h6>Size Large <small>Add <code>size="lg"</code></small></h6> <h6>Size Large <small>Add <code>size="lg"</code></small></h6>
<p> <p>
<b-button size="lg" variant="facebook" class="btn-brand"><i class="fa fa-facebook"></i><span>Facebook</span></b-button> <b-button size="lg" variant="facebook" class="mr-1 btn-brand"><i class="fa fa-facebook"></i><span>Facebook</span></b-button>
<b-button size="lg" variant="twitter" class="btn-brand"><i class="fa fa-twitter"></i><span>Twitter</span></b-button> <b-button size="lg" variant="twitter" class="mr-1 btn-brand"><i class="fa fa-twitter"></i><span>Twitter</span></b-button>
<b-button size="lg" variant="linkedin" class="btn-brand"><i class="fa fa-linkedin"></i><span>LinkedIn</span></b-button> <b-button size="lg" variant="linkedin" class="mr-1 btn-brand"><i class="fa fa-linkedin"></i><span>LinkedIn</span></b-button>
<b-button size="lg" variant="flickr" class="btn-brand"><i class="fa fa-flickr"></i><span>Flickr</span></b-button> <b-button size="lg" variant="flickr" class="mr-1 btn-brand"><i class="fa fa-flickr"></i><span>Flickr</span></b-button>
<b-button size="lg" variant="tumblr" class="btn-brand"><i class="fa fa-tumblr"></i><span>Tumblr</span></b-button> <b-button size="lg" variant="tumblr" class="mr-1 btn-brand"><i class="fa fa-tumblr"></i><span>Tumblr</span></b-button>
<b-button size="lg" variant="xing" class="btn-brand"><i class="fa fa-xing"></i><span>Xing</span></b-button> <b-button size="lg" variant="xing" class="mr-1 btn-brand"><i class="fa fa-xing"></i><span>Xing</span></b-button>
<b-button size="lg" variant="github" class="btn-brand"><i class="fa fa-github"></i><span>Github</span></b-button> <b-button size="lg" variant="github" class="mr-1 btn-brand"><i class="fa fa-github"></i><span>Github</span></b-button>
<b-button size="lg" variant="html5" class="btn-brand"><i class="fa fa-html5"></i><span>HTML5</span></b-button> <b-button size="lg" variant="html5" class="mr-1 btn-brand"><i class="fa fa-html5"></i><span>HTML5</span></b-button>
<b-button size="lg" variant="openid" class="btn-brand"><i class="fa fa-openid"></i><span>OpenID</span></b-button> <b-button size="lg" variant="openid" class="mr-1 btn-brand"><i class="fa fa-openid"></i><span>OpenID</span></b-button>
<b-button size="lg" variant="stack-overflow" class="btn-brand"><i class="fa fa-stack-overflow"></i><span>StackOverflow</span></b-button> <b-button size="lg" variant="stack-overflow" class="mr-1 btn-brand"><i class="fa fa-stack-overflow"></i><span>StackOverflow</span></b-button>
<b-button size="lg" variant="css3" class="btn-brand"><i class="fa fa-css3"></i><span>CSS3</span></b-button> <b-button size="lg" variant="css3" class="mr-1 btn-brand"><i class="fa fa-css3"></i><span>CSS3</span></b-button>
<b-button size="lg" variant="youtube" class="btn-brand"><i class="fa fa-youtube"></i><span>YouTube</span></b-button> <b-button size="lg" variant="youtube" class="mr-1 btn-brand"><i class="fa fa-youtube"></i><span>YouTube</span></b-button>
<b-button size="lg" variant="dribbble" class="btn-brand"><i class="fa fa-dribbble"></i><span>Dribbble</span></b-button> <b-button size="lg" variant="dribbble" class="mr-1 btn-brand"><i class="fa fa-dribbble"></i><span>Dribbble</span></b-button>
<b-button size="lg" variant="google-plus" class="btn-brand"><i class="fa fa-google-plus"></i><span>Google+</span></b-button> <b-button size="lg" variant="google-plus" class="mr-1 btn-brand"><i class="fa fa-google-plus"></i><span>Google+</span></b-button>
<b-button size="lg" variant="instagram" class="btn-brand"><i class="fa fa-instagram"></i><span>Instagram</span></b-button> <b-button size="lg" variant="instagram" class="mr-1 btn-brand"><i class="fa fa-instagram"></i><span>Instagram</span></b-button>
<b-button size="lg" variant="pinterest" class="btn-brand"><i class="fa fa-pinterest"></i><span>Pinterest</span></b-button> <b-button size="lg" variant="pinterest" class="mr-1 btn-brand"><i class="fa fa-pinterest"></i><span>Pinterest</span></b-button>
<b-button size="lg" variant="vk" class="btn-brand"><i class="fa fa-vk"></i><span>VK</span></b-button> <b-button size="lg" variant="vk" class="mr-1 btn-brand"><i class="fa fa-vk"></i><span>VK</span></b-button>
<b-button size="lg" variant="yahoo" class="btn-brand"><i class="fa fa-yahoo"></i><span>Yahoo</span></b-button> <b-button size="lg" variant="yahoo" class="mr-1 btn-brand"><i class="fa fa-yahoo"></i><span>Yahoo</span></b-button>
<b-button size="lg" variant="behance" class="btn-brand"><i class="fa fa-behance"></i><span>Behance</span></b-button> <b-button size="lg" variant="behance" class="mr-1 btn-brand"><i class="fa fa-behance"></i><span>Behance</span></b-button>
<b-button size="lg" variant="dropbox" class="btn-brand"><i class="fa fa-dropbox"></i><span>Dropbox</span></b-button> <b-button size="lg" variant="dropbox" class="mr-1 btn-brand"><i class="fa fa-dropbox"></i><span>Dropbox</span></b-button>
<b-button size="lg" variant="reddit" class="btn-brand"><i class="fa fa-reddit"></i><span>Reddit</span></b-button> <b-button size="lg" variant="reddit" class="mr-1 btn-brand"><i class="fa fa-reddit"></i><span>Reddit</span></b-button>
<b-button size="lg" variant="spotify" class="btn-brand"><i class="fa fa-spotify"></i><span>Spotify</span></b-button> <b-button size="lg" variant="spotify" class="mr-1 btn-brand"><i class="fa fa-spotify"></i><span>Spotify</span></b-button>
<b-button size="lg" variant="vine" class="btn-brand"><i class="fa fa-vine"></i><span>Vine</span></b-button> <b-button size="lg" variant="vine" class="mr-1 btn-brand"><i class="fa fa-vine"></i><span>Vine</span></b-button>
<b-button size="lg" variant="foursquare" class="btn-brand"><i class="fa fa-foursquare"></i><span>Forsquare</span></b-button> <b-button size="lg" variant="foursquare" class="mr-1 btn-brand"><i class="fa fa-foursquare"></i><span>Forsquare</span></b-button>
<b-button size="lg" variant="vimeo" class="btn-brand"><i class="fa fa-vimeo"></i><span>Vimeo</span></b-button> <b-button size="lg" variant="vimeo" class="mr-1 btn-brand"><i class="fa fa-vimeo"></i><span>Vimeo</span></b-button>
</p> </p>
</b-card> </b-card>
</b-col><!--/.col--> </b-col><!--/.col-->
@@ -103,87 +103,87 @@
<hr/> <hr/>
<h6>Size Small <small>Add <code>size="sm"</code></small></h6> <h6>Size Small <small>Add <code>size="sm"</code></small></h6>
<p> <p>
<b-button size="sm" variant="facebook icon" class="btn-brand"><i class="fa fa-facebook"></i></b-button> <b-button size="sm" variant="facebook icon" class="mr-1 btn-brand"><i class="fa fa-facebook"></i></b-button>
<b-button size="sm" variant="twitter icon" class="btn-brand"><i class="fa fa-twitter"></i></b-button> <b-button size="sm" variant="twitter icon" class="mr-1 btn-brand"><i class="fa fa-twitter"></i></b-button>
<b-button size="sm" variant="linkedin icon" class="btn-brand"><i class="fa fa-linkedin"></i></b-button> <b-button size="sm" variant="linkedin icon" class="mr-1 btn-brand"><i class="fa fa-linkedin"></i></b-button>
<b-button size="sm" variant="flickr icon" class="btn-brand"><i class="fa fa-flickr"></i></b-button> <b-button size="sm" variant="flickr icon" class="mr-1 btn-brand"><i class="fa fa-flickr"></i></b-button>
<b-button size="sm" variant="tumblr icon" class="btn-brand"><i class="fa fa-tumblr"></i></b-button> <b-button size="sm" variant="tumblr icon" class="mr-1 btn-brand"><i class="fa fa-tumblr"></i></b-button>
<b-button size="sm" variant="xing icon" class="btn-brand"><i class="fa fa-xing"></i></b-button> <b-button size="sm" variant="xing icon" class="mr-1 btn-brand"><i class="fa fa-xing"></i></b-button>
<b-button size="sm" variant="github icon" class="btn-brand"><i class="fa fa-github"></i></b-button> <b-button size="sm" variant="github icon" class="mr-1 btn-brand"><i class="fa fa-github"></i></b-button>
<b-button size="sm" variant="html5 icon" class="btn-brand"><i class="fa fa-html5"></i></b-button> <b-button size="sm" variant="html5 icon" class="mr-1 btn-brand"><i class="fa fa-html5"></i></b-button>
<b-button size="sm" variant="openid icon" class="btn-brand"><i class="fa fa-openid"></i></b-button> <b-button size="sm" variant="openid icon" class="mr-1 btn-brand"><i class="fa fa-openid"></i></b-button>
<b-button size="sm" variant="stack-overflow icon" class="btn-brand"><i class="fa fa-stack-overflow"></i></b-button> <b-button size="sm" variant="stack-overflow icon" class="mr-1 btn-brand"><i class="fa fa-stack-overflow"></i></b-button>
<b-button size="sm" variant="css3 icon" class="btn-brand"><i class="fa fa-css3"></i></b-button> <b-button size="sm" variant="css3 icon" class="mr-1 btn-brand"><i class="fa fa-css3"></i></b-button>
<b-button size="sm" variant="youtube icon" class="btn-brand"><i class="fa fa-youtube"></i></b-button> <b-button size="sm" variant="youtube icon" class="mr-1 btn-brand"><i class="fa fa-youtube"></i></b-button>
<b-button size="sm" variant="dribbble icon" class="btn-brand"><i class="fa fa-dribbble"></i></b-button> <b-button size="sm" variant="dribbble icon" class="mr-1 btn-brand"><i class="fa fa-dribbble"></i></b-button>
<b-button size="sm" variant="google-plus icon" class="btn-brand"><i class="fa fa-google-plus"></i></b-button> <b-button size="sm" variant="google-plus icon" class="mr-1 btn-brand"><i class="fa fa-google-plus"></i></b-button>
<b-button size="sm" variant="instagram icon" class="btn-brand"><i class="fa fa-instagram"></i></b-button> <b-button size="sm" variant="instagram icon" class="mr-1 btn-brand"><i class="fa fa-instagram"></i></b-button>
<b-button size="sm" variant="pinterest icon" class="btn-brand"><i class="fa fa-pinterest"></i></b-button> <b-button size="sm" variant="pinterest icon" class="mr-1 btn-brand"><i class="fa fa-pinterest"></i></b-button>
<b-button size="sm" variant="vk icon" class="btn-brand"><i class="fa fa-vk"></i></b-button> <b-button size="sm" variant="vk icon" class="mr-1 btn-brand"><i class="fa fa-vk"></i></b-button>
<b-button size="sm" variant="yahoo icon" class="btn-brand"><i class="fa fa-yahoo"></i></b-button> <b-button size="sm" variant="yahoo icon" class="mr-1 btn-brand"><i class="fa fa-yahoo"></i></b-button>
<b-button size="sm" variant="behance icon" class="btn-brand"><i class="fa fa-behance"></i></b-button> <b-button size="sm" variant="behance icon" class="mr-1 btn-brand"><i class="fa fa-behance"></i></b-button>
<b-button size="sm" variant="dropbox icon" class="btn-brand"><i class="fa fa-dropbox"></i></b-button> <b-button size="sm" variant="dropbox icon" class="mr-1 btn-brand"><i class="fa fa-dropbox"></i></b-button>
<b-button size="sm" variant="reddit icon" class="btn-brand"><i class="fa fa-reddit"></i></b-button> <b-button size="sm" variant="reddit icon" class="mr-1 btn-brand"><i class="fa fa-reddit"></i></b-button>
<b-button size="sm" variant="spotify icon" class="btn-brand"><i class="fa fa-spotify"></i></b-button> <b-button size="sm" variant="spotify icon" class="mr-1 btn-brand"><i class="fa fa-spotify"></i></b-button>
<b-button size="sm" variant="vine icon" class="btn-brand"><i class="fa fa-vine"></i></b-button> <b-button size="sm" variant="vine icon" class="mr-1 btn-brand"><i class="fa fa-vine"></i></b-button>
<b-button size="sm" variant="foursquare icon" class="btn-brand"><i class="fa fa-foursquare"></i></b-button> <b-button size="sm" variant="foursquare icon" class="mr-1 btn-brand"><i class="fa fa-foursquare"></i></b-button>
<b-button size="sm" variant="vimeo icon" class="btn-brand"><i class="fa fa-vimeo"></i></b-button> <b-button size="sm" variant="vimeo icon" class="mr-1 btn-brand"><i class="fa fa-vimeo"></i></b-button>
</p> </p>
<h6>Size Normal</h6> <h6>Size Normal</h6>
<p> <p>
<b-button variant="facebook icon" class="btn-brand"><i class="fa fa-facebook"></i></b-button> <b-button variant="facebook icon" class="mr-1 btn-brand"><i class="fa fa-facebook"></i></b-button>
<b-button variant="twitter icon" class="btn-brand"><i class="fa fa-twitter"></i></b-button> <b-button variant="twitter icon" class="mr-1 btn-brand"><i class="fa fa-twitter"></i></b-button>
<b-button variant="linkedin icon" class="btn-brand"><i class="fa fa-linkedin"></i></b-button> <b-button variant="linkedin icon" class="mr-1 btn-brand"><i class="fa fa-linkedin"></i></b-button>
<b-button variant="flickr icon" class="btn-brand"><i class="fa fa-flickr"></i></b-button> <b-button variant="flickr icon" class="mr-1 btn-brand"><i class="fa fa-flickr"></i></b-button>
<b-button variant="tumblr icon" class="btn-brand"><i class="fa fa-tumblr"></i></b-button> <b-button variant="tumblr icon" class="mr-1 btn-brand"><i class="fa fa-tumblr"></i></b-button>
<b-button variant="xing icon" class="btn-brand"><i class="fa fa-xing"></i></b-button> <b-button variant="xing icon" class="mr-1 btn-brand"><i class="fa fa-xing"></i></b-button>
<b-button variant="github icon" class="btn-brand"><i class="fa fa-github"></i></b-button> <b-button variant="github icon" class="mr-1 btn-brand"><i class="fa fa-github"></i></b-button>
<b-button variant="html5 icon" class="btn-brand"><i class="fa fa-html5"></i></b-button> <b-button variant="html5 icon" class="mr-1 btn-brand"><i class="fa fa-html5"></i></b-button>
<b-button variant="openid icon" class="btn-brand"><i class="fa fa-openid"></i></b-button> <b-button variant="openid icon" class="mr-1 btn-brand"><i class="fa fa-openid"></i></b-button>
<b-button variant="stack-overflow icon" class="btn-brand"><i class="fa fa-stack-overflow"></i></b-button> <b-button variant="stack-overflow icon" class="mr-1 btn-brand"><i class="fa fa-stack-overflow"></i></b-button>
<b-button variant="css3 icon" class="btn-brand"><i class="fa fa-css3"></i></b-button> <b-button variant="css3 icon" class="mr-1 btn-brand"><i class="fa fa-css3"></i></b-button>
<b-button variant="youtube icon" class="btn-brand"><i class="fa fa-youtube"></i></b-button> <b-button variant="youtube icon" class="mr-1 btn-brand"><i class="fa fa-youtube"></i></b-button>
<b-button variant="dribbble icon" class="btn-brand"><i class="fa fa-dribbble"></i></b-button> <b-button variant="dribbble icon" class="mr-1 btn-brand"><i class="fa fa-dribbble"></i></b-button>
<b-button variant="google-plus icon" class="btn-brand"><i class="fa fa-google-plus"></i></b-button> <b-button variant="google-plus icon" class="mr-1 btn-brand"><i class="fa fa-google-plus"></i></b-button>
<b-button variant="instagram icon" class="btn-brand"><i class="fa fa-instagram"></i></b-button> <b-button variant="instagram icon" class="mr-1 btn-brand"><i class="fa fa-instagram"></i></b-button>
<b-button variant="pinterest icon" class="btn-brand"><i class="fa fa-pinterest"></i></b-button> <b-button variant="pinterest icon" class="mr-1 btn-brand"><i class="fa fa-pinterest"></i></b-button>
<b-button variant="vk icon" class="btn-brand"><i class="fa fa-vk"></i></b-button> <b-button variant="vk icon" class="mr-1 btn-brand"><i class="fa fa-vk"></i></b-button>
<b-button variant="yahoo icon" class="btn-brand"><i class="fa fa-yahoo"></i></b-button> <b-button variant="yahoo icon" class="mr-1 btn-brand"><i class="fa fa-yahoo"></i></b-button>
<b-button variant="behance icon" class="btn-brand"><i class="fa fa-behance"></i></b-button> <b-button variant="behance icon" class="mr-1 btn-brand"><i class="fa fa-behance"></i></b-button>
<b-button variant="dropbox icon" class="btn-brand"><i class="fa fa-dropbox"></i></b-button> <b-button variant="dropbox icon" class="mr-1 btn-brand"><i class="fa fa-dropbox"></i></b-button>
<b-button variant="reddit icon" class="btn-brand"><i class="fa fa-reddit"></i></b-button> <b-button variant="reddit icon" class="mr-1 btn-brand"><i class="fa fa-reddit"></i></b-button>
<b-button variant="spotify icon" class="btn-brand"><i class="fa fa-spotify"></i></b-button> <b-button variant="spotify icon" class="mr-1 btn-brand"><i class="fa fa-spotify"></i></b-button>
<b-button variant="vine icon" class="btn-brand"><i class="fa fa-vine"></i></b-button> <b-button variant="vine icon" class="mr-1 btn-brand"><i class="fa fa-vine"></i></b-button>
<b-button variant="foursquare icon" class="btn-brand"><i class="fa fa-foursquare"></i></b-button> <b-button variant="foursquare icon" class="mr-1 btn-brand"><i class="fa fa-foursquare"></i></b-button>
<b-button variant="vimeo icon" class="btn-brand"><i class="fa fa-vimeo"></i></b-button> <b-button variant="vimeo icon" class="mr-1 btn-brand"><i class="fa fa-vimeo"></i></b-button>
</p> </p>
<h6>Size Large <small>Add <code>size="lg"</code></small></h6> <h6>Size Large <small>Add <code>size="lg"</code></small></h6>
<p> <p>
<b-button size="lg" variant="facebook icon" class="btn-brand"><i class="fa fa-facebook"></i></b-button> <b-button size="lg" variant="facebook icon" class="mr-1 btn-brand"><i class="fa fa-facebook"></i></b-button>
<b-button size="lg" variant="twitter icon" class="btn-brand"><i class="fa fa-twitter"></i></b-button> <b-button size="lg" variant="twitter icon" class="mr-1 btn-brand"><i class="fa fa-twitter"></i></b-button>
<b-button size="lg" variant="linkedin icon" class="btn-brand"><i class="fa fa-linkedin"></i></b-button> <b-button size="lg" variant="linkedin icon" class="mr-1 btn-brand"><i class="fa fa-linkedin"></i></b-button>
<b-button size="lg" variant="flickr icon" class="btn-brand"><i class="fa fa-flickr"></i></b-button> <b-button size="lg" variant="flickr icon" class="mr-1 btn-brand"><i class="fa fa-flickr"></i></b-button>
<b-button size="lg" variant="tumblr icon" class="btn-brand"><i class="fa fa-tumblr"></i></b-button> <b-button size="lg" variant="tumblr icon" class="mr-1 btn-brand"><i class="fa fa-tumblr"></i></b-button>
<b-button size="lg" variant="xing icon" class="btn-brand"><i class="fa fa-xing"></i></b-button> <b-button size="lg" variant="xing icon" class="mr-1 btn-brand"><i class="fa fa-xing"></i></b-button>
<b-button size="lg" variant="github icon" class="btn-brand"><i class="fa fa-github"></i></b-button> <b-button size="lg" variant="github icon" class="mr-1 btn-brand"><i class="fa fa-github"></i></b-button>
<b-button size="lg" variant="html5 icon" class="btn-brand"><i class="fa fa-html5"></i></b-button> <b-button size="lg" variant="html5 icon" class="mr-1 btn-brand"><i class="fa fa-html5"></i></b-button>
<b-button size="lg" variant="openid icon" class="btn-brand"><i class="fa fa-openid"></i></b-button> <b-button size="lg" variant="openid icon" class="mr-1 btn-brand"><i class="fa fa-openid"></i></b-button>
<b-button size="lg" variant="stack-overflow icon" class="btn-brand"><i class="fa fa-stack-overflow"></i></b-button> <b-button size="lg" variant="stack-overflow icon" class="mr-1 btn-brand"><i class="fa fa-stack-overflow"></i></b-button>
<b-button size="lg" variant="css3 icon" class="btn-brand"><i class="fa fa-css3"></i></b-button> <b-button size="lg" variant="css3 icon" class="mr-1 btn-brand"><i class="fa fa-css3"></i></b-button>
<b-button size="lg" variant="youtube icon" class="btn-brand"><i class="fa fa-youtube"></i></b-button> <b-button size="lg" variant="youtube icon" class="mr-1 btn-brand"><i class="fa fa-youtube"></i></b-button>
<b-button size="lg" variant="dribbble icon" class="btn-brand"><i class="fa fa-dribbble"></i></b-button> <b-button size="lg" variant="dribbble icon" class="mr-1 btn-brand"><i class="fa fa-dribbble"></i></b-button>
<b-button size="lg" variant="google-plus icon" class="btn-brand"><i class="fa fa-google-plus"></i></b-button> <b-button size="lg" variant="google-plus icon" class="mr-1 btn-brand"><i class="fa fa-google-plus"></i></b-button>
<b-button size="lg" variant="instagram icon" class="btn-brand"><i class="fa fa-instagram"></i></b-button> <b-button size="lg" variant="instagram icon" class="mr-1 btn-brand"><i class="fa fa-instagram"></i></b-button>
<b-button size="lg" variant="pinterest icon" class="btn-brand"><i class="fa fa-pinterest"></i></b-button> <b-button size="lg" variant="pinterest icon" class="mr-1 btn-brand"><i class="fa fa-pinterest"></i></b-button>
<b-button size="lg" variant="vk icon" class="btn-brand"><i class="fa fa-vk"></i></b-button> <b-button size="lg" variant="vk icon" class="mr-1 btn-brand"><i class="fa fa-vk"></i></b-button>
<b-button size="lg" variant="yahoo icon" class="btn-brand"><i class="fa fa-yahoo"></i></b-button> <b-button size="lg" variant="yahoo icon" class="mr-1 btn-brand"><i class="fa fa-yahoo"></i></b-button>
<b-button size="lg" variant="behance icon" class="btn-brand"><i class="fa fa-behance"></i></b-button> <b-button size="lg" variant="behance icon" class="mr-1 btn-brand"><i class="fa fa-behance"></i></b-button>
<b-button size="lg" variant="dropbox icon" class="btn-brand"><i class="fa fa-dropbox"></i></b-button> <b-button size="lg" variant="dropbox icon" class="mr-1 btn-brand"><i class="fa fa-dropbox"></i></b-button>
<b-button size="lg" variant="reddit icon" class="btn-brand"><i class="fa fa-reddit"></i></b-button> <b-button size="lg" variant="reddit icon" class="mr-1 btn-brand"><i class="fa fa-reddit"></i></b-button>
<b-button size="lg" variant="spotify icon" class="btn-brand"><i class="fa fa-spotify"></i></b-button> <b-button size="lg" variant="spotify icon" class="mr-1 btn-brand"><i class="fa fa-spotify"></i></b-button>
<b-button size="lg" variant="vine icon" class="btn-brand"><i class="fa fa-vine"></i></b-button> <b-button size="lg" variant="vine icon" class="mr-1 btn-brand"><i class="fa fa-vine"></i></b-button>
<b-button size="lg" variant="foursquare icon" class="btn-brand"><i class="fa fa-foursquare"></i></b-button> <b-button size="lg" variant="foursquare icon" class="mr-1 btn-brand"><i class="fa fa-foursquare"></i></b-button>
<b-button size="lg" variant="vimeo icon" class="btn-brand"><i class="fa fa-vimeo"></i></b-button> <b-button size="lg" variant="vimeo icon" class="mr-1 btn-brand"><i class="fa fa-vimeo"></i></b-button>
</p> </p>
</b-card> </b-card>
</b-col><!--/.col--> </b-col><!--/.col-->
@@ -197,87 +197,87 @@
<hr/> <hr/>
<h6>Size Small <small>Add <code>size="sm"</code></small></h6> <h6>Size Small <small>Add <code>size="sm"</code></small></h6>
<p> <p>
<b-button size="sm" variant="facebook text" class="btn-brand"><span>Facebook</span></b-button> <b-button size="sm" variant="facebook text" class="mr-1 btn-brand"><span>Facebook</span></b-button>
<b-button size="sm" variant="twitter text" class="btn-brand"><span>Twitter</span></b-button> <b-button size="sm" variant="twitter text" class="mr-1 btn-brand"><span>Twitter</span></b-button>
<b-button size="sm" variant="linkedin text" class="btn-brand"><span>LinkedIn</span></b-button> <b-button size="sm" variant="linkedin text" class="mr-1 btn-brand"><span>LinkedIn</span></b-button>
<b-button size="sm" variant="flickr text" class="btn-brand"><span>Flickr</span></b-button> <b-button size="sm" variant="flickr text" class="mr-1 btn-brand"><span>Flickr</span></b-button>
<b-button size="sm" variant="tumblr text" class="btn-brand"><span>Tumblr</span></b-button> <b-button size="sm" variant="tumblr text" class="mr-1 btn-brand"><span>Tumblr</span></b-button>
<b-button size="sm" variant="xing text" class="btn-brand"><span>Xing</span></b-button> <b-button size="sm" variant="xing text" class="mr-1 btn-brand"><span>Xing</span></b-button>
<b-button size="sm" variant="github text" class="btn-brand"><span>Github</span></b-button> <b-button size="sm" variant="github text" class="mr-1 btn-brand"><span>Github</span></b-button>
<b-button size="sm" variant="html5 text" class="btn-brand"><span>HTML5</span></b-button> <b-button size="sm" variant="html5 text" class="mr-1 btn-brand"><span>HTML5</span></b-button>
<b-button size="sm" variant="openid text" class="btn-brand"><span>OpenID</span></b-button> <b-button size="sm" variant="openid text" class="mr-1 btn-brand"><span>OpenID</span></b-button>
<b-button size="sm" variant="stack-overflow text" class="btn-brand"><span>StackOverflow</span></b-button> <b-button size="sm" variant="stack-overflow text" class="mr-1 btn-brand"><span>StackOverflow</span></b-button>
<b-button size="sm" variant="css3 text" class="btn-brand"><span>CSS3</span></b-button> <b-button size="sm" variant="css3 text" class="mr-1 btn-brand"><span>CSS3</span></b-button>
<b-button size="sm" variant="youtube text" class="btn-brand"><span>YouTube</span></b-button> <b-button size="sm" variant="youtube text" class="mr-1 btn-brand"><span>YouTube</span></b-button>
<b-button size="sm" variant="dribbble text" class="btn-brand"><span>Dribbble</span></b-button> <b-button size="sm" variant="dribbble text" class="mr-1 btn-brand"><span>Dribbble</span></b-button>
<b-button size="sm" variant="google-plus text" class="btn-brand"><span>Google+</span></b-button> <b-button size="sm" variant="google-plus text" class="mr-1 btn-brand"><span>Google+</span></b-button>
<b-button size="sm" variant="instagram text" class="btn-brand"><span>Instagram</span></b-button> <b-button size="sm" variant="instagram text" class="mr-1 btn-brand"><span>Instagram</span></b-button>
<b-button size="sm" variant="pinterest text" class="btn-brand"><span>Pinterest</span></b-button> <b-button size="sm" variant="pinterest text" class="mr-1 btn-brand"><span>Pinterest</span></b-button>
<b-button size="sm" variant="vk text" class="btn-brand"><span>VK</span></b-button> <b-button size="sm" variant="vk text" class="mr-1 btn-brand"><span>VK</span></b-button>
<b-button size="sm" variant="yahoo text" class="btn-brand"><span>Yahoo</span></b-button> <b-button size="sm" variant="yahoo text" class="mr-1 btn-brand"><span>Yahoo</span></b-button>
<b-button size="sm" variant="behance text" class="btn-brand"><span>Behance</span></b-button> <b-button size="sm" variant="behance text" class="mr-1 btn-brand"><span>Behance</span></b-button>
<b-button size="sm" variant="dropbox text" class="btn-brand"><span>Dropbox</span></b-button> <b-button size="sm" variant="dropbox text" class="mr-1 btn-brand"><span>Dropbox</span></b-button>
<b-button size="sm" variant="reddit text" class="btn-brand"><span>Reddit</span></b-button> <b-button size="sm" variant="reddit text" class="mr-1 btn-brand"><span>Reddit</span></b-button>
<b-button size="sm" variant="spotify text" class="btn-brand"><span>Spotify</span></b-button> <b-button size="sm" variant="spotify text" class="mr-1 btn-brand"><span>Spotify</span></b-button>
<b-button size="sm" variant="vine text" class="btn-brand"><span>Vine</span></b-button> <b-button size="sm" variant="vine text" class="mr-1 btn-brand"><span>Vine</span></b-button>
<b-button size="sm" variant="foursquare text" class="btn-brand"><span>Forsquare</span></b-button> <b-button size="sm" variant="foursquare text" class="mr-1 btn-brand"><span>Forsquare</span></b-button>
<b-button size="sm" variant="vimeo text" class="btn-brand"><span>Vimeo</span></b-button> <b-button size="sm" variant="vimeo text" class="mr-1 btn-brand"><span>Vimeo</span></b-button>
</p> </p>
<h6>Size Normal</h6> <h6>Size Normal</h6>
<p> <p>
<b-button variant="facebook text" class="btn-brand"><span>Facebook</span></b-button> <b-button variant="facebook text" class="mr-1 btn-brand"><span>Facebook</span></b-button>
<b-button variant="twitter text" class="btn-brand"><span>Twitter</span></b-button> <b-button variant="twitter text" class="mr-1 btn-brand"><span>Twitter</span></b-button>
<b-button variant="linkedin text" class="btn-brand"><span>LinkedIn</span></b-button> <b-button variant="linkedin text" class="mr-1 btn-brand"><span>LinkedIn</span></b-button>
<b-button variant="flickr text" class="btn-brand"><span>Flickr</span></b-button> <b-button variant="flickr text" class="mr-1 btn-brand"><span>Flickr</span></b-button>
<b-button variant="tumblr text" class="btn-brand"><span>Tumblr</span></b-button> <b-button variant="tumblr text" class="mr-1 btn-brand"><span>Tumblr</span></b-button>
<b-button variant="xing text" class="btn-brand"><span>Xing</span></b-button> <b-button variant="xing text" class="mr-1 btn-brand"><span>Xing</span></b-button>
<b-button variant="github text" class="btn-brand"><span>Github</span></b-button> <b-button variant="github text" class="mr-1 btn-brand"><span>Github</span></b-button>
<b-button variant="html5 text" class="btn-brand"><span>HTML5</span></b-button> <b-button variant="html5 text" class="mr-1 btn-brand"><span>HTML5</span></b-button>
<b-button variant="openid text" class="btn-brand"><span>OpenID</span></b-button> <b-button variant="openid text" class="mr-1 btn-brand"><span>OpenID</span></b-button>
<b-button variant="stack-overflow text" class="btn-brand"><span>StackOverflow</span></b-button> <b-button variant="stack-overflow text" class="mr-1 btn-brand"><span>StackOverflow</span></b-button>
<b-button variant="css3 text" class="btn-brand"><span>CSS3</span></b-button> <b-button variant="css3 text" class="mr-1 btn-brand"><span>CSS3</span></b-button>
<b-button variant="youtube text" class="btn-brand"><span>YouTube</span></b-button> <b-button variant="youtube text" class="mr-1 btn-brand"><span>YouTube</span></b-button>
<b-button variant="dribbble text" class="btn-brand"><span>Dribbble</span></b-button> <b-button variant="dribbble text" class="mr-1 btn-brand"><span>Dribbble</span></b-button>
<b-button variant="google-plus text" class="btn-brand"><span>Google+</span></b-button> <b-button variant="google-plus text" class="mr-1 btn-brand"><span>Google+</span></b-button>
<b-button variant="instagram text" class="btn-brand"><span>Instagram</span></b-button> <b-button variant="instagram text" class="mr-1 btn-brand"><span>Instagram</span></b-button>
<b-button variant="pinterest text" class="btn-brand"><span>Pinterest</span></b-button> <b-button variant="pinterest text" class="mr-1 btn-brand"><span>Pinterest</span></b-button>
<b-button variant="vk text" class="btn-brand"><span>VK</span></b-button> <b-button variant="vk text" class="mr-1 btn-brand"><span>VK</span></b-button>
<b-button variant="yahoo text" class="btn-brand"><span>Yahoo</span></b-button> <b-button variant="yahoo text" class="mr-1 btn-brand"><span>Yahoo</span></b-button>
<b-button variant="behance text" class="btn-brand"><span>Behance</span></b-button> <b-button variant="behance text" class="mr-1 btn-brand"><span>Behance</span></b-button>
<b-button variant="dropbox text" class="btn-brand"><span>Dropbox</span></b-button> <b-button variant="dropbox text" class="mr-1 btn-brand"><span>Dropbox</span></b-button>
<b-button variant="reddit text" class="btn-brand"><span>Reddit</span></b-button> <b-button variant="reddit text" class="mr-1 btn-brand"><span>Reddit</span></b-button>
<b-button variant="spotify text" class="btn-brand"><span>Spotify</span></b-button> <b-button variant="spotify text" class="mr-1 btn-brand"><span>Spotify</span></b-button>
<b-button variant="vine text" class="btn-brand"><span>Vine</span></b-button> <b-button variant="vine text" class="mr-1 btn-brand"><span>Vine</span></b-button>
<b-button variant="foursquare text" class="btn-brand"><span>Forsquare</span></b-button> <b-button variant="foursquare text" class="mr-1 btn-brand"><span>Forsquare</span></b-button>
<b-button variant="vimeo text" class="btn-brand"><span>Vimeo</span></b-button> <b-button variant="vimeo text" class="mr-1 btn-brand"><span>Vimeo</span></b-button>
</p> </p>
<h6>Size Large <small>Add <code>size="lg"</code></small></h6> <h6>Size Large <small>Add <code>size="lg"</code></small></h6>
<p> <p>
<b-button size="lg" variant="facebook text" class="btn-brand"><span>Facebook</span></b-button> <b-button size="lg" variant="facebook text" class="mr-1 btn-brand"><span>Facebook</span></b-button>
<b-button size="lg" variant="twitter text" class="btn-brand"><span>Twitter</span></b-button> <b-button size="lg" variant="twitter text" class="mr-1 btn-brand"><span>Twitter</span></b-button>
<b-button size="lg" variant="linkedin text" class="btn-brand"><span>LinkedIn</span></b-button> <b-button size="lg" variant="linkedin text" class="mr-1 btn-brand"><span>LinkedIn</span></b-button>
<b-button size="lg" variant="flickr text" class="btn-brand"><span>Flickr</span></b-button> <b-button size="lg" variant="flickr text" class="mr-1 btn-brand"><span>Flickr</span></b-button>
<b-button size="lg" variant="tumblr text" class="btn-brand"><span>Tumblr</span></b-button> <b-button size="lg" variant="tumblr text" class="mr-1 btn-brand"><span>Tumblr</span></b-button>
<b-button size="lg" variant="xing text" class="btn-brand"><span>Xing</span></b-button> <b-button size="lg" variant="xing text" class="mr-1 btn-brand"><span>Xing</span></b-button>
<b-button size="lg" variant="github text" class="btn-brand"><span>Github</span></b-button> <b-button size="lg" variant="github text" class="mr-1 btn-brand"><span>Github</span></b-button>
<b-button size="lg" variant="html5 text" class="btn-brand"><span>HTML5</span></b-button> <b-button size="lg" variant="html5 text" class="mr-1 btn-brand"><span>HTML5</span></b-button>
<b-button size="lg" variant="openid text" class="btn-brand"><span>OpenID</span></b-button> <b-button size="lg" variant="openid text" class="mr-1 btn-brand"><span>OpenID</span></b-button>
<b-button size="lg" variant="stack-overflow text" class="btn-brand"><span>StackOverflow</span></b-button> <b-button size="lg" variant="stack-overflow text" class="mr-1 btn-brand"><span>StackOverflow</span></b-button>
<b-button size="lg" variant="css3 text" class="btn-brand"><span>CSS3</span></b-button> <b-button size="lg" variant="css3 text" class="mr-1 btn-brand"><span>CSS3</span></b-button>
<b-button size="lg" variant="youtube text" class="btn-brand"><span>YouTube</span></b-button> <b-button size="lg" variant="youtube text" class="mr-1 btn-brand"><span>YouTube</span></b-button>
<b-button size="lg" variant="dribbble text" class="btn-brand"><span>Dribbble</span></b-button> <b-button size="lg" variant="dribbble text" class="mr-1 btn-brand"><span>Dribbble</span></b-button>
<b-button size="lg" variant="google-plus text" class="btn-brand"><span>Google+</span></b-button> <b-button size="lg" variant="google-plus text" class="mr-1 btn-brand"><span>Google+</span></b-button>
<b-button size="lg" variant="instagram text" class="btn-brand"><span>Instagram</span></b-button> <b-button size="lg" variant="instagram text" class="mr-1 btn-brand"><span>Instagram</span></b-button>
<b-button size="lg" variant="pinterest text" class="btn-brand"><span>Pinterest</span></b-button> <b-button size="lg" variant="pinterest text" class="mr-1 btn-brand"><span>Pinterest</span></b-button>
<b-button size="lg" variant="vk text" class="btn-brand"><span>VK</span></b-button> <b-button size="lg" variant="vk text" class="mr-1 btn-brand"><span>VK</span></b-button>
<b-button size="lg" variant="yahoo text" class="btn-brand"><span>Yahoo</span></b-button> <b-button size="lg" variant="yahoo text" class="mr-1 btn-brand"><span>Yahoo</span></b-button>
<b-button size="lg" variant="behance text" class="btn-brand"><span>Behance</span></b-button> <b-button size="lg" variant="behance text" class="mr-1 btn-brand"><span>Behance</span></b-button>
<b-button size="lg" variant="dropbox text" class="btn-brand"><span>Dropbox</span></b-button> <b-button size="lg" variant="dropbox text" class="mr-1 btn-brand"><span>Dropbox</span></b-button>
<b-button size="lg" variant="reddit text" class="btn-brand"><span>Reddit</span></b-button> <b-button size="lg" variant="reddit text" class="mr-1 btn-brand"><span>Reddit</span></b-button>
<b-button size="lg" variant="spotify text" class="btn-brand"><span>Spotify</span></b-button> <b-button size="lg" variant="spotify text" class="mr-1 btn-brand"><span>Spotify</span></b-button>
<b-button size="lg" variant="vine text" class="btn-brand"><span>Vine</span></b-button> <b-button size="lg" variant="vine text" class="mr-1 btn-brand"><span>Vine</span></b-button>
<b-button size="lg" variant="foursquare text" class="btn-brand"><span>Forsquare</span></b-button> <b-button size="lg" variant="foursquare text" class="mr-1 btn-brand"><span>Forsquare</span></b-button>
<b-button size="lg" variant="vimeo text" class="btn-brand"><span>Vimeo</span></b-button> <b-button size="lg" variant="vimeo text" class="mr-1 btn-brand"><span>Vimeo</span></b-button>
</p> </p>
</b-card> </b-card>
</b-col><!--/.col--> </b-col><!--/.col-->
+8 -8
View File
@@ -4,15 +4,15 @@
<b-row> <b-row>
<b-col cols="12"> <b-col cols="12">
<b-card header="<i class='fa fa-align-justify'></i> Bootstrap Modals"> <b-card header="<i class='fa fa-align-justify'></i> Bootstrap Modals">
<b-button type="button" variant="secondary" @click="myModal = true">Launch demo modal</b-button> <b-button type="button" variant="secondary" @click="myModal = true" class="mr-1">Launch demo modal</b-button>
<b-button type="button" variant="secondary" @click="largeModal = true">Launch large modal</b-button> <b-button type="button" variant="secondary" @click="largeModal = true" class="mr-1">Launch large modal</b-button>
<b-button type="button" variant="secondary" @click="smallModal = true">Launch small modal</b-button> <b-button type="button" variant="secondary" @click="smallModal = true" class="mr-1">Launch small modal</b-button>
<hr> <hr>
<b-button type="button" variant="primary" @click="primaryModal = true">Launch primary modal</b-button> <b-button type="button" variant="primary" @click="primaryModal = true" class="mr-1">Launch primary modal</b-button>
<b-button type="button" variant="success" @click="successModal = true">Launch success modal</b-button> <b-button type="button" variant="success" @click="successModal = true" class="mr-1">Launch success modal</b-button>
<b-button type="button" variant="warning" @click="warningModal = true">Launch warning modal</b-button> <b-button type="button" variant="warning" @click="warningModal = true" class="mr-1">Launch warning modal</b-button>
<b-button type="button" variant="danger" @click="dangerModal = true">Launch danger modal</b-button> <b-button type="button" variant="danger" @click="dangerModal = true" class="mr-1">Launch danger modal</b-button>
<b-button type="button" variant="info" @click="infoModal = true">Launch info modal</b-button> <b-button type="button" variant="info" @click="infoModal = true" class="mr-1">Launch info modal</b-button>
</b-card> </b-card>
</b-col><!--/.col--> </b-col><!--/.col-->
</b-row><!--/.row--> </b-row><!--/.row-->