bulma-clean-theme 0.3 → 0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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