bulma-clean-theme 0.3 → 0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +58 -2
  3. data/_includes/tabs.html +18 -0
  4. data/_layouts/default.html +2 -3
  5. data/_layouts/page.html +3 -1
  6. data/_sass/_main.scss +5 -1
  7. data/_sass/syntax.scss +209 -0
  8. data/node_modules/bulma/CHANGELOG.md +27 -0
  9. data/node_modules/bulma/LICENSE +1 -1
  10. data/node_modules/bulma/README.md +35 -28
  11. data/node_modules/bulma/bulma.sass +1 -1
  12. data/node_modules/bulma/css/bulma.css +349 -113
  13. data/node_modules/bulma/css/bulma.css.map +1 -1
  14. data/node_modules/bulma/css/bulma.min.css +1 -1
  15. data/node_modules/bulma/package.json +57 -28
  16. data/node_modules/bulma/sass/base/generic.sass +3 -0
  17. data/node_modules/bulma/sass/base/helpers.sass +15 -0
  18. data/node_modules/bulma/sass/base/minireset.sass +7 -2
  19. data/node_modules/bulma/sass/components/message.sass +1 -1
  20. data/node_modules/bulma/sass/components/navbar.sass +6 -0
  21. data/node_modules/bulma/sass/elements/button.sass +26 -6
  22. data/node_modules/bulma/sass/elements/form.sass +13 -41
  23. data/node_modules/bulma/sass/elements/image.sass +2 -1
  24. data/node_modules/bulma/sass/elements/progress.sass +25 -0
  25. data/node_modules/bulma/sass/elements/table.sass +7 -0
  26. data/node_modules/bulma/sass/elements/tag.sass +19 -0
  27. data/node_modules/bulma/sass/layout/footer.sass +2 -1
  28. data/node_modules/bulma/sass/layout/hero.sass +0 -2
  29. data/node_modules/bulma/sass/utilities/controls.sass +2 -1
  30. data/node_modules/bulma/sass/utilities/derived-variables.sass +1 -0
  31. data/package-lock.json +13 -0
  32. data/package.json +2 -2
  33. metadata +35 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 34bf48b80518547cd1833ef4ef864c4e63bd0aa2
4
- data.tar.gz: 6aa767ab4ef44613be3481e49e639bddbedf358e
3
+ metadata.gz: d951c4afeebd04b7c2140e8a3f19d009974123ca
4
+ data.tar.gz: 8fcb96414ccb613a550f93f2d639a47d0f4c2983
5
5
  SHA512:
6
- metadata.gz: c970aad7097997192ed4a3a64e6d91cf6f09cc80d8e13fd856c434d03f614f8b4285d8beb535d910a3b88f237f54a85909549ffb7900be62bf7aca0ac61de17e
7
- data.tar.gz: 3a901e82a83cbcb2070db3539ef6fdbe01de0bec03ae54d5fc8f77c595930878dd569af9baa7f1f9e24b76cd80c8f2156fca5b6359fced38b86a7ef241e749b2
6
+ metadata.gz: d10ba7123eec6fb484d9d5c16f21f4dbc9c3f072e0433e67534e1588e63c932ea48f948064d8889b59e202370f31e7c0344a70d8596c5d09f12091519c22a7b7
7
+ data.tar.gz: 74b67cacb5563a57ef213d5e07e1ddfdff5db16d9096d1955559241190ac1f89c36490330342c300e0a1d774624f357ad1bd6b08bc12acfe3c1216c6903668c4
data/README.md CHANGED
@@ -12,6 +12,7 @@ This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/
12
12
  * [Colours and Styles](#colours-and-styles)
13
13
  * [Sidebar Visibility](#sidebar-visibility)
14
14
  * [Menubar](#menubar)
15
+ * [Tabs](#tabs)
15
16
  * [Google Analytics](#google-analytics)
16
17
  * [Contributing](#contributing)
17
18
  * [Development](#development)
@@ -133,7 +134,7 @@ Create a data file in the _data directory and use the following format (if using
133
134
 
134
135
  For the current page to have an active class, ensure the `link:` format matches your [permalink](https://jekyllrb.com/docs/permalinks/#extensionless-permalinks) format. The above example will work with `permalink: pretty` setting in your `_config.yml`
135
136
 
136
- ### Multiple menus
137
+ #### Multiple menus
137
138
 
138
139
  You may make multiple menus in the same file, separated by the label
139
140
 
@@ -157,7 +158,62 @@ You may make multiple menus in the same file, separated by the label
157
158
  link: /another-example-item/
158
159
  ```
159
160
 
160
- ### Google Anaytics
161
+ ### Tabs
162
+
163
+ **New in 0.4**
164
+
165
+ The tabs gets its content from a data file in your site's `_data` directory. Simply set the name of your data file in the page's menubar setting in the frontmatter.
166
+
167
+ ```yml
168
+ title: Page with tabs
169
+ subtitle: Demo page with tabs
170
+ layout: page
171
+ show_sidebar: false
172
+ menubar: example_menu
173
+ tabs: example_tabs
174
+ ```
175
+
176
+ Tabs can be used in conjunction with menubar and/or sidebar if you wish.
177
+
178
+ #### Creating a tabs data file
179
+
180
+ Create a data file in the _data directory and use the following format (if using yml)
181
+
182
+ ```yml
183
+ alignment: is-left
184
+ style: is-boxed
185
+ size: is-large
186
+ items:
187
+ - name: Tabs
188
+ link: /page-4/
189
+ icon: fa-smile-wink
190
+ - name: Sidebar
191
+ link: /page-1/
192
+ icon: fa-square
193
+ - name: No Sidebar
194
+ link: /page-2/
195
+ icon: fa-ellipsis-v
196
+ - name: Menubar
197
+ link: /page-3/
198
+ icon: fa-bars
199
+ ```
200
+
201
+ #### Settings
202
+
203
+ You can control the alignment, style and size of the tabs by using the relevant [Bulma tabs classes](https://bulma.io/documentation/components/tabs/).
204
+
205
+ #### Active Tab Highlighting
206
+
207
+ It will automatically mark the active tab based on the current page.
208
+
209
+ #### Icons
210
+
211
+ You can add icons to your tab by passing in the [Font Awesome icon class](https://fontawesome.com/icons?d=gallery).
212
+
213
+ If you don't wish to show icons then simply omit the option from your yaml file.
214
+
215
+
216
+ ### Google Analytics
161
217
 
162
218
  **New in 0.2**
163
219
 
data/_includes/tabs.html ADDED
@@ -0,0 +1,18 @@
1
+ {% if page.tabs %}
2
+ {% assign tabs = site.data.[page.tabs] %}
3
+
4
+ <div class="tabs {% if tabs.size %}{{ tabs.size }}{% endif %} {% if tabs.alignment %}{{ tabs.alignment }}{% endif %} {% if tabs.style %}{{ tabs.style }}{% endif %}">
5
+ <ul>
6
+ {% for tab in tabs.items %}
7
+ <li {% if tab.link == page.url %} class="is-active" {% endif %}>
8
+ <a href="{{ tab.link | prepend: site.baseurl }}">
9
+ {% if tab.icon %}
10
+ <span class="icon is-small"><i class="fas {{ tab.icon }}" aria-hidden="true"></i></span>
11
+ {% endif %}
12
+ <span>{{ tab.name }}</span>
13
+ </a>
14
+ </li>
15
+ {% endfor %}
16
+ </ul>
17
+ </div>
18
+ {% endif %}
data/_layouts/default.html CHANGED
@@ -13,9 +13,8 @@
13
13
  </div>
14
14
  {% endif %}
15
15
  <div class="column">
16
- <div class="content">
17
- {{ content }}
18
- </div>
16
+ {% include tabs.html %}
17
+ {{ content }}
19
18
  </div>
20
19
  {% if site.posts and page.show_sidebar %}
21
20
  <div class="column is-4-desktop is-12-tablet">
data/_layouts/page.html CHANGED
@@ -2,4 +2,6 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {{ content }}
5
+ <div class="content">
6
+ {{ content }}
7
+ </div>
data/_sass/_main.scss CHANGED
@@ -4,5 +4,9 @@
4
4
  $family-sans-serif: 'Montserrat', sans-serif;
5
5
  $primary: #188eac !default;
6
6
 
7
+ $tabs-link-active-color: $primary;
8
+ $tabs-link-active-border-bottom-color: $primary;
9
+
7
10
  @import "../node_modules/bulma/bulma.sass";
8
- @import "layout";
11
+ @import "layout";
12
+ @import "syntax"
data/_sass/syntax.scss ADDED
@@ -0,0 +1,209 @@
1
+ .highlight table td { padding: 5px; }
2
+ .highlight table pre { margin: 0; }
3
+ .highlight .cm {
4
+ color: #999988;
5
+ font-style: italic;
6
+ }
7
+ .highlight .cp {
8
+ color: #999999;
9
+ font-weight: bold;
10
+ }
11
+ .highlight .c1 {
12
+ color: #999988;
13
+ font-style: italic;
14
+ }
15
+ .highlight .cs {
16
+ color: #999999;
17
+ font-weight: bold;
18
+ font-style: italic;
19
+ }
20
+ .highlight .c, .highlight .cd {
21
+ color: #999988;
22
+ font-style: italic;
23
+ }
24
+ .highlight .err {
25
+ color: #a61717;
26
+ background-color: #e3d2d2;
27
+ }
28
+ .highlight .gd {
29
+ color: #000000;
30
+ background-color: #ffdddd;
31
+ }
32
+ .highlight .ge {
33
+ color: #000000;
34
+ font-style: italic;
35
+ }
36
+ .highlight .gr {
37
+ color: #aa0000;
38
+ }
39
+ .highlight .gh {
40
+ color: #999999;
41
+ }
42
+ .highlight .gi {
43
+ color: #000000;
44
+ background-color: #ddffdd;
45
+ }
46
+ .highlight .go {
47
+ color: #888888;
48
+ }
49
+ .highlight .gp {
50
+ color: #555555;
51
+ }
52
+ .highlight .gs {
53
+ font-weight: bold;
54
+ }
55
+ .highlight .gu {
56
+ color: #aaaaaa;
57
+ }
58
+ .highlight .gt {
59
+ color: #aa0000;
60
+ }
61
+ .highlight .kc {
62
+ color: #000000;
63
+ font-weight: bold;
64
+ }
65
+ .highlight .kd {
66
+ color: #000000;
67
+ font-weight: bold;
68
+ }
69
+ .highlight .kn {
70
+ color: #000000;
71
+ font-weight: bold;
72
+ }
73
+ .highlight .kp {
74
+ color: #000000;
75
+ font-weight: bold;
76
+ }
77
+ .highlight .kr {
78
+ color: #000000;
79
+ font-weight: bold;
80
+ }
81
+ .highlight .kt {
82
+ color: #445588;
83
+ font-weight: bold;
84
+ }
85
+ .highlight .k, .highlight .kv {
86
+ color: #000000;
87
+ font-weight: bold;
88
+ }
89
+ .highlight .mf {
90
+ color: #009999;
91
+ }
92
+ .highlight .mh {
93
+ color: #009999;
94
+ }
95
+ .highlight .il {
96
+ color: #009999;
97
+ }
98
+ .highlight .mi {
99
+ color: #009999;
100
+ }
101
+ .highlight .mo {
102
+ color: #009999;
103
+ }
104
+ .highlight .m, .highlight .mb, .highlight .mx {
105
+ color: #009999;
106
+ }
107
+ .highlight .sb {
108
+ color: #d14;
109
+ }
110
+ .highlight .sc {
111
+ color: #d14;
112
+ }
113
+ .highlight .sd {
114
+ color: #d14;
115
+ }
116
+ .highlight .s2 {
117
+ color: #d14;
118
+ }
119
+ .highlight .se {
120
+ color: #d14;
121
+ }
122
+ .highlight .sh {
123
+ color: #d14;
124
+ }
125
+ .highlight .si {
126
+ color: #d14;
127
+ }
128
+ .highlight .sx {
129
+ color: #d14;
130
+ }
131
+ .highlight .sr {
132
+ color: #009926;
133
+ }
134
+ .highlight .s1 {
135
+ color: #d14;
136
+ }
137
+ .highlight .ss {
138
+ color: #990073;
139
+ }
140
+ .highlight .s {
141
+ color: #d14;
142
+ }
143
+ .highlight .na {
144
+ color: #008080;
145
+ }
146
+ .highlight .bp {
147
+ color: #999999;
148
+ }
149
+ .highlight .nb {
150
+ color: #0086B3;
151
+ }
152
+ .highlight .nc {
153
+ color: #445588;
154
+ font-weight: bold;
155
+ }
156
+ .highlight .no {
157
+ color: #008080;
158
+ }
159
+ .highlight .nd {
160
+ color: #3c5d5d;
161
+ font-weight: bold;
162
+ }
163
+ .highlight .ni {
164
+ color: #800080;
165
+ }
166
+ .highlight .ne {
167
+ color: #990000;
168
+ font-weight: bold;
169
+ }
170
+ .highlight .nf {
171
+ color: #990000;
172
+ font-weight: bold;
173
+ }
174
+ .highlight .nl {
175
+ color: #990000;
176
+ font-weight: bold;
177
+ }
178
+ .highlight .nn {
179
+ color: #555555;
180
+ }
181
+ .highlight .nt {
182
+ color: #000080;
183
+ }
184
+ .highlight .vc {
185
+ color: #008080;
186
+ }
187
+ .highlight .vg {
188
+ color: #008080;
189
+ }
190
+ .highlight .vi {
191
+ color: #008080;
192
+ }
193
+ .highlight .nv {
194
+ color: #008080;
195
+ }
196
+ .highlight .ow {
197
+ color: #000000;
198
+ font-weight: bold;
199
+ }
200
+ .highlight .o {
201
+ color: #000000;
202
+ font-weight: bold;
203
+ }
204
+ .highlight .w {
205
+ color: #bbbbbb;
206
+ }
207
+ .highlight {
208
+ background-color: #f8f8f8;
209
+ }
data/node_modules/bulma/CHANGELOG.md CHANGED
@@ -1,5 +1,32 @@
1
1
  # Bulma Changelog
2
2
 
3
+ ## 0.7.3
4
+
5
+ ### New features
6
+
7
+ * #2145 Fix #372 -> New indeterminate progress bars
8
+ * #2206 Fix #2046 -> New variables `$table-head-background-color`, `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
9
+ * #592 -> Give arbitrary elements access to the image/ratio classes
10
+ * #1682 Fix #1681 -> Adds disabled styles for `<fieldset disabled>`
11
+ * #2201 Fix #1875 -> `.buttons` and `.tags` group sizing (`.are-small`, `.are-medium`, `.are-large`)
12
+
13
+ ### Improvements
14
+
15
+ * #1978 Fix #1696 -> Force `box-sizing: border-box` on `details` element
16
+ * #2167 Fix #1878 -> New `$footer-padding` variable
17
+ * #2168 -> New `$input-placeholder-color` and `$input-disabled-placeholder-color` variables
18
+
19
+ ### Bug fixes
20
+
21
+ * #2157 Fix #1656 -> Allow border radius if only one `.control` in `.field`
22
+ * #2091 Fix #2091 -> Remove CSS rule which causes `.tag.has-addons` to not work correctly
23
+ * #2186 Fix #1130 -> Prevent `.dropdown` links underlining in `.message` component
24
+ * Fix #2154 -> Move `.hero.is-fullheight-with-navbar` to `navbar.sass` file
25
+
26
+ ### Deprecation
27
+
28
+ * `.control.has-icon` deprecated in favor of `.control.has-icons`
29
+
3
30
  ## 0.7.2
4
31
 
5
32
  ### New features
data/node_modules/bulma/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  The MIT License (MIT)
2
2
 
3
- Copyright (c) 2018 Jeremy Thomas
3
+ Copyright (c) 2019 Jeremy Thomas
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
data/node_modules/bulma/README.md CHANGED
@@ -75,37 +75,44 @@ Browse the [online documentation here.](https://bulma.io/documentation/overview/
75
75
 
76
76
  ## Related projects
77
77
 
78
- | Project | Description |
79
- |------------------------------------------------------------------------------------|--------------------------------------------------------------------|
80
- | [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-selectors) | Adds support for attribute-based selectors. |
81
- | [Bulma with Rails](https://github.com/joshuajansen/bulma-rails) | Integrates Bulma with the rails asset pipeline |
82
- | [Vue Admin](https://github.com/vue-bulma/vue-admin) | Vue Admin framework powered by Bulma |
83
- | [Bulmaswatch](https://github.com/jenil/bulmaswatch) | Free themes for Bulma |
84
- | [Goldfish](https://github.com/Caiyeon/goldfish) | Vault UI with Bulma, Golang, and Vue Admin |
85
- | [ember-bulma](https://github.com/open-tux/ember-bulma) | Ember addon providing a collection of UI components for Bulma |
86
- | [Bloomer](https://bloomer.js.org) | A set of React components for Bulma |
87
- | [React-bulma](https://github.com/kulakowka/react-bulma) | React.js components for Bulma |
88
- | [Buefy](https://buefy.github.io) | Lightweight UI components for Vue.js based on Bulma |
89
- | [vue-bulma-components](https://github.com/vouill/vue-bulma-components) | Bulma components for Vue.js with straightforward syntax |
90
- | [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) | Javascript integration for Bulma. Written in ES6 with a data-* API |
91
- | [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx) | A set of modal window effects with CSS transitions and animations for Bulma |
92
- | [Bulma.styl](https://github.com/log1x/bulma.styl) | 1:1 Stylus translation of Bulma |
93
- | [elm-bulma](https://github.com/surprisetalk/elm-bulma) | Bulma + Elm |
94
- | [elm-bulma-classes](https://github.com/ahstro/elm-bulma-classes) | Bulma classes prepared for usage with Elm |
95
- | [Bulma Customizer](https://bulma-customizer.bstash.io/) | Bulma Customizer &#8211; Create your own **bespoke** Bulma build |
96
- | [Fulma](https://mangelmaxime.github.io/Fulma/) | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable-react) |
97
- | [Laravel Enso](https://github.com/laravel-enso/enso) | SPA Admin Panel built with Bulma, VueJS and Laravel |
98
- | [Django Bulma](https://github.com/timonweb/django-bulma) | Integrates Bulma with Django |
99
- | [Bulma Templates](https://github.com/dansup/bulma-templates) | Free Templates for Bulma |
100
- | [React Bulma Components](https://github.com/couds/react-bulma-components) | Another React wrap on React for Bulma.io |
101
- | [purescript-bulma](https://github.com/sectore/purescript-bulma) | PureScript bindings for Bulma |
102
- | [Vue Datatable](https://github.com/laravel-enso/vuedatatable) | Bulma themed datatable based on Vue, Laravel & JSON templates |
103
- | [bulma-fluent](https://mubaidr.github.io/bulma-fluent/) | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System |
104
- | [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt) | Automatically add Bulma classes to HTML files |
78
+ | Project | Description |
79
+ |--------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|
80
+ | [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-selectors) | Adds support for attribute-based selectors |
81
+ | [Bulma with Rails](https://github.com/joshuajansen/bulma-rails) | Integrates Bulma with the rails asset pipeline |
82
+ | [Vue Admin](https://github.com/vue-bulma/vue-admin) | Vue Admin framework powered by Bulma |
83
+ | [Bulmaswatch](https://github.com/jenil/bulmaswatch) | Free themes for Bulma |
84
+ | [Goldfish](https://github.com/Caiyeon/goldfish) | Vault UI with Bulma, Golang, and Vue Admin |
85
+ | [ember-bulma](https://github.com/open-tux/ember-bulma) | Ember addon providing a collection of UI components for Bulma |
86
+ | [Bloomer](https://bloomer.js.org) | A set of React components for Bulma |
87
+ | [React-bulma](https://github.com/kulakowka/react-bulma) | React.js components for Bulma |
88
+ | [Buefy](https://buefy.github.io) | Lightweight UI components for Vue.js based on Bulma |
89
+ | [vue-bulma-components](https://github.com/vouill/vue-bulma-components) | Bulma components for Vue.js with straightforward syntax |
90
+ | [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) | Javascript integration for Bulma. Written in ES6 with a data-* API |
91
+ | [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx) | A set of modal window effects with CSS transitions and animations for Bulma |
92
+ | [Bulma.styl](https://github.com/log1x/bulma.styl) | 1:1 Stylus translation of Bulma |
93
+ | [elm-bulma](https://github.com/surprisetalk/elm-bulma) | Bulma + Elm |
94
+ | [elm-bulma-classes](https://github.com/ahstro/elm-bulma-classes) | Bulma classes prepared for usage with Elm |
95
+ | [Bulma Customizer](https://bulma-customizer.bstash.io/) | Bulma Customizer &#8211; Create your own **bespoke** Bulma build |
96
+ | [Fulma](https://mangelmaxime.github.io/Fulma/) | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable-react) |
97
+ | [Laravel Enso](https://github.com/laravel-enso/enso) | SPA Admin Panel built with Bulma, VueJS and Laravel |
98
+ | [Django Bulma](https://github.com/timonweb/django-bulma) | Integrates Bulma with Django |
99
+ | [Bulma Templates](https://github.com/dansup/bulma-templates) | Free Templates for Bulma |
100
+ | [React Bulma Components](https://github.com/couds/react-bulma-components) | Another React wrap on React for Bulma.io |
101
+ | [purescript-bulma](https://github.com/sectore/purescript-bulma) | PureScript bindings for Bulma |
102
+ | [Vue Datatable](https://github.com/laravel-enso/vuedatatable) | Bulma themed datatable based on Vue, Laravel & JSON templates |
103
+ | [bulma-fluent](https://mubaidr.github.io/bulma-fluent/) | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System |
104
+ | [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt) | Automatically add Bulma classes to HTML files |
105
+ | [bulma-pagination-react](https://github.com/hipstersmoothie/bulma-pagination-react) | Bulma pagination as a react component |
106
+ | [bulma-helpers](https://github.com/jmaczan/bulma-helpers) | Functional / Atomic CSS classes for Bulma |
107
+ | [bulma-swatch-hook](https://github.com/hipstersmoothie/bulma-swatch-hook) | Bulma swatches as a react hook and a component |
108
+ | [BulmaWP](https://github.com/tomhrtly/BulmaWP) | Starter WordPress theme for Bulma |
109
+ | [Ralma](https://github.com/aldi/ralma) | Stateless Ractive.js Components for Bulma |
110
+ | [Django Simple Bulma](https://github.com/python-discord/django-simple-bulma) | Lightweight integration of Bulma and Bulma-Extensions for your Django app |
111
+ | [rbx](https://dfee.github.io/rbx) | Comprehensive React UI Framework written in TypeScript. |
105
112
 
106
113
  ## Copyright and license
107
114
 
108
- Code copyright 2018 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
115
+ Code copyright 2019 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
109
116
 
110
117
  [npm-link]: https://www.npmjs.com/package/bulma
111
118
  [awesome-link]: https://github.com/awesome-css-group/awesome-css