Skip to content

Commit

Permalink
Feature/tabs (#33)
Browse files Browse the repository at this point in the history
* Add base tabs plugin

* Add the documentation for tabs

* Correct linting errors
  • Loading branch information
Thomas Erbe authored Apr 20, 2018
1 parent 6663d9e commit 177d5b3
Show file tree
Hide file tree
Showing 10 changed files with 480 additions and 1 deletion.
8 changes: 8 additions & 0 deletions docs/_includes/code/tabs/examplecss.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
.tabs-content li {
display: none;
list-style: none;
}

.tabs-content li.is-active {
display: block;
}
37 changes: 37 additions & 0 deletions docs/_includes/code/tabs/markup.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<div class="content">
<div id="tabs-example" data-bulma="tabs">
<div class="tabs" data-links>
<ul>
<li class="is-active">
<a>Pictures</a>
</li>
<li>
<a>Music</a>
</li>
<li>
<a>Videos</a>
</li>
<li>
<a>Documents</a>
</li>
</ul>
</div>

<div class="tabs-content" data-content>
<ul>
<li class="is-active">
<h1>Pictures</h1>
</li>
<li>
<h1>Music</h1>
</li>
<li>
<h1>Videos</h1>
</li>
<li>
<h1>Documents</h1>
</li>
</ul>
</div>
</div>
</div>
35 changes: 35 additions & 0 deletions docs/_includes/code/tabs/snippet.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<div id="tabs-example" data-bulma="tabs">
<div class="tabs" data-links>
<ul>
<li class="is-active">
<a>Pictures</a>
</li>
<li>
<a>Music</a>
</li>
<li>
<a>Videos</a>
</li>
<li>
<a>Documents</a>
</li>
</ul>
</div>

<div class="tabs-content" data-content>
<ul>
<li class="is-active">
<h1>Pictures</h1>
</li>
<li>
<h1>Music</h1>
</li>
<li>
<h1>Videos</h1>
</li>
<li>
<h1>Documents</h1>
</li>
</ul>
</div>
</div>
3 changes: 3 additions & 0 deletions docs/_includes/header.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,9 @@
<a class="navbar-item" href="{{ site.url }}/documentation/notification.html">
Notification
</a>
<a class="navbar-item" href="{{ site.url }}/documentation/tabs.html">
Tabs
</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
Expand Down
14 changes: 13 additions & 1 deletion docs/assets/js/bulmajs/bulma.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

85 changes: 85 additions & 0 deletions docs/assets/js/bulmajs/tab.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "./src/plugins/tab.js");
/******/ })
/************************************************************************/
/******/ ({

/***/ "./src/plugins/tab.js":
/*!****************************!*\
!*** ./src/plugins/tab.js ***!
\****************************/
/*! exports provided: default */
/***/ (function(module, exports) {

eval("throw new Error(\"Module build failed: Error: ENOENT: no such file or directory, open '/Users/tom/Desktop/Code/bulmajs/src/plugins/tab.js'\");\n\n//# sourceURL=webpack:///./src/plugins/tab.js?");

/***/ })

/******/ });
Loading

0 comments on commit 177d5b3

Please sign in to comment.