mirror of
https://github.com/jgthms/bulma.git
synced 2024-12-12 13:28:30 +00:00
Merge branch 'master' into css-variables
This commit is contained in:
Jeremy Thomas
commit
2594422d7a
249
BACKERS.md
249
BACKERS.md
@ -4,7 +4,114 @@
|
|||||||
|
|
||||||
|
|
||||||
<h2 class="title is-5">
|
<h2 class="title is-5">
|
||||||
Documentation sponsors via Patreon ($500+)
|
Generous backers ($30+)
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<table class="table is-bordered">
|
||||||
|
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Twitter</th>
|
||||||
|
<th>Website</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Roman Chvanikoff</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Garry Newman</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<a href="https://twitter.com/garrynewman" target="_blank" rel="nofollow">
|
||||||
|
@garrynewman
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Bjørn Nese</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Adrian Ocneanu</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<a href="https://twitter.com/aocneanu" target="_blank" rel="nofollow">
|
||||||
|
@aocneanu
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<a href="https://www.earthlink.ro/" target="_blank" rel="nofollow">
|
||||||
|
Earthlink
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Aaron</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<a href="https://twitter.com/aequasi" target="_blank" rel="nofollow">
|
||||||
|
@aequasi
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>wingerdkm1</td>
|
||||||
|
<td colspan="2"><a href="https://github.com/wingerdkm1" target="_blank" rel="nofollow">GitHub</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h2 class="title is-5">
|
||||||
|
Documentation sponsors ($500+)
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<table class="table is-bordered">
|
<table class="table is-bordered">
|
||||||
@ -40,7 +147,7 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
<h2 class="title is-5">
|
<h2 class="title is-5">
|
||||||
Homepage sponsors via Patreon ($100+)
|
Homepage sponsors ($100+)
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<table class="table is-bordered">
|
<table class="table is-bordered">
|
||||||
@ -120,19 +227,6 @@
|
|||||||
|
|
||||||
<td>
|
<td>
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Mark Mazza</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@ -163,90 +257,16 @@
|
|||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h2 class="title is-5">
|
|
||||||
Generous backers via Patreon ($30+)
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<table class="table is-bordered">
|
|
||||||
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
<th>Twitter</th>
|
|
||||||
<th>Website</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>Roman Chvanikoff</td>
|
<td>patrick136</td>
|
||||||
|
<td colspan="2"><a href="https://github.com/patrick136" target="_blank" rel="nofollow">GitHub</a></td>
|
||||||
<td>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>Garry Newman</td>
|
<td>airtract</td>
|
||||||
|
<td colspan="2"><a href="https://github.com/airtract" target="_blank" rel="nofollow">GitHub</a></td>
|
||||||
<td>
|
|
||||||
|
|
||||||
<a href="https://twitter.com/garrynewman" target="_blank" rel="nofollow">
|
|
||||||
@garrynewman
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Adrian Ocneanu</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<a href="https://twitter.com/aocneanu" target="_blank" rel="nofollow">
|
|
||||||
@aocneanu
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<a href="https://www.earthlink.ro/" target="_blank" rel="nofollow">
|
|
||||||
Earthlink
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Aaron</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<a href="https://twitter.com/aequasi" target="_blank" rel="nofollow">
|
|
||||||
@aequasi
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
@ -254,7 +274,7 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
<h2 class="title is-5">
|
<h2 class="title is-5">
|
||||||
Backers via Patreon ($10+)
|
Bulma backers ($10+)
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<table class="table is-bordered">
|
<table class="table is-bordered">
|
||||||
@ -312,6 +332,19 @@
|
|||||||
|
|
||||||
<td>
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Maurice Perry</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@ -360,12 +393,12 @@
|
|||||||
|
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>Franz Geffke</td>
|
<td>Florian Breisch</td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
|
|
||||||
<a href="https://twitter.com/f_anzs" target="_blank" rel="nofollow">
|
<a href="https://twitter.com/FlorianBreisch" target="_blank" rel="nofollow">
|
||||||
@f_anzs
|
@FlorianBreisch
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
@ -377,14 +410,10 @@
|
|||||||
|
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>Florian Breisch</td>
|
<td>dvkt</td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
|
|
||||||
<a href="https://twitter.com/FlorianBreisch" target="_blank" rel="nofollow">
|
|
||||||
@FlorianBreisch
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
@ -406,16 +435,22 @@
|
|||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>Dave Matthews</td>
|
<td>Gomah</td>
|
||||||
|
<td colspan="2"><a href="https://github.com/Gomah" target="_blank" rel="nofollow">GitHub</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
</td>
|
<tr>
|
||||||
|
<td>sasmithjr</td>
|
||||||
|
<td colspan="2"><a href="https://github.com/sasmithjr" target="_blank" rel="nofollow">GitHub</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<td>
|
|
||||||
|
|
||||||
</td>
|
<tr>
|
||||||
|
<td>kuwaitbinary</td>
|
||||||
|
<td colspan="2"><a href="https://github.com/kuwaitbinary" target="_blank" rel="nofollow">GitHub</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -7,6 +7,7 @@
|
|||||||
* #2709 Add light colors to the `notification` element
|
* #2709 Add light colors to the `notification` element
|
||||||
* #2740 Fixes #2739 -> Add variables size for layout `hero`
|
* #2740 Fixes #2739 -> Add variables size for layout `hero`
|
||||||
* Fix #2741 -> Create `bulmaRgba()` function to support `inherit` value
|
* Fix #2741 -> Create `bulmaRgba()` function to support `inherit` value
|
||||||
|
* #2756 Add `$button-text-decoration` variable
|
||||||
|
|
||||||
### Bug fixes
|
### Bug fixes
|
||||||
|
|
||||||
|
|||||||
@ -119,6 +119,7 @@ Browse the [online documentation here.](https://bulma.io/documentation/overview/
|
|||||||
| [Bulma Variable Export](https://github.com/service-paradis/bulma-variables-export) | Access Bulma Variables in Javascript/Typescript in project using Webpack |
|
| [Bulma Variable Export](https://github.com/service-paradis/bulma-variables-export) | Access Bulma Variables in Javascript/Typescript in project using Webpack |
|
||||||
| [Bulmil](https://github.com/gomah/bulmil) | An agnostic UI components library based on Web Components, made with Bulma & Stencil. |
|
| [Bulmil](https://github.com/gomah/bulmil) | An agnostic UI components library based on Web Components, made with Bulma & Stencil. |
|
||||||
| [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components) | Library of UI components to be used in [Svelte.js](https://svelte.technology/) or standalone. |
|
| [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components) | Library of UI components to be used in [Svelte.js](https://svelte.technology/) or standalone. |
|
||||||
|
| [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter-kit) | Starterkit for Nunjucks with Bulma. |
|
||||||
|
|
||||||
## Copyright and license
|
## Copyright and license
|
||||||
|
|
||||||
|
|||||||
@ -1,120 +1,120 @@
|
|||||||
{
|
{
|
||||||
"10": [
|
"10": [
|
||||||
{
|
|
||||||
"name": "Dave Matthews",
|
|
||||||
"twitter": "",
|
|
||||||
"start_timestamp": 1572311879973
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"name": "Dodzidenu Dzakuma",
|
"name": "Dodzidenu Dzakuma",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1572836840820
|
"start_timestamp": 1572833240820
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "dvkt",
|
||||||
|
"twitter": "",
|
||||||
|
"start_timestamp": 1572308279973
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Florian Breisch",
|
"name": "Florian Breisch",
|
||||||
"twitter": "FlorianBreisch",
|
"twitter": "FlorianBreisch",
|
||||||
"start_timestamp": 1568874287443
|
"start_timestamp": 1568870687443
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "Franz Geffke",
|
|
||||||
"twitter": "f_anzs",
|
|
||||||
"start_timestamp": 1534701757930
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Jason Seminara",
|
"name": "Jason Seminara",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1532955289949
|
"start_timestamp": 1532951689949
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Jordan Nemrow",
|
"name": "Jordan Nemrow",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1510767260223
|
"start_timestamp": 1510763660223
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Leo Zeba",
|
"name": "Leo Zeba",
|
||||||
"twitter": "leozeba",
|
"twitter": "leozeba",
|
||||||
"start_timestamp": 1511898573597
|
"start_timestamp": 1511894973597
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Maurice Perry",
|
||||||
|
"twitter": "",
|
||||||
|
"start_timestamp": 1575823033076
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Stuart Stanfield",
|
"name": "Stuart Stanfield",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1527579663355
|
"start_timestamp": 1527576063355
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Takayuki Yamaguchi",
|
"name": "Takayuki Yamaguchi",
|
||||||
"twitter": "takyam",
|
"twitter": "takyam",
|
||||||
"start_timestamp": 1512366265358
|
"start_timestamp": 1512362665358
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Tyler Weeres",
|
"name": "Tyler Weeres",
|
||||||
"twitter": "tweeres04",
|
"twitter": "tweeres04",
|
||||||
"start_timestamp": 1552764835672
|
"start_timestamp": 1552761235672
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"30": [
|
"30": [
|
||||||
{
|
{
|
||||||
"name": "Aaron",
|
"name": "Aaron",
|
||||||
"twitter": "aequasi",
|
"twitter": "aequasi",
|
||||||
"start_timestamp": 1511242659284
|
"start_timestamp": 1511239059284
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Adrian Ocneanu",
|
"name": "Adrian Ocneanu",
|
||||||
"twitter": "aocneanu",
|
"twitter": "aocneanu",
|
||||||
"start_timestamp": 1510731567799,
|
"start_timestamp": 1510727967799,
|
||||||
"website_url": "https://www.earthlink.ro/",
|
"website_url": "https://www.earthlink.ro/",
|
||||||
"website_name": "Earthlink"
|
"website_name": "Earthlink"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"name": "Bjørn Nese",
|
||||||
|
"twitter": "",
|
||||||
|
"start_timestamp": 1579190804620
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"name": "Garry Newman",
|
"name": "Garry Newman",
|
||||||
"twitter": "garrynewman",
|
"twitter": "garrynewman",
|
||||||
"start_timestamp": 1511186868165
|
"start_timestamp": 1511183268165
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Roman Chvanikoff",
|
"name": "Roman Chvanikoff",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1554650361520
|
"start_timestamp": 1554646761520
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"100": [
|
"100": [
|
||||||
{
|
{
|
||||||
"name": "DontPayFull",
|
"name": "DontPayFull",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1535455908636
|
"start_timestamp": 1535452308636
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Iaroslav Baklan",
|
"name": "Iaroslav Baklan",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1571294038349
|
"start_timestamp": 1571290438349
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "Mark Mazza",
|
|
||||||
"twitter": "",
|
|
||||||
"start_timestamp": 1566959843240
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Phil Alves",
|
"name": "Phil Alves",
|
||||||
"twitter": "philalves01",
|
"twitter": "philalves01",
|
||||||
"start_timestamp": 1541989777176
|
"start_timestamp": 1541986177176
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Robert Bolder",
|
"name": "Robert Bolder",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1546593784071
|
"start_timestamp": 1546590184071
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Sparheld International GmbH",
|
"name": "Sparheld International GmbH",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1563870141112
|
"start_timestamp": 1563866541112
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Tooltwist",
|
"name": "Tooltwist",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1522552630215
|
"start_timestamp": 1522549030215
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Yiannakis Ttafounas",
|
"name": "Yiannakis Ttafounas",
|
||||||
"twitter": "",
|
"twitter": "",
|
||||||
"start_timestamp": 1564570532754
|
"start_timestamp": 1564566932754
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"300": [],
|
"300": [],
|
||||||
@ -122,7 +122,7 @@
|
|||||||
{
|
{
|
||||||
"name": "Tipe",
|
"name": "Tipe",
|
||||||
"twitter": "tipeio",
|
"twitter": "tipeio",
|
||||||
"start_timestamp": 1532102606749
|
"start_timestamp": 1532099006749
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,31 @@
|
|||||||
{
|
{
|
||||||
"by_id": {
|
"by_id": {
|
||||||
|
"oneprofile": {
|
||||||
|
"name": "oneprofile",
|
||||||
|
"url": "https://www.oneprofile.info/",
|
||||||
|
"highlighted": true,
|
||||||
|
"date": "14 Mar 2020"
|
||||||
|
},
|
||||||
|
"formalfounder": {
|
||||||
|
"name": "formalfounder",
|
||||||
|
"url": "https://www.formalfounder.com/",
|
||||||
|
"date": "13 Feb 2020"
|
||||||
|
},
|
||||||
|
"klimchuk": {
|
||||||
|
"name": "klimchuk",
|
||||||
|
"url": "https://klimchuk.com/",
|
||||||
|
"date": "28 Feb 2020"
|
||||||
|
},
|
||||||
|
"pagespeed": {
|
||||||
|
"name": "pagespeed",
|
||||||
|
"url": "https://pagespeed.green/",
|
||||||
|
"date": "19 Feb 2020"
|
||||||
|
},
|
||||||
|
"rydesignsstuff": {
|
||||||
|
"name": "rydesignsstuff",
|
||||||
|
"url": "https://www.rydesignsstuff.co.uk/",
|
||||||
|
"date": "10 Dec 2019"
|
||||||
|
},
|
||||||
"sinuous": {
|
"sinuous": {
|
||||||
"name": "Sinuous",
|
"name": "Sinuous",
|
||||||
"url": "https://sinuous.netlify.com/",
|
"url": "https://sinuous.netlify.com/",
|
||||||
@ -344,6 +370,11 @@
|
|||||||
"Gustav"
|
"Gustav"
|
||||||
],
|
],
|
||||||
"expo": [
|
"expo": [
|
||||||
|
"oneprofile",
|
||||||
|
"formalfounder",
|
||||||
|
"klimchuk",
|
||||||
|
"pagespeed",
|
||||||
|
"rydesignsstuff",
|
||||||
"divjoy",
|
"divjoy",
|
||||||
"spike",
|
"spike",
|
||||||
"ftwcoin",
|
"ftwcoin",
|
||||||
|
|||||||
35
docs/_data/github.json
Normal file
35
docs/_data/github.json
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
{
|
||||||
|
"1": [
|
||||||
|
"timothymiko",
|
||||||
|
"smjnab",
|
||||||
|
"bekwam",
|
||||||
|
"Heartz66",
|
||||||
|
"cosgrove39264",
|
||||||
|
"MichaelSchmidle",
|
||||||
|
"neetso",
|
||||||
|
"bastien09",
|
||||||
|
"rewtraw",
|
||||||
|
"romainnorberg",
|
||||||
|
"KirillOsenkov",
|
||||||
|
"scott-joe"
|
||||||
|
],
|
||||||
|
"10": [
|
||||||
|
"dmjio",
|
||||||
|
"seansan",
|
||||||
|
"kuwaitbinary",
|
||||||
|
"sasmithjr",
|
||||||
|
"Gomah"
|
||||||
|
],
|
||||||
|
"30": [],
|
||||||
|
"100": [
|
||||||
|
"SamChester651",
|
||||||
|
"Mobilunity-Com",
|
||||||
|
"wingerdkm1",
|
||||||
|
"airtract",
|
||||||
|
"patrick136"
|
||||||
|
],
|
||||||
|
"300": [
|
||||||
|
"stacho"
|
||||||
|
],
|
||||||
|
"500": []
|
||||||
|
}
|
||||||
@ -75,7 +75,7 @@
|
|||||||
"color": "patreon",
|
"color": "patreon",
|
||||||
"fa_type": "fab",
|
"fa_type": "fab",
|
||||||
"fa_icon": "fa-patreon",
|
"fa_icon": "fa-patreon",
|
||||||
"title": "Patreon backers",
|
"title": "Patreon and GitHub backers",
|
||||||
"description": "Everyone who is supporting Bulma"
|
"description": "Everyone who is supporting Bulma"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@ -513,7 +513,7 @@
|
|||||||
},
|
},
|
||||||
"backers": {
|
"backers": {
|
||||||
"id": "backers",
|
"id": "backers",
|
||||||
"name": "Patreon Backers",
|
"name": "Patreon and GitHub Backers",
|
||||||
"title": "Backers",
|
"title": "Backers",
|
||||||
"color": "patreon",
|
"color": "patreon",
|
||||||
"icon": "patreon",
|
"icon": "patreon",
|
||||||
@ -548,7 +548,7 @@
|
|||||||
"path": "/alternative-to-bootstrap"
|
"path": "/alternative-to-bootstrap"
|
||||||
},
|
},
|
||||||
"patreon-backers": {
|
"patreon-backers": {
|
||||||
"name": "Patreon backers",
|
"name": "Patreon and GitHub backers",
|
||||||
"subtitle": "Everyone who is supporting Bulma",
|
"subtitle": "Everyone who is supporting Bulma",
|
||||||
"icon_brand": "true",
|
"icon_brand": "true",
|
||||||
"icon": "patreon",
|
"icon": "patreon",
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -111,6 +111,13 @@
|
|||||||
"width":"125",
|
"width":"125",
|
||||||
"height":"35"
|
"height":"35"
|
||||||
},
|
},
|
||||||
|
"searchpromocodes": {
|
||||||
|
"name": "SearchPromoCodes",
|
||||||
|
"url": "https://searchpromocodes.com/",
|
||||||
|
"title": "SearchPromoCodes",
|
||||||
|
"width":"150",
|
||||||
|
"height":"62"
|
||||||
|
},
|
||||||
"clothingric": {
|
"clothingric": {
|
||||||
"name": "ClothingRIC",
|
"name": "ClothingRIC",
|
||||||
"url": "https://www.clothingric.com/",
|
"url": "https://www.clothingric.com/",
|
||||||
@ -157,29 +164,64 @@
|
|||||||
"title": "firesticktricks",
|
"title": "firesticktricks",
|
||||||
"width":"120",
|
"width":"120",
|
||||||
"height":"30"
|
"height":"30"
|
||||||
|
},
|
||||||
|
"airtract": {
|
||||||
|
"name": "AirTract",
|
||||||
|
"url": "https://www.airtract.com/",
|
||||||
|
"title": "AirTract",
|
||||||
|
"width":"150",
|
||||||
|
"height":"42",
|
||||||
|
"follow": true
|
||||||
|
},
|
||||||
|
"realtimecommunications": {
|
||||||
|
"name": "Real Time Communications",
|
||||||
|
"url": "https://www.realtimecommunicationsworld.com/",
|
||||||
|
"title": "Real Time Communications World",
|
||||||
|
"width":"120",
|
||||||
|
"height":"57"
|
||||||
|
},
|
||||||
|
"polygon": {
|
||||||
|
"name": "Polygon.io",
|
||||||
|
"url": "https://polygon.io/",
|
||||||
|
"title": "Stock APIs",
|
||||||
|
"width":"150",
|
||||||
|
"height":"50",
|
||||||
|
"follow": true
|
||||||
|
},
|
||||||
|
"cooltechzone": {
|
||||||
|
"name": "cooltechzone",
|
||||||
|
"url": "https://cooltechzone.com/vpn-for-torrenting",
|
||||||
|
"title": "VPNs for Torrenting",
|
||||||
|
"width":"160",
|
||||||
|
"height":"52"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"home": [
|
"home": [
|
||||||
"themeisle",
|
"themeisle"
|
||||||
"tooltwist",
|
,"tooltwist"
|
||||||
"dontpayfull",
|
,"dontpayfull"
|
||||||
"devsquad",
|
,"devsquad"
|
||||||
"vpsserver",
|
,"vpsserver"
|
||||||
"craft",
|
,"craft"
|
||||||
"paperleaf",
|
,"paperleaf"
|
||||||
"papersowl",
|
,"papersowl"
|
||||||
"sparheld",
|
,"sparheld"
|
||||||
"bid4papers",
|
,"bid4papers"
|
||||||
"writersperhour",
|
,"writersperhour"
|
||||||
"promocodewatch",
|
,"searchpromocodes"
|
||||||
"clothingric",
|
,"clothingric"
|
||||||
"edubirdie",
|
,"edubirdie"
|
||||||
"edusson",
|
,"edusson"
|
||||||
"emucoupon",
|
,"emucoupon"
|
||||||
"namobot",
|
,"namobot"
|
||||||
"firesticktricks"
|
,"firesticktricks"
|
||||||
|
,"airtract"
|
||||||
|
,"realtimecommunications"
|
||||||
|
,"polygon"
|
||||||
|
,"cooltechzone"
|
||||||
],
|
],
|
||||||
"footer": [
|
"footer": [
|
||||||
"writersperhour"
|
"writersperhour"
|
||||||
|
,"polygon"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
4
docs/_includes/elements/github-item.html
Normal file
4
docs/_includes/elements/github-item.html
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<tr>
|
||||||
|
<td>{{ backer }}</td>
|
||||||
|
<td colspan="2"><a href="https://github.com/{{ backer }}" target="_blank" rel="nofollow">GitHub</a></td>
|
||||||
|
</tr>
|
||||||
@ -7,6 +7,7 @@
|
|||||||
|
|
||||||
<div class="{{ include.classname }}">
|
<div class="{{ include.classname }}">
|
||||||
<a
|
<a
|
||||||
|
class="bd-sponsor-item"
|
||||||
href="{{ sponsor.url }}"
|
href="{{ sponsor.url }}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
{% unless sponsor.follow %}
|
{% unless sponsor.follow %}
|
||||||
|
|||||||
@ -7,7 +7,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="bd-footer-tsp">
|
<div class="bd-footer-tsp">
|
||||||
Source code licensed <a href="https://opensource.org/licenses/mit-license.php">MIT</a>.
|
Source code licensed <a href="https://opensource.org/licenses/mit-license.php" target="_blank">MIT</a>.
|
||||||
<br>
|
<br>
|
||||||
Website content licensed <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>
|
Website content licensed <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -21,9 +21,10 @@
|
|||||||
{% if site.data.sponsors.footer.size > 0 %}
|
{% if site.data.sponsors.footer.size > 0 %}
|
||||||
<div class="bd-footer-donation column">
|
<div class="bd-footer-donation column">
|
||||||
<p class="bd-footer-donation-title">
|
<p class="bd-footer-donation-title">
|
||||||
Visit our <strong>Sponsor</strong>
|
Visit our <strong>Sponsors</strong>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<div class="bd-footer-donation-items">
|
||||||
{% for sponsor_id in site.data.sponsors.footer %}
|
{% for sponsor_id in site.data.sponsors.footer %}
|
||||||
{% include elements/sponsor-item.html
|
{% include elements/sponsor-item.html
|
||||||
sponsor_id=sponsor_id
|
sponsor_id=sponsor_id
|
||||||
@ -31,6 +32,7 @@
|
|||||||
%}
|
%}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="bd-footer-donation column">
|
<div class="bd-footer-donation column">
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.data.meta.description }}{% endif %}">
|
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.data.meta.description }}{% endif %}">
|
||||||
|
|
||||||
<title>{% if page.fulltitle %}{{ page.fulltitle }}{% else %}{% if page.title %}{{ page.title }} | {% endif %}{{ site.data.meta.title }}{% endif %}</title>
|
<title>{% if page.fulltitle %}{{ page.fulltitle | strip_html }}{% else %}{% if page.title %}{{ page.title | strip_html }} | {% endif %}{{ site.data.meta.title | strip_html }}{% endif %}</title>
|
||||||
|
|
||||||
{% if page.fontawesome4 %}
|
{% if page.fontawesome4 %}
|
||||||
<link rel="stylesheet" href="{{ site.data.icons.fontawesome4 }}">
|
<link rel="stylesheet" href="{{ site.data.icons.fontawesome4 }}">
|
||||||
@ -36,8 +36,8 @@
|
|||||||
<meta property="og:title" content="{{ page.share_title }}">
|
<meta property="og:title" content="{{ page.share_title }}">
|
||||||
<meta name="twitter:title" content="{{ page.share_title }}">
|
<meta name="twitter:title" content="{{ page.share_title }}">
|
||||||
{% elsif page.title %}
|
{% elsif page.title %}
|
||||||
<meta property="og:title" content="{{ page.title | replace: ' ', ' ' }}">
|
<meta property="og:title" content="{{ page.title | replace: ' ', ' ' | strip_html }}">
|
||||||
<meta name="twitter:title" content="{{ page.title | replace: ' ', ' ' }}">
|
<meta name="twitter:title" content="{{ page.title | replace: ' ', ' ' | strip_html }}">
|
||||||
{% else %}
|
{% else %}
|
||||||
<meta property="og:title" content="{{ site.data.meta.title }}">
|
<meta property="og:title" content="{{ site.data.meta.title }}">
|
||||||
<meta name="twitter:title" content="{{ site.data.meta.title }}">
|
<meta name="twitter:title" content="{{ site.data.meta.title }}">
|
||||||
|
|||||||
@ -40,7 +40,7 @@
|
|||||||
|
|
||||||
{% for link_id in site.data.links.navbar %}
|
{% for link_id in site.data.links.navbar %}
|
||||||
{% assign link = site.data.links.by_id[link_id] %}
|
{% assign link = site.data.links.by_id[link_id] %}
|
||||||
<a class="navbar-item bd-navbar-item-{{ link.id }} {% if page.route == link.id %}is-active{% endif %}" href="{{ site.url }}{{ link.path }}/">
|
<a class="navbar-item bd-navbar-item-{{ link_id }} {% if page.route == link_id %}is-active{% endif %}" href="{{ site.url }}{{ link.path }}/">
|
||||||
<span class="icon has-text-{{ link.color }}">
|
<span class="icon has-text-{{ link.color }}">
|
||||||
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
|
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
|
||||||
</span>
|
</span>
|
||||||
@ -71,7 +71,7 @@
|
|||||||
|
|
||||||
{% for link_id in site.data.links.more %}
|
{% for link_id in site.data.links.more %}
|
||||||
{% assign link = site.data.links.by_id[link_id] %}
|
{% assign link = site.data.links.by_id[link_id] %}
|
||||||
<a class="navbar-item {% if page.route == link_id %}is-active{% endif %}" href="{{ site.url }}{{ link.path }}">
|
<a class="navbar-item {% if page.route == link_id %}is-active{% endif %} {% if forloop.first %}is-hidden-widescreen{% endif %}" href="{{ site.url }}{{ link.path }}">
|
||||||
<span>
|
<span>
|
||||||
<span class="icon has-text-{{ link.color }}">
|
<span class="icon has-text-{{ link.color }}">
|
||||||
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
|
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
|
||||||
@ -82,7 +82,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
{% unless forloop.last %}
|
{% unless forloop.last %}
|
||||||
<hr class="navbar-divider">
|
<hr class="navbar-divider {% if forloop.first %}is-hidden-widescreen{% endif %}">
|
||||||
{% endunless %}
|
{% endunless %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -54,6 +54,13 @@
|
|||||||
.bd-footer-donation
|
.bd-footer-donation
|
||||||
flex: none
|
flex: none
|
||||||
|
|
||||||
|
.bd-footer-donation-items
|
||||||
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
justify-content: center
|
||||||
|
.bd-footer-sponsor
|
||||||
|
width: 12rem
|
||||||
|
|
||||||
.bd-footer-sponsor a
|
.bd-footer-sponsor a
|
||||||
@extend %center
|
@extend %center
|
||||||
height: 70px
|
height: 70px
|
||||||
|
|||||||
@ -149,6 +149,7 @@
|
|||||||
max-width: $intro-width
|
max-width: $intro-width
|
||||||
|
|
||||||
.bd-focus-item
|
.bd-focus-item
|
||||||
|
@extend %link-before-background
|
||||||
border-radius: $radius-large
|
border-radius: $radius-large
|
||||||
padding-top: 1.25rem
|
padding-top: 1.25rem
|
||||||
position: relative
|
position: relative
|
||||||
@ -165,22 +166,6 @@
|
|||||||
position: relative
|
position: relative
|
||||||
strong
|
strong
|
||||||
color: currentColor
|
color: currentColor
|
||||||
&::before
|
|
||||||
+overlay
|
|
||||||
background-color: $scheme-main-bis
|
|
||||||
border-radius: $radius-large
|
|
||||||
content: ""
|
|
||||||
display: block
|
|
||||||
opacity: 0
|
|
||||||
pointer-events: none
|
|
||||||
transform: scale(1.1)
|
|
||||||
transform-origin: center
|
|
||||||
transition-duration: $speed * 2
|
|
||||||
transition-property: opacity, transform
|
|
||||||
&:hover
|
|
||||||
&::before
|
|
||||||
opacity: 1
|
|
||||||
transform: scale(1)
|
|
||||||
.subtitle
|
.subtitle
|
||||||
color: $text
|
color: $text
|
||||||
&:nth-child(1):hover
|
&:nth-child(1):hover
|
||||||
|
|||||||
@ -21,11 +21,12 @@ $bd-partner-width: 12rem
|
|||||||
justify-content: space-around
|
justify-content: space-around
|
||||||
justify-content: center
|
justify-content: center
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
max-width: (7 * $bd-partner-width)
|
max-width: (8 * $bd-partner-width)
|
||||||
|
|
||||||
.bd-partner-sponsor
|
.bd-partner-sponsor
|
||||||
align-items: center
|
align-items: stretch
|
||||||
display: flex
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
justify-content: center
|
justify-content: center
|
||||||
margin: 0.25rem 1rem
|
margin: 0.25rem 1rem
|
||||||
// min-height: $carbon-height + $carbon-poweredby-height
|
// min-height: $carbon-height + $carbon-poweredby-height
|
||||||
@ -36,6 +37,18 @@ $bd-partner-width: 12rem
|
|||||||
font-size: 0.875em
|
font-size: 0.875em
|
||||||
line-height: 1.25
|
line-height: 1.25
|
||||||
min-height: 0
|
min-height: 0
|
||||||
|
.bd-sponsor-item
|
||||||
|
display: inline
|
||||||
|
.bd-sponsor-item:before
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.bd-sponsor-item
|
||||||
|
@extend %link-before-background
|
||||||
|
@extend %center
|
||||||
|
flex-grow: 1
|
||||||
|
position: relative
|
||||||
|
img
|
||||||
|
position: relative
|
||||||
|
|
||||||
.bd-partnrs
|
.bd-partnrs
|
||||||
background-color: $scheme-main-bis
|
background-color: $scheme-main-bis
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Backers via Patreon
|
fulltitle: 'Backers via Patreon and GitHub'
|
||||||
|
title: 'Backers via <a href="https://www.patreon.com/jgthms" target="_blank">Patreon</a> and <a href="https://github.com/sponsors/jgthms" target="_blank">GitHub</a>'
|
||||||
layout: more
|
layout: more
|
||||||
route: backers
|
route: backers
|
||||||
breadcrumb:
|
breadcrumb:
|
||||||
@ -18,33 +19,7 @@ breadcrumb:
|
|||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
|
|
||||||
<h2 class="title is-5">
|
<h2 class="title is-5">
|
||||||
Documentation sponsors via Patreon ($500+)
|
Generous backers ($30+)
|
||||||
</h2>
|
|
||||||
|
|
||||||
<table class="table is-bordered">
|
|
||||||
{{ table_head }}
|
|
||||||
<tbody>
|
|
||||||
{% for backer in site.data.backers["500"] reversed %}
|
|
||||||
{% include elements/patreon-item.html %}
|
|
||||||
{% endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h2 class="title is-5">
|
|
||||||
Homepage sponsors via Patreon ($100+)
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<table class="table is-bordered">
|
|
||||||
{{ table_head }}
|
|
||||||
<tbody>
|
|
||||||
{% for backer in site.data.backers["100"] reversed %}
|
|
||||||
{% include elements/patreon-item.html %}
|
|
||||||
{% endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h2 class="title is-5">
|
|
||||||
Generous backers via Patreon ($30+)
|
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<table class="table is-bordered">
|
<table class="table is-bordered">
|
||||||
@ -53,11 +28,46 @@ breadcrumb:
|
|||||||
{% for backer in site.data.backers["30"] reversed %}
|
{% for backer in site.data.backers["30"] reversed %}
|
||||||
{% include elements/patreon-item.html %}
|
{% include elements/patreon-item.html %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
{% for backer in site.data.github["30"] reversed %}
|
||||||
|
{% include elements/github-item.html %}
|
||||||
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<h2 class="title is-5">
|
<h2 class="title is-5">
|
||||||
Backers via Patreon ($10+)
|
Documentation sponsors ($500+)
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<table class="table is-bordered">
|
||||||
|
{{ table_head }}
|
||||||
|
<tbody>
|
||||||
|
{% for backer in site.data.backers["500"] reversed %}
|
||||||
|
{% include elements/patreon-item.html %}
|
||||||
|
{% endfor %}
|
||||||
|
{% for backer in site.data.github["500"] reversed %}
|
||||||
|
{% include elements/github-item.html %}
|
||||||
|
{% endfor %}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h2 class="title is-5">
|
||||||
|
Homepage sponsors ($100+)
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<table class="table is-bordered">
|
||||||
|
{{ table_head }}
|
||||||
|
<tbody>
|
||||||
|
{% for backer in site.data.backers["100"] reversed %}
|
||||||
|
{% include elements/patreon-item.html %}
|
||||||
|
{% endfor %}
|
||||||
|
{% for backer in site.data.github["100"] reversed %}
|
||||||
|
{% include elements/github-item.html %}
|
||||||
|
{% endfor %}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h2 class="title is-5">
|
||||||
|
Bulma backers ($10+)
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<table class="table is-bordered">
|
<table class="table is-bordered">
|
||||||
@ -66,5 +76,8 @@ breadcrumb:
|
|||||||
{% for backer in site.data.backers["10"] reversed %}
|
{% for backer in site.data.backers["10"] reversed %}
|
||||||
{% include elements/patreon-item.html %}
|
{% include elements/patreon-item.html %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
{% for backer in site.data.github["10"] reversed %}
|
||||||
|
{% include elements/github-item.html %}
|
||||||
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
@ -38,6 +38,24 @@ $sidebar-width: 10.5rem
|
|||||||
box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.05)
|
box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.05)
|
||||||
display: block
|
display: block
|
||||||
|
|
||||||
|
%link-before-background
|
||||||
|
&::before
|
||||||
|
+overlay
|
||||||
|
background-color: $scheme-main-bis
|
||||||
|
border-radius: $radius-large
|
||||||
|
content: ""
|
||||||
|
display: block
|
||||||
|
opacity: 0
|
||||||
|
pointer-events: none
|
||||||
|
transform: scale(1.1)
|
||||||
|
transform-origin: center
|
||||||
|
transition-duration: $speed * 2
|
||||||
|
transition-property: opacity, transform
|
||||||
|
&:hover
|
||||||
|
&::before
|
||||||
|
opacity: 1
|
||||||
|
transform: scale(1)
|
||||||
|
|
||||||
=selection($current-selector: false)
|
=selection($current-selector: false)
|
||||||
@if $current-selector
|
@if $current-selector
|
||||||
&::-moz-selection
|
&::-moz-selection
|
||||||
|
|||||||
@ -65,7 +65,7 @@
|
|||||||
--bulma-primary-dark: #00947e;
|
--bulma-primary-dark: #00947e;
|
||||||
--bulma-primary-dark-hover: #007a68;
|
--bulma-primary-dark-hover: #007a68;
|
||||||
--bulma-primary-dark-active: #006152;
|
--bulma-primary-dark-active: #006152;
|
||||||
--bulma-primary-invert: var(--bulma-#ebfffc);
|
--bulma-primary-invert: var(--bulma-white);
|
||||||
--bulma-link-h: 217deg;
|
--bulma-link-h: 217deg;
|
||||||
--bulma-link-s: 71%;
|
--bulma-link-s: 71%;
|
||||||
--bulma-link-l: 53%;
|
--bulma-link-l: 53%;
|
||||||
@ -78,7 +78,7 @@
|
|||||||
--bulma-link-dark: #153e7e;
|
--bulma-link-dark: #153e7e;
|
||||||
--bulma-link-dark-hover: #123369;
|
--bulma-link-dark-hover: #123369;
|
||||||
--bulma-link-dark-active: #0e2853;
|
--bulma-link-dark-active: #0e2853;
|
||||||
--bulma-link-invert: var(--bulma-#eef3fc);
|
--bulma-link-invert: var(--bulma-white);
|
||||||
--bulma-info-h: 204deg;
|
--bulma-info-h: 204deg;
|
||||||
--bulma-info-s: 71%;
|
--bulma-info-s: 71%;
|
||||||
--bulma-info-l: 53%;
|
--bulma-info-l: 53%;
|
||||||
@ -91,7 +91,7 @@
|
|||||||
--bulma-info-dark: #15547e;
|
--bulma-info-dark: #15547e;
|
||||||
--bulma-info-dark-hover: #124669;
|
--bulma-info-dark-hover: #124669;
|
||||||
--bulma-info-dark-active: #0e3753;
|
--bulma-info-dark-active: #0e3753;
|
||||||
--bulma-info-invert: var(--bulma-#eef6fc);
|
--bulma-info-invert: var(--bulma-white);
|
||||||
--bulma-success-h: 141deg;
|
--bulma-success-h: 141deg;
|
||||||
--bulma-success-s: 53%;
|
--bulma-success-s: 53%;
|
||||||
--bulma-success-l: 53%;
|
--bulma-success-l: 53%;
|
||||||
@ -104,7 +104,7 @@
|
|||||||
--bulma-success-dark: #23713e;
|
--bulma-success-dark: #23713e;
|
||||||
--bulma-success-dark-hover: #1d5e33;
|
--bulma-success-dark-hover: #1d5e33;
|
||||||
--bulma-success-dark-active: #174a29;
|
--bulma-success-dark-active: #174a29;
|
||||||
--bulma-success-invert: var(--bulma-#effaf3);
|
--bulma-success-invert: var(--bulma-white);
|
||||||
--bulma-warning-h: 48deg;
|
--bulma-warning-h: 48deg;
|
||||||
--bulma-warning-s: 100%;
|
--bulma-warning-s: 100%;
|
||||||
--bulma-warning-l: 67%;
|
--bulma-warning-l: 67%;
|
||||||
@ -117,7 +117,7 @@
|
|||||||
--bulma-warning-dark: #947600;
|
--bulma-warning-dark: #947600;
|
||||||
--bulma-warning-dark-hover: #7a6200;
|
--bulma-warning-dark-hover: #7a6200;
|
||||||
--bulma-warning-dark-active: #614e00;
|
--bulma-warning-dark-active: #614e00;
|
||||||
--bulma-warning-invert: var(--bulma-#fffbeb);
|
--bulma-warning-invert: var(--bulma-white);
|
||||||
--bulma-danger-h: 348deg;
|
--bulma-danger-h: 348deg;
|
||||||
--bulma-danger-s: 86%;
|
--bulma-danger-s: 86%;
|
||||||
--bulma-danger-l: 61%;
|
--bulma-danger-l: 61%;
|
||||||
@ -130,7 +130,7 @@
|
|||||||
--bulma-danger-dark: #8a0a24;
|
--bulma-danger-dark: #8a0a24;
|
||||||
--bulma-danger-dark-hover: #72091e;
|
--bulma-danger-dark-hover: #72091e;
|
||||||
--bulma-danger-dark-active: #5a0717;
|
--bulma-danger-dark-active: #5a0717;
|
||||||
--bulma-danger-invert: var(--bulma-#feecf0);
|
--bulma-danger-invert: var(--bulma-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes spinAround {
|
@-webkit-keyframes spinAround {
|
||||||
@ -11902,7 +11902,7 @@ label.panel-block:hover {
|
|||||||
padding: 3rem 1.5rem 6rem;
|
padding: 3rem 1.5rem 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bd-columns-tool, .bd-footer-sponsor a, .bd-footer-donation-action, .bd-footer-star-figure, .bd-minis-title, .bd-minis-link, .bd-mini {
|
.bd-columns-tool, .bd-footer-sponsor a, .bd-footer-donation-action, .bd-footer-star-figure, .bd-sponsor-item, .bd-minis-title, .bd-minis-link, .bd-mini {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -11915,6 +11915,29 @@ label.panel-block:hover {
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bd-focus-item::before, .bd-sponsor-item::before {
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
background-color: #fafafa;
|
||||||
|
border-radius: 6px;
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
transform: scale(1.1);
|
||||||
|
transform-origin: center;
|
||||||
|
transition-duration: 172ms;
|
||||||
|
transition-property: opacity, transform;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bd-focus-item:hover::before, .bd-sponsor-item:hover::before {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
.bd-main {
|
.bd-main {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -13023,30 +13046,7 @@ svg {
|
|||||||
color: currentColor;
|
color: currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bd-focus-item::before {
|
.bd-focus-item .subtitle .subtitle {
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
background-color: #fafafa;
|
|
||||||
border-radius: 6px;
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
transform: scale(1.1);
|
|
||||||
transform-origin: center;
|
|
||||||
transition-duration: 172ms;
|
|
||||||
transition-property: opacity, transform;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bd-focus-item:hover::before {
|
|
||||||
opacity: 1;
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bd-focus-item:hover .subtitle {
|
|
||||||
color: #4a4a4a;
|
color: #4a4a4a;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -13571,6 +13571,16 @@ svg {
|
|||||||
flex: none;
|
flex: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bd-footer-donation-items {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bd-footer-donation-items .bd-footer-sponsor {
|
||||||
|
width: 12rem;
|
||||||
|
}
|
||||||
|
|
||||||
.bd-footer-sponsor a {
|
.bd-footer-sponsor a {
|
||||||
height: 70px;
|
height: 70px;
|
||||||
}
|
}
|
||||||
@ -15539,12 +15549,13 @@ svg {
|
|||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 84rem;
|
max-width: 96rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bd-partner-sponsor {
|
.bd-partner-sponsor {
|
||||||
align-items: center;
|
align-items: stretch;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 0.25rem 1rem;
|
margin: 0.25rem 1rem;
|
||||||
min-height: 80px;
|
min-height: 80px;
|
||||||
@ -15558,6 +15569,23 @@ svg {
|
|||||||
min-height: 0;
|
min-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bd-partner-sponsor.is-text .bd-sponsor-item {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bd-partner-sponsor.is-text .bd-sponsor-item:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bd-sponsor-item {
|
||||||
|
flex-grow: 1;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bd-sponsor-item img {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
.bd-partnrs {
|
.bd-partnrs {
|
||||||
background-color: #fafafa;
|
background-color: #fafafa;
|
||||||
}
|
}
|
||||||
|
|||||||
2
docs/css/bulma-docs.min.css
vendored
2
docs/css/bulma-docs.min.css
vendored
File diff suppressed because one or more lines are too long
@ -119,7 +119,7 @@ sass --watch --sourcemap=none sass/mystyles.scss:css/mystyles.css
|
|||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
{% assign bulma_path = site.data.meta.version | prepend: "../bulma-" | append: "/bulma/bulma.sass" %}
|
{% assign bulma_path = site.data.meta.version | prepend: "../bulma-" | append: "/bulma.sass" %}
|
||||||
|
|
||||||
{% include steps/create-sass-file.html
|
{% include steps/create-sass-file.html
|
||||||
number="3"
|
number="3"
|
||||||
|
|||||||
@ -48,7 +48,7 @@ npm install webpack-cli --save-dev
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% highlight bash %}{{ dependencies }}{% endhighlight %}
|
<!--email_off-->{% highlight bash %}{{ dependencies }}{% endhighlight %}<!--/email_off-->
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<p>
|
<p>
|
||||||
|
|||||||
@ -221,7 +221,7 @@ meta:
|
|||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fab fa-twitter"></i>
|
<i class="fab fa-twitter"></i>
|
||||||
</span>
|
</span>
|
||||||
<span>Twitter</span>
|
<span>@jgthms</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="button is-success">
|
<button class="button is-success">
|
||||||
<span class="icon is-small">
|
<span class="icon is-small">
|
||||||
@ -235,7 +235,6 @@ meta:
|
|||||||
<i class="fas fa-times"></i>
|
<i class="fas fa-times"></i>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
</a>
|
|
||||||
</p>
|
</p>
|
||||||
<p class="buttons">
|
<p class="buttons">
|
||||||
<button class="button is-small">
|
<button class="button is-small">
|
||||||
|
|||||||
@ -129,6 +129,9 @@ extensions:
|
|||||||
- name: bulma-block-list
|
- name: bulma-block-list
|
||||||
url: https://github.com/chrisrhymes/bulma-block-list
|
url: https://github.com/chrisrhymes/bulma-block-list
|
||||||
slug: bulma-block-list
|
slug: bulma-block-list
|
||||||
|
- name: bulma-spacing
|
||||||
|
url: https://github.com/kaangokdemir/bulma-spacing
|
||||||
|
slug: bulma-spacing
|
||||||
---
|
---
|
||||||
|
|
||||||
{% for extension in page.extensions %}
|
{% for extension in page.extensions %}
|
||||||
|
|||||||
BIN
docs/images/amis/airtract.png
Normal file
BIN
docs/images/amis/airtract.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
docs/images/amis/airtract@2x.png
Normal file
BIN
docs/images/amis/airtract@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
docs/images/amis/cooltechzone.png
Normal file
BIN
docs/images/amis/cooltechzone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
BIN
docs/images/amis/cooltechzone@2x.png
Normal file
BIN
docs/images/amis/cooltechzone@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
BIN
docs/images/amis/polygon.png
Normal file
BIN
docs/images/amis/polygon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
docs/images/amis/polygon@2x.png
Normal file
BIN
docs/images/amis/polygon@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
docs/images/amis/realtimecommunications.png
Normal file
BIN
docs/images/amis/realtimecommunications.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
docs/images/amis/realtimecommunications@2x.png
Normal file
BIN
docs/images/amis/realtimecommunications@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
docs/images/amis/searchpromocodes.png
Normal file
BIN
docs/images/amis/searchpromocodes.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
docs/images/amis/searchpromocodes@2x.png
Normal file
BIN
docs/images/amis/searchpromocodes@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
docs/images/expo/formalfounder-1344x840.jpg
Normal file
BIN
docs/images/expo/formalfounder-1344x840.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
BIN
docs/images/expo/formalfounder-2688x1680.jpg
Normal file
BIN
docs/images/expo/formalfounder-2688x1680.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 262 KiB |
BIN
docs/images/expo/formalfounder-672x420.jpg
Normal file
BIN
docs/images/expo/formalfounder-672x420.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
docs/images/expo/klimchuk-1344x840.jpg
Normal file
BIN
docs/images/expo/klimchuk-1344x840.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
docs/images/expo/klimchuk-2688x1680.jpg
Normal file
BIN
docs/images/expo/klimchuk-2688x1680.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
BIN
docs/images/expo/klimchuk-672x420.jpg
Normal file
BIN
docs/images/expo/klimchuk-672x420.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
docs/images/expo/oneprofile-1344x840.jpg
Normal file
BIN
docs/images/expo/oneprofile-1344x840.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
BIN
docs/images/expo/oneprofile-2688x1680.jpg
Normal file
BIN
docs/images/expo/oneprofile-2688x1680.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
BIN
docs/images/expo/oneprofile-672x420.jpg
Normal file
BIN
docs/images/expo/oneprofile-672x420.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
docs/images/expo/pagespeed-1344x840.jpg
Normal file
BIN
docs/images/expo/pagespeed-1344x840.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
docs/images/expo/pagespeed-2688x1680.jpg
Normal file
BIN
docs/images/expo/pagespeed-2688x1680.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
BIN
docs/images/expo/pagespeed-672x420.jpg
Normal file
BIN
docs/images/expo/pagespeed-672x420.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
docs/images/expo/rydesignsstuff-1344x840.jpg
Normal file
BIN
docs/images/expo/rydesignsstuff-1344x840.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
docs/images/expo/rydesignsstuff-2688x1680.jpg
Normal file
BIN
docs/images/expo/rydesignsstuff-2688x1680.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
docs/images/expo/rydesignsstuff-672x420.jpg
Normal file
BIN
docs/images/expo/rydesignsstuff-672x420.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
docs/images/extensions/bulma-spacing.png
Normal file
BIN
docs/images/extensions/bulma-spacing.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
@ -101,7 +101,7 @@ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'rig
|
|||||||
a.has-text-#{$name}
|
a.has-text-#{$name}
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus
|
&:focus
|
||||||
color: darken($color, 10%) !important
|
color: bulmaDarken($color, 10%) !important
|
||||||
.has-background-#{$name}
|
.has-background-#{$name}
|
||||||
background-color: $color !important
|
background-color: $color !important
|
||||||
|
|
||||||
|
|||||||
@ -32,7 +32,7 @@ $navbar-dropdown-radius: $radius-large !default
|
|||||||
$navbar-dropdown-z: 20 !default
|
$navbar-dropdown-z: 20 !default
|
||||||
|
|
||||||
$navbar-dropdown-boxed-radius: $radius-large !default
|
$navbar-dropdown-boxed-radius: $radius-large !default
|
||||||
$navbar-dropdown-boxed-shadow: 0 8px 8px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1) !default
|
$navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default
|
||||||
|
|
||||||
$navbar-dropdown-item-hover-color: $scheme-invert !default
|
$navbar-dropdown-item-hover-color: $scheme-invert !default
|
||||||
$navbar-dropdown-item-hover-background-color: $background !default
|
$navbar-dropdown-item-hover-background-color: $background !default
|
||||||
@ -72,7 +72,7 @@ $navbar-breakpoint: $desktop !default
|
|||||||
&:focus,
|
&:focus,
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-active
|
&.is-active
|
||||||
background-color: darken($color, 5%)
|
background-color: bulmaDarken($color, 5%)
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
.navbar-link
|
.navbar-link
|
||||||
&::after
|
&::after
|
||||||
@ -90,7 +90,7 @@ $navbar-breakpoint: $desktop !default
|
|||||||
&:focus,
|
&:focus,
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-active
|
&.is-active
|
||||||
background-color: darken($color, 5%)
|
background-color: bulmaDarken($color, 5%)
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
.navbar-link
|
.navbar-link
|
||||||
&::after
|
&::after
|
||||||
@ -98,7 +98,7 @@ $navbar-breakpoint: $desktop !default
|
|||||||
.navbar-item.has-dropdown:focus .navbar-link,
|
.navbar-item.has-dropdown:focus .navbar-link,
|
||||||
.navbar-item.has-dropdown:hover .navbar-link,
|
.navbar-item.has-dropdown:hover .navbar-link,
|
||||||
.navbar-item.has-dropdown.is-active .navbar-link
|
.navbar-item.has-dropdown.is-active .navbar-link
|
||||||
background-color: darken($color, 5%)
|
background-color: bulmaDarken($color, 5%)
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
.navbar-dropdown
|
.navbar-dropdown
|
||||||
a.navbar-item
|
a.navbar-item
|
||||||
@ -245,7 +245,7 @@ a.navbar-item,
|
|||||||
display: none
|
display: none
|
||||||
.navbar-menu
|
.navbar-menu
|
||||||
background-color: $navbar-background-color
|
background-color: $navbar-background-color
|
||||||
box-shadow: 0 8px 16px rgba($scheme-invert, 0.1)
|
box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1)
|
||||||
padding: 0.5rem 0
|
padding: 0.5rem 0
|
||||||
&.is-active
|
&.is-active
|
||||||
display: block
|
display: block
|
||||||
@ -257,7 +257,7 @@ a.navbar-item,
|
|||||||
&.is-fixed-bottom-touch
|
&.is-fixed-bottom-touch
|
||||||
bottom: 0
|
bottom: 0
|
||||||
&.has-shadow
|
&.has-shadow
|
||||||
box-shadow: 0 -2px 3px rgba($scheme-invert, 0.1)
|
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
|
||||||
&.is-fixed-top-touch
|
&.is-fixed-top-touch
|
||||||
top: 0
|
top: 0
|
||||||
&.is-fixed-top,
|
&.is-fixed-top,
|
||||||
@ -331,7 +331,7 @@ a.navbar-item,
|
|||||||
border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
|
border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
|
||||||
border-top: none
|
border-top: none
|
||||||
bottom: 100%
|
bottom: 100%
|
||||||
box-shadow: 0 -8px 8px rgba($scheme-invert, 0.1)
|
box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
|
||||||
top: auto
|
top: auto
|
||||||
&.is-active,
|
&.is-active,
|
||||||
&.is-hoverable:focus,
|
&.is-hoverable:focus,
|
||||||
@ -358,7 +358,7 @@ a.navbar-item,
|
|||||||
border-bottom-left-radius: $navbar-dropdown-radius
|
border-bottom-left-radius: $navbar-dropdown-radius
|
||||||
border-bottom-right-radius: $navbar-dropdown-radius
|
border-bottom-right-radius: $navbar-dropdown-radius
|
||||||
border-top: $navbar-dropdown-border-top
|
border-top: $navbar-dropdown-border-top
|
||||||
box-shadow: 0 8px 8px rgba($scheme-invert, 0.1)
|
box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
|
||||||
display: none
|
display: none
|
||||||
font-size: 0.875rem
|
font-size: 0.875rem
|
||||||
left: 0
|
left: 0
|
||||||
@ -409,7 +409,7 @@ a.navbar-item,
|
|||||||
&.is-fixed-bottom-desktop
|
&.is-fixed-bottom-desktop
|
||||||
bottom: 0
|
bottom: 0
|
||||||
&.has-shadow
|
&.has-shadow
|
||||||
box-shadow: 0 -2px 3px rgba($scheme-invert, 0.1)
|
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
|
||||||
&.is-fixed-top-desktop
|
&.is-fixed-top-desktop
|
||||||
top: 0
|
top: 0
|
||||||
html,
|
html,
|
||||||
|
|||||||
@ -21,6 +21,7 @@ $button-active-color: $link-active !default
|
|||||||
$button-active-border-color: $link-active-border !default
|
$button-active-border-color: $link-active-border !default
|
||||||
|
|
||||||
$button-text-color: $text !default
|
$button-text-color: $text !default
|
||||||
|
$button-text-decoration: underline !default
|
||||||
$button-text-hover-background-color: $background !default
|
$button-text-hover-background-color: $background !default
|
||||||
$button-text-hover-color: $text-strong !default
|
$button-text-hover-color: $text-strong !default
|
||||||
$button-text-focus-background-color: $border-light !default
|
$button-text-focus-background-color: $border-light !default
|
||||||
@ -105,7 +106,7 @@ $button-static-border-color: $border !default
|
|||||||
background-color: transparent
|
background-color: transparent
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $button-text-color
|
color: $button-text-color
|
||||||
text-decoration: underline
|
text-decoration: $button-text-decoration
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-hovered,
|
&.is-hovered,
|
||||||
&:focus,
|
&:focus,
|
||||||
@ -114,7 +115,7 @@ $button-static-border-color: $border !default
|
|||||||
color: $button-text-hover-color
|
color: $button-text-hover-color
|
||||||
&:active,
|
&:active,
|
||||||
&.is-active
|
&.is-active
|
||||||
background-color: darken($button-text-hover-background-color, 5%)
|
background-color: bulmaDarken($button-text-hover-background-color, 5%)
|
||||||
color: $button-text-hover-color
|
color: $button-text-hover-color
|
||||||
&[disabled],
|
&[disabled],
|
||||||
fieldset[disabled] &
|
fieldset[disabled] &
|
||||||
@ -130,7 +131,7 @@ $button-static-border-color: $border !default
|
|||||||
color: $color-invert
|
color: $color-invert
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-hovered
|
&.is-hovered
|
||||||
background-color: darken($color, 2.5%)
|
background-color: bulmaDarken($color, 2.5%)
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&:focus,
|
&:focus,
|
||||||
@ -138,10 +139,10 @@ $button-static-border-color: $border !default
|
|||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&:not(:active)
|
&:not(:active)
|
||||||
box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
|
box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
|
||||||
&:active,
|
&:active,
|
||||||
&.is-active
|
&.is-active
|
||||||
background-color: darken($color, 5%)
|
background-color: bulmaDarken($color, 5%)
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&[disabled],
|
&[disabled],
|
||||||
@ -154,7 +155,7 @@ $button-static-border-color: $border !default
|
|||||||
color: $color
|
color: $color
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-hovered
|
&.is-hovered
|
||||||
background-color: darken($color-invert, 5%)
|
background-color: bulmaDarken($color-invert, 5%)
|
||||||
&[disabled],
|
&[disabled],
|
||||||
fieldset[disabled] &
|
fieldset[disabled] &
|
||||||
background-color: $color-invert
|
background-color: $color-invert
|
||||||
@ -222,12 +223,12 @@ $button-static-border-color: $border !default
|
|||||||
color: $color-dark
|
color: $color-dark
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-hovered
|
&.is-hovered
|
||||||
background-color: darken($color-light, 2.5%)
|
background-color: bulmaDarken($color-light, 2.5%)
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-dark
|
color: $color-dark
|
||||||
&:active,
|
&:active,
|
||||||
&.is-active
|
&.is-active
|
||||||
background-color: darken($color-light, 5%)
|
background-color: bulmaDarken($color-light, 5%)
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-dark
|
color: $color-dark
|
||||||
// Sizes
|
// Sizes
|
||||||
|
|||||||
@ -29,19 +29,19 @@ $file-name-max-width: 16em !default
|
|||||||
&:hover,
|
&:hover,
|
||||||
&.is-hovered
|
&.is-hovered
|
||||||
.file-cta
|
.file-cta
|
||||||
background-color: darken($color, 2.5%)
|
background-color: bulmaDarken($color, 2.5%)
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&:focus,
|
&:focus,
|
||||||
&.is-focused
|
&.is-focused
|
||||||
.file-cta
|
.file-cta
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
box-shadow: 0 0 0.5em rgba($color, 0.25)
|
box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&:active,
|
&:active,
|
||||||
&.is-active
|
&.is-active
|
||||||
.file-cta
|
.file-cta
|
||||||
background-color: darken($color, 5%)
|
background-color: bulmaDarken($color, 5%)
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
// Sizes
|
// Sizes
|
||||||
@ -125,16 +125,16 @@ $file-name-max-width: 16em !default
|
|||||||
position: relative
|
position: relative
|
||||||
&:hover
|
&:hover
|
||||||
.file-cta
|
.file-cta
|
||||||
background-color: darken($file-cta-background-color, 2.5%)
|
background-color: bulmaDarken($file-cta-background-color, 2.5%)
|
||||||
color: $file-cta-hover-color
|
color: $file-cta-hover-color
|
||||||
.file-name
|
.file-name
|
||||||
border-color: darken($file-name-border-color, 2.5%)
|
border-color: bulmaDarken($file-name-border-color, 2.5%)
|
||||||
&:active
|
&:active
|
||||||
.file-cta
|
.file-cta
|
||||||
background-color: darken($file-cta-background-color, 5%)
|
background-color: bulmaDarken($file-cta-background-color, 5%)
|
||||||
color: $file-cta-active-color
|
color: $file-cta-active-color
|
||||||
.file-name
|
.file-name
|
||||||
border-color: darken($file-name-border-color, 5%)
|
border-color: bulmaDarken($file-name-border-color, 5%)
|
||||||
|
|
||||||
.file-input
|
.file-input
|
||||||
height: 100%
|
height: 100%
|
||||||
|
|||||||
@ -18,7 +18,7 @@ $textarea-min-height: 8em !default
|
|||||||
&.is-focused,
|
&.is-focused,
|
||||||
&:active,
|
&:active,
|
||||||
&.is-active
|
&.is-active
|
||||||
box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
|
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
|
||||||
// Sizes
|
// Sizes
|
||||||
&.is-small
|
&.is-small
|
||||||
+control-small
|
+control-small
|
||||||
|
|||||||
@ -49,12 +49,12 @@
|
|||||||
border-color: $color
|
border-color: $color
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-hovered
|
&.is-hovered
|
||||||
border-color: darken($color, 5%)
|
border-color: bulmaDarken($color, 5%)
|
||||||
&:focus,
|
&:focus,
|
||||||
&.is-focused,
|
&.is-focused,
|
||||||
&:active,
|
&:active,
|
||||||
&.is-active
|
&.is-active
|
||||||
box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
|
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
|
||||||
// Sizes
|
// Sizes
|
||||||
&.is-small
|
&.is-small
|
||||||
+control-small
|
+control-small
|
||||||
|
|||||||
@ -41,7 +41,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
|
|||||||
.navbar-link
|
.navbar-link
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-active
|
&.is-active
|
||||||
background-color: darken($color, 5%)
|
background-color: bulmaDarken($color, 5%)
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
.tabs
|
.tabs
|
||||||
a
|
a
|
||||||
@ -65,6 +65,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
|
|||||||
border-color: $color-invert
|
border-color: $color-invert
|
||||||
color: $color
|
color: $color
|
||||||
// Modifiers
|
// Modifiers
|
||||||
|
@if type-of($color) == 'color'
|
||||||
&.is-bold
|
&.is-bold
|
||||||
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
||||||
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
||||||
|
|||||||
@ -62,6 +62,8 @@
|
|||||||
@return $value
|
@return $value
|
||||||
|
|
||||||
@function colorLuminance($color)
|
@function colorLuminance($color)
|
||||||
|
@if type-of($color) != 'color'
|
||||||
|
@return 0.55
|
||||||
$color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
|
$color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
|
||||||
@each $name, $value in $color-rgb
|
@each $name, $value in $color-rgb
|
||||||
$adjusted: 0
|
$adjusted: 0
|
||||||
@ -105,6 +107,11 @@
|
|||||||
@return $hue, $saturation, $lightness
|
@return $hue, $saturation, $lightness
|
||||||
|
|
||||||
@function bulmaRgba($color, $alpha)
|
@function bulmaRgba($color, $alpha)
|
||||||
@if type-of($color) == 'color'
|
@if type-of($color) != 'color'
|
||||||
@return rgba($color, $alpha)
|
|
||||||
@return $color
|
@return $color
|
||||||
|
@return rgba($color, $alpha)
|
||||||
|
|
||||||
|
@function bulmaDarken($color, $amount)
|
||||||
|
@if type-of($color) != 'color'
|
||||||
|
@return $color
|
||||||
|
@return darken($color, $amount)
|
||||||
|
|||||||
6964
test/css/bulma.css
vendored
Normal file
6964
test/css/bulma.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6959
test/css/css-variable.css
Normal file
6959
test/css/css-variable.css
Normal file
File diff suppressed because it is too large
Load Diff
3811
test/css/customize.css
Normal file
3811
test/css/customize.css
Normal file
File diff suppressed because it is too large
Load Diff
898
test/css/only-base.css
Normal file
898
test/css/only-base.css
Normal file
@ -0,0 +1,898 @@
|
|||||||
|
@keyframes spinAround {
|
||||||
|
from {
|
||||||
|
transform: rotate(0deg); }
|
||||||
|
to {
|
||||||
|
transform: rotate(359deg); } }
|
||||||
|
.is-unselectable {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.is-overlay {
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0; }
|
||||||
|
|
||||||
|
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
p,
|
||||||
|
ol,
|
||||||
|
ul,
|
||||||
|
li,
|
||||||
|
dl,
|
||||||
|
dt,
|
||||||
|
dd,
|
||||||
|
blockquote,
|
||||||
|
figure,
|
||||||
|
fieldset,
|
||||||
|
legend,
|
||||||
|
textarea,
|
||||||
|
pre,
|
||||||
|
iframe,
|
||||||
|
hr,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0; }
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
font-size: 100%;
|
||||||
|
font-weight: normal; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style: none; }
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
html {
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
*, *::before, *::after {
|
||||||
|
box-sizing: inherit; }
|
||||||
|
|
||||||
|
img,
|
||||||
|
video {
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%; }
|
||||||
|
|
||||||
|
iframe {
|
||||||
|
border: 0; }
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0; }
|
||||||
|
|
||||||
|
td,
|
||||||
|
th {
|
||||||
|
padding: 0; }
|
||||||
|
td:not([align]),
|
||||||
|
th:not([align]) {
|
||||||
|
text-align: left; }
|
||||||
|
|
||||||
|
html {
|
||||||
|
background-color: white;
|
||||||
|
font-size: 16px;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
min-width: 300px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
text-size-adjust: 100%; }
|
||||||
|
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
figure,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
hgroup,
|
||||||
|
section {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
body,
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
|
||||||
|
|
||||||
|
code,
|
||||||
|
pre {
|
||||||
|
-moz-osx-font-smoothing: auto;
|
||||||
|
-webkit-font-smoothing: auto;
|
||||||
|
font-family: monospace; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: #4a4a4a;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5; }
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #3273dc;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none; }
|
||||||
|
a strong {
|
||||||
|
color: currentColor; }
|
||||||
|
a:hover {
|
||||||
|
color: #363636; }
|
||||||
|
|
||||||
|
code {
|
||||||
|
background-color: whitesmoke;
|
||||||
|
color: #f14668;
|
||||||
|
font-size: 0.875em;
|
||||||
|
font-weight: normal;
|
||||||
|
padding: 0.25em 0.5em 0.25em; }
|
||||||
|
|
||||||
|
hr {
|
||||||
|
background-color: whitesmoke;
|
||||||
|
border: none;
|
||||||
|
display: block;
|
||||||
|
height: 2px;
|
||||||
|
margin: 1.5rem 0; }
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%; }
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"] {
|
||||||
|
vertical-align: baseline; }
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 0.875em; }
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-style: inherit;
|
||||||
|
font-weight: inherit; }
|
||||||
|
|
||||||
|
strong {
|
||||||
|
color: #363636;
|
||||||
|
font-weight: 700; }
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
pre {
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
background-color: whitesmoke;
|
||||||
|
color: #4a4a4a;
|
||||||
|
font-size: 0.875em;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 1.25rem 1.5rem;
|
||||||
|
white-space: pre;
|
||||||
|
word-wrap: normal; }
|
||||||
|
pre code {
|
||||||
|
background-color: transparent;
|
||||||
|
color: currentColor;
|
||||||
|
font-size: 1em;
|
||||||
|
padding: 0; }
|
||||||
|
|
||||||
|
table td,
|
||||||
|
table th {
|
||||||
|
vertical-align: top; }
|
||||||
|
table td:not([align]),
|
||||||
|
table th:not([align]) {
|
||||||
|
text-align: left; }
|
||||||
|
table th {
|
||||||
|
color: #363636; }
|
||||||
|
|
||||||
|
.is-clearfix::after {
|
||||||
|
clear: both;
|
||||||
|
content: " ";
|
||||||
|
display: table; }
|
||||||
|
|
||||||
|
.is-pulled-left {
|
||||||
|
float: left !important; }
|
||||||
|
|
||||||
|
.is-pulled-right {
|
||||||
|
float: right !important; }
|
||||||
|
|
||||||
|
.is-clipped {
|
||||||
|
overflow: hidden !important; }
|
||||||
|
|
||||||
|
.is-size-1 {
|
||||||
|
font-size: 3rem !important; }
|
||||||
|
|
||||||
|
.is-size-2 {
|
||||||
|
font-size: 2.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-3 {
|
||||||
|
font-size: 2rem !important; }
|
||||||
|
|
||||||
|
.is-size-4 {
|
||||||
|
font-size: 1.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-5 {
|
||||||
|
font-size: 1.25rem !important; }
|
||||||
|
|
||||||
|
.is-size-6 {
|
||||||
|
font-size: 1rem !important; }
|
||||||
|
|
||||||
|
.is-size-7 {
|
||||||
|
font-size: 0.75rem !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.is-size-1-mobile {
|
||||||
|
font-size: 3rem !important; }
|
||||||
|
|
||||||
|
.is-size-2-mobile {
|
||||||
|
font-size: 2.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-3-mobile {
|
||||||
|
font-size: 2rem !important; }
|
||||||
|
|
||||||
|
.is-size-4-mobile {
|
||||||
|
font-size: 1.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-5-mobile {
|
||||||
|
font-size: 1.25rem !important; }
|
||||||
|
|
||||||
|
.is-size-6-mobile {
|
||||||
|
font-size: 1rem !important; }
|
||||||
|
|
||||||
|
.is-size-7-mobile {
|
||||||
|
font-size: 0.75rem !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.is-size-1-tablet {
|
||||||
|
font-size: 3rem !important; }
|
||||||
|
|
||||||
|
.is-size-2-tablet {
|
||||||
|
font-size: 2.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-3-tablet {
|
||||||
|
font-size: 2rem !important; }
|
||||||
|
|
||||||
|
.is-size-4-tablet {
|
||||||
|
font-size: 1.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-5-tablet {
|
||||||
|
font-size: 1.25rem !important; }
|
||||||
|
|
||||||
|
.is-size-6-tablet {
|
||||||
|
font-size: 1rem !important; }
|
||||||
|
|
||||||
|
.is-size-7-tablet {
|
||||||
|
font-size: 0.75rem !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.is-size-1-touch {
|
||||||
|
font-size: 3rem !important; }
|
||||||
|
|
||||||
|
.is-size-2-touch {
|
||||||
|
font-size: 2.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-3-touch {
|
||||||
|
font-size: 2rem !important; }
|
||||||
|
|
||||||
|
.is-size-4-touch {
|
||||||
|
font-size: 1.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-5-touch {
|
||||||
|
font-size: 1.25rem !important; }
|
||||||
|
|
||||||
|
.is-size-6-touch {
|
||||||
|
font-size: 1rem !important; }
|
||||||
|
|
||||||
|
.is-size-7-touch {
|
||||||
|
font-size: 0.75rem !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.is-size-1-desktop {
|
||||||
|
font-size: 3rem !important; }
|
||||||
|
|
||||||
|
.is-size-2-desktop {
|
||||||
|
font-size: 2.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-3-desktop {
|
||||||
|
font-size: 2rem !important; }
|
||||||
|
|
||||||
|
.is-size-4-desktop {
|
||||||
|
font-size: 1.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-5-desktop {
|
||||||
|
font-size: 1.25rem !important; }
|
||||||
|
|
||||||
|
.is-size-6-desktop {
|
||||||
|
font-size: 1rem !important; }
|
||||||
|
|
||||||
|
.is-size-7-desktop {
|
||||||
|
font-size: 0.75rem !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.is-size-1-widescreen {
|
||||||
|
font-size: 3rem !important; }
|
||||||
|
|
||||||
|
.is-size-2-widescreen {
|
||||||
|
font-size: 2.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-3-widescreen {
|
||||||
|
font-size: 2rem !important; }
|
||||||
|
|
||||||
|
.is-size-4-widescreen {
|
||||||
|
font-size: 1.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-5-widescreen {
|
||||||
|
font-size: 1.25rem !important; }
|
||||||
|
|
||||||
|
.is-size-6-widescreen {
|
||||||
|
font-size: 1rem !important; }
|
||||||
|
|
||||||
|
.is-size-7-widescreen {
|
||||||
|
font-size: 0.75rem !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.is-size-1-fullhd {
|
||||||
|
font-size: 3rem !important; }
|
||||||
|
|
||||||
|
.is-size-2-fullhd {
|
||||||
|
font-size: 2.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-3-fullhd {
|
||||||
|
font-size: 2rem !important; }
|
||||||
|
|
||||||
|
.is-size-4-fullhd {
|
||||||
|
font-size: 1.5rem !important; }
|
||||||
|
|
||||||
|
.is-size-5-fullhd {
|
||||||
|
font-size: 1.25rem !important; }
|
||||||
|
|
||||||
|
.is-size-6-fullhd {
|
||||||
|
font-size: 1rem !important; }
|
||||||
|
|
||||||
|
.is-size-7-fullhd {
|
||||||
|
font-size: 0.75rem !important; } }
|
||||||
|
.has-text-centered {
|
||||||
|
text-align: center !important; }
|
||||||
|
|
||||||
|
.has-text-justified {
|
||||||
|
text-align: justify !important; }
|
||||||
|
|
||||||
|
.has-text-left {
|
||||||
|
text-align: left !important; }
|
||||||
|
|
||||||
|
.has-text-right {
|
||||||
|
text-align: right !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.has-text-centered-mobile {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.has-text-centered-tablet {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.has-text-centered-tablet-only {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.has-text-centered-touch {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.has-text-centered-desktop {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.has-text-centered-desktop-only {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.has-text-centered-widescreen {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.has-text-centered-widescreen-only {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.has-text-centered-fullhd {
|
||||||
|
text-align: center !important; } }
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.has-text-justified-mobile {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.has-text-justified-tablet {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.has-text-justified-tablet-only {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.has-text-justified-touch {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.has-text-justified-desktop {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.has-text-justified-desktop-only {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.has-text-justified-widescreen {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.has-text-justified-widescreen-only {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.has-text-justified-fullhd {
|
||||||
|
text-align: justify !important; } }
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.has-text-left-mobile {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.has-text-left-tablet {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.has-text-left-tablet-only {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.has-text-left-touch {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.has-text-left-desktop {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.has-text-left-desktop-only {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.has-text-left-widescreen {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.has-text-left-widescreen-only {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.has-text-left-fullhd {
|
||||||
|
text-align: left !important; } }
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.has-text-right-mobile {
|
||||||
|
text-align: right !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.has-text-right-tablet {
|
||||||
|
text-align: right !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.has-text-right-tablet-only {
|
||||||
|
text-align: right !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.has-text-right-touch {
|
||||||
|
text-align: right !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.has-text-right-desktop {
|
||||||
|
text-align: right !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.has-text-right-desktop-only {
|
||||||
|
text-align: right !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.has-text-right-widescreen {
|
||||||
|
text-align: right !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.has-text-right-widescreen-only {
|
||||||
|
text-align: right !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.has-text-right-fullhd {
|
||||||
|
text-align: right !important; } }
|
||||||
|
.is-capitalized {
|
||||||
|
text-transform: capitalize !important; }
|
||||||
|
|
||||||
|
.is-lowercase {
|
||||||
|
text-transform: lowercase !important; }
|
||||||
|
|
||||||
|
.is-uppercase {
|
||||||
|
text-transform: uppercase !important; }
|
||||||
|
|
||||||
|
.is-italic {
|
||||||
|
font-style: italic !important; }
|
||||||
|
|
||||||
|
.has-text-white {
|
||||||
|
color: white !important; }
|
||||||
|
|
||||||
|
a.has-text-white:hover, a.has-text-white:focus {
|
||||||
|
color: #e6e6e6 !important; }
|
||||||
|
|
||||||
|
.has-background-white {
|
||||||
|
background-color: white !important; }
|
||||||
|
|
||||||
|
.has-text-black {
|
||||||
|
color: #0a0a0a !important; }
|
||||||
|
|
||||||
|
a.has-text-black:hover, a.has-text-black:focus {
|
||||||
|
color: black !important; }
|
||||||
|
|
||||||
|
.has-background-black {
|
||||||
|
background-color: #0a0a0a !important; }
|
||||||
|
|
||||||
|
.has-text-light {
|
||||||
|
color: whitesmoke !important; }
|
||||||
|
|
||||||
|
a.has-text-light:hover, a.has-text-light:focus {
|
||||||
|
color: #dbdbdb !important; }
|
||||||
|
|
||||||
|
.has-background-light {
|
||||||
|
background-color: whitesmoke !important; }
|
||||||
|
|
||||||
|
.has-text-dark {
|
||||||
|
color: #363636 !important; }
|
||||||
|
|
||||||
|
a.has-text-dark:hover, a.has-text-dark:focus {
|
||||||
|
color: #1c1c1c !important; }
|
||||||
|
|
||||||
|
.has-background-dark {
|
||||||
|
background-color: #363636 !important; }
|
||||||
|
|
||||||
|
.has-text-primary {
|
||||||
|
color: #00d1b2 !important; }
|
||||||
|
|
||||||
|
a.has-text-primary:hover, a.has-text-primary:focus {
|
||||||
|
color: #009e86 !important; }
|
||||||
|
|
||||||
|
.has-background-primary {
|
||||||
|
background-color: #00d1b2 !important; }
|
||||||
|
|
||||||
|
.has-text-link {
|
||||||
|
color: #3273dc !important; }
|
||||||
|
|
||||||
|
a.has-text-link:hover, a.has-text-link:focus {
|
||||||
|
color: #205bbc !important; }
|
||||||
|
|
||||||
|
.has-background-link {
|
||||||
|
background-color: #3273dc !important; }
|
||||||
|
|
||||||
|
.has-text-info {
|
||||||
|
color: #3298dc !important; }
|
||||||
|
|
||||||
|
a.has-text-info:hover, a.has-text-info:focus {
|
||||||
|
color: #207dbc !important; }
|
||||||
|
|
||||||
|
.has-background-info {
|
||||||
|
background-color: #3298dc !important; }
|
||||||
|
|
||||||
|
.has-text-success {
|
||||||
|
color: #48c774 !important; }
|
||||||
|
|
||||||
|
a.has-text-success:hover, a.has-text-success:focus {
|
||||||
|
color: #34a85c !important; }
|
||||||
|
|
||||||
|
.has-background-success {
|
||||||
|
background-color: #48c774 !important; }
|
||||||
|
|
||||||
|
.has-text-warning {
|
||||||
|
color: #ffdd57 !important; }
|
||||||
|
|
||||||
|
a.has-text-warning:hover, a.has-text-warning:focus {
|
||||||
|
color: #ffd324 !important; }
|
||||||
|
|
||||||
|
.has-background-warning {
|
||||||
|
background-color: #ffdd57 !important; }
|
||||||
|
|
||||||
|
.has-text-danger {
|
||||||
|
color: #f14668 !important; }
|
||||||
|
|
||||||
|
a.has-text-danger:hover, a.has-text-danger:focus {
|
||||||
|
color: #ee1742 !important; }
|
||||||
|
|
||||||
|
.has-background-danger {
|
||||||
|
background-color: #f14668 !important; }
|
||||||
|
|
||||||
|
.has-text-black-bis {
|
||||||
|
color: #121212 !important; }
|
||||||
|
|
||||||
|
.has-background-black-bis {
|
||||||
|
background-color: #121212 !important; }
|
||||||
|
|
||||||
|
.has-text-black-ter {
|
||||||
|
color: #242424 !important; }
|
||||||
|
|
||||||
|
.has-background-black-ter {
|
||||||
|
background-color: #242424 !important; }
|
||||||
|
|
||||||
|
.has-text-grey-darker {
|
||||||
|
color: #363636 !important; }
|
||||||
|
|
||||||
|
.has-background-grey-darker {
|
||||||
|
background-color: #363636 !important; }
|
||||||
|
|
||||||
|
.has-text-grey-dark {
|
||||||
|
color: #4a4a4a !important; }
|
||||||
|
|
||||||
|
.has-background-grey-dark {
|
||||||
|
background-color: #4a4a4a !important; }
|
||||||
|
|
||||||
|
.has-text-grey {
|
||||||
|
color: #7a7a7a !important; }
|
||||||
|
|
||||||
|
.has-background-grey {
|
||||||
|
background-color: #7a7a7a !important; }
|
||||||
|
|
||||||
|
.has-text-grey-light {
|
||||||
|
color: #b5b5b5 !important; }
|
||||||
|
|
||||||
|
.has-background-grey-light {
|
||||||
|
background-color: #b5b5b5 !important; }
|
||||||
|
|
||||||
|
.has-text-grey-lighter {
|
||||||
|
color: #dbdbdb !important; }
|
||||||
|
|
||||||
|
.has-background-grey-lighter {
|
||||||
|
background-color: #dbdbdb !important; }
|
||||||
|
|
||||||
|
.has-text-white-ter {
|
||||||
|
color: whitesmoke !important; }
|
||||||
|
|
||||||
|
.has-background-white-ter {
|
||||||
|
background-color: whitesmoke !important; }
|
||||||
|
|
||||||
|
.has-text-white-bis {
|
||||||
|
color: #fafafa !important; }
|
||||||
|
|
||||||
|
.has-background-white-bis {
|
||||||
|
background-color: #fafafa !important; }
|
||||||
|
|
||||||
|
.has-text-weight-light {
|
||||||
|
font-weight: 300 !important; }
|
||||||
|
|
||||||
|
.has-text-weight-normal {
|
||||||
|
font-weight: 400 !important; }
|
||||||
|
|
||||||
|
.has-text-weight-medium {
|
||||||
|
font-weight: 500 !important; }
|
||||||
|
|
||||||
|
.has-text-weight-semibold {
|
||||||
|
font-weight: 600 !important; }
|
||||||
|
|
||||||
|
.has-text-weight-bold {
|
||||||
|
font-weight: 700 !important; }
|
||||||
|
|
||||||
|
.is-family-primary {
|
||||||
|
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
|
||||||
|
|
||||||
|
.is-family-secondary {
|
||||||
|
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
|
||||||
|
|
||||||
|
.is-family-sans-serif {
|
||||||
|
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
|
||||||
|
|
||||||
|
.is-family-monospace {
|
||||||
|
font-family: monospace !important; }
|
||||||
|
|
||||||
|
.is-family-code {
|
||||||
|
font-family: monospace !important; }
|
||||||
|
|
||||||
|
.is-block {
|
||||||
|
display: block !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.is-block-mobile {
|
||||||
|
display: block !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.is-block-tablet {
|
||||||
|
display: block !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.is-block-tablet-only {
|
||||||
|
display: block !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.is-block-touch {
|
||||||
|
display: block !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.is-block-desktop {
|
||||||
|
display: block !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.is-block-desktop-only {
|
||||||
|
display: block !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.is-block-widescreen {
|
||||||
|
display: block !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.is-block-widescreen-only {
|
||||||
|
display: block !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.is-block-fullhd {
|
||||||
|
display: block !important; } }
|
||||||
|
.is-flex {
|
||||||
|
display: flex !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.is-flex-mobile {
|
||||||
|
display: flex !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.is-flex-tablet {
|
||||||
|
display: flex !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.is-flex-tablet-only {
|
||||||
|
display: flex !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.is-flex-touch {
|
||||||
|
display: flex !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.is-flex-desktop {
|
||||||
|
display: flex !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.is-flex-desktop-only {
|
||||||
|
display: flex !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.is-flex-widescreen {
|
||||||
|
display: flex !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.is-flex-widescreen-only {
|
||||||
|
display: flex !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.is-flex-fullhd {
|
||||||
|
display: flex !important; } }
|
||||||
|
.is-inline {
|
||||||
|
display: inline !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.is-inline-mobile {
|
||||||
|
display: inline !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.is-inline-tablet {
|
||||||
|
display: inline !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.is-inline-tablet-only {
|
||||||
|
display: inline !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.is-inline-touch {
|
||||||
|
display: inline !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.is-inline-desktop {
|
||||||
|
display: inline !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.is-inline-desktop-only {
|
||||||
|
display: inline !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.is-inline-widescreen {
|
||||||
|
display: inline !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.is-inline-widescreen-only {
|
||||||
|
display: inline !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.is-inline-fullhd {
|
||||||
|
display: inline !important; } }
|
||||||
|
.is-inline-block {
|
||||||
|
display: inline-block !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.is-inline-block-mobile {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.is-inline-block-tablet {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.is-inline-block-tablet-only {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.is-inline-block-touch {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.is-inline-block-desktop {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.is-inline-block-desktop-only {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.is-inline-block-widescreen {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.is-inline-block-widescreen-only {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.is-inline-block-fullhd {
|
||||||
|
display: inline-block !important; } }
|
||||||
|
.is-inline-flex {
|
||||||
|
display: inline-flex !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.is-inline-flex-mobile {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.is-inline-flex-tablet {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.is-inline-flex-tablet-only {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.is-inline-flex-touch {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.is-inline-flex-desktop {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.is-inline-flex-desktop-only {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.is-inline-flex-widescreen {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.is-inline-flex-widescreen-only {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.is-inline-flex-fullhd {
|
||||||
|
display: inline-flex !important; } }
|
||||||
|
.is-hidden {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.is-sr-only {
|
||||||
|
border: none !important;
|
||||||
|
clip: rect(0, 0, 0, 0) !important;
|
||||||
|
height: 0.01em !important;
|
||||||
|
overflow: hidden !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
position: absolute !important;
|
||||||
|
white-space: nowrap !important;
|
||||||
|
width: 0.01em !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.is-hidden-mobile {
|
||||||
|
display: none !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.is-hidden-tablet {
|
||||||
|
display: none !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.is-hidden-tablet-only {
|
||||||
|
display: none !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.is-hidden-touch {
|
||||||
|
display: none !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.is-hidden-desktop {
|
||||||
|
display: none !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.is-hidden-desktop-only {
|
||||||
|
display: none !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.is-hidden-widescreen {
|
||||||
|
display: none !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.is-hidden-widescreen-only {
|
||||||
|
display: none !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.is-hidden-fullhd {
|
||||||
|
display: none !important; } }
|
||||||
|
.is-invisible {
|
||||||
|
visibility: hidden !important; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.is-invisible-mobile {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
@media screen and (min-width: 769px), print {
|
||||||
|
.is-invisible-tablet {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.is-invisible-tablet-only {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
@media screen and (max-width: 1023px) {
|
||||||
|
.is-invisible-touch {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.is-invisible-desktop {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||||||
|
.is-invisible-desktop-only {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
@media screen and (min-width: 1216px) {
|
||||||
|
.is-invisible-widescreen {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||||||
|
.is-invisible-widescreen-only {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
@media screen and (min-width: 1408px) {
|
||||||
|
.is-invisible-fullhd {
|
||||||
|
visibility: hidden !important; } }
|
||||||
|
.is-marginless {
|
||||||
|
margin: 0 !important; }
|
||||||
|
|
||||||
|
.is-paddingless {
|
||||||
|
padding: 0 !important; }
|
||||||
|
|
||||||
|
.is-radiusless {
|
||||||
|
border-radius: 0 !important; }
|
||||||
|
|
||||||
|
.is-shadowless {
|
||||||
|
box-shadow: none !important; }
|
||||||
|
|
||||||
|
.is-relative {
|
||||||
|
position: relative !important; }
|
||||||
@ -1,47 +1,45 @@
|
|||||||
#!/bin/bash
|
#!/bin/bash
|
||||||
|
|
||||||
|
# CONSTANTS
|
||||||
|
|
||||||
|
TEST_DIR=$(dirname $BASH_SOURCE)
|
||||||
|
FILES=$TEST_DIR/sass/*
|
||||||
|
CSS_DIR=$TEST_DIR/css
|
||||||
|
SASS_OPTIONS=--sourcemap=none
|
||||||
|
|
||||||
# ==============================================================================
|
# FUNCTIONS
|
||||||
# FUNCTIONS - START
|
|
||||||
# ==============================================================================
|
build_sass()
|
||||||
|
{
|
||||||
|
echo "Processing $1 file…"
|
||||||
|
|
||||||
|
local fileName=$(basename -- "$1")
|
||||||
|
local name="${fileName%.*}"
|
||||||
|
local destFile="$CSS_DIR/$name.css"
|
||||||
|
|
||||||
|
sass "$1" "${destFile}" ${SASS_OPTIONS}
|
||||||
|
}
|
||||||
|
|
||||||
run_it()
|
run_it()
|
||||||
{
|
{
|
||||||
|
rm -r $CSS_DIR
|
||||||
|
|
||||||
local _src="${1-bulma.sass}"
|
if [ ! -d "${CSS_DIR}" ]; then
|
||||||
local _dest="${2-$(dirname "${BASH_SOURCE[0]}")/output/$(basename ${_src}).css}"
|
echo "Creating $CSS_DIR directory…"
|
||||||
local _options="${3---sourcemap=none}"
|
mkdir -p "${CSS_DIR}"
|
||||||
|
|
||||||
# ----------------------------------------------------------------------------
|
|
||||||
|
|
||||||
local _dest_dir="$(dirname "${_dest}")"
|
|
||||||
|
|
||||||
if [ ! -d "${_dest_dir}" ]; then
|
|
||||||
|
|
||||||
mkdir -p "${_dest_dir}"
|
|
||||||
|
|
||||||
fi
|
fi
|
||||||
|
|
||||||
# ----------------------------------------------------------------------------
|
if [ $1 ]
|
||||||
|
then
|
||||||
sass "${_src}" "${_dest}" ${_options}
|
build_sass $1
|
||||||
|
else
|
||||||
|
for f in $FILES
|
||||||
|
do
|
||||||
|
build_sass $f
|
||||||
|
done
|
||||||
|
fi
|
||||||
}
|
}
|
||||||
# run_it()
|
|
||||||
|
|
||||||
# ==============================================================================
|
# EXECUTION
|
||||||
# FUNCTIONS - END
|
|
||||||
# ==============================================================================
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# ==============================================================================
|
|
||||||
# EXECUTION - START
|
|
||||||
# ==============================================================================
|
|
||||||
|
|
||||||
run_it $@
|
run_it $@
|
||||||
|
|
||||||
# ==============================================================================
|
|
||||||
# EXECUTION - END
|
|
||||||
# ==============================================================================
|
|
||||||
|
|||||||
2
test/sass/bulma.sass
vendored
Normal file
2
test/sass/bulma.sass
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
@charset "utf-8"
|
||||||
|
@import "../../bulma"
|
||||||
4
test/sass/css-variable.sass
Normal file
4
test/sass/css-variable.sass
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
@charset "utf-8"
|
||||||
|
$red: #f60
|
||||||
|
$blue: var(--blue)
|
||||||
|
@import "../../bulma"
|
||||||
37
test/sass/customize.scss
Normal file
37
test/sass/customize.scss
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
// Import a Google Font
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
|
||||||
|
|
||||||
|
// Set your brand colors
|
||||||
|
$purple: #8A4D76;
|
||||||
|
$pink: #FA7C91;
|
||||||
|
$brown: #757763;
|
||||||
|
$beige-light: #D0D1CD;
|
||||||
|
$beige-lighter: #EFF0EB;
|
||||||
|
|
||||||
|
// Update Bulma's global variables
|
||||||
|
$family-sans-serif: "Nunito", sans-serif;
|
||||||
|
$grey-dark: $brown;
|
||||||
|
$grey-light: $beige-light;
|
||||||
|
$primary: $purple;
|
||||||
|
$link: $pink;
|
||||||
|
$widescreen-enabled: false;
|
||||||
|
$fullhd-enabled: false;
|
||||||
|
|
||||||
|
// Update some of Bulma's component variables
|
||||||
|
$body-background-color: $beige-lighter;
|
||||||
|
$control-border-width: 2px;
|
||||||
|
$input-border-color: transparent;
|
||||||
|
$input-shadow: none;
|
||||||
|
|
||||||
|
// Import only what you need from Bulma
|
||||||
|
@import "../../sass/utilities/_all.sass";
|
||||||
|
@import "../../sass/base/_all.sass";
|
||||||
|
@import "../../sass/elements/button.sass";
|
||||||
|
@import "../../sass/elements/container.sass";
|
||||||
|
@import "../../sass/elements/title.sass";
|
||||||
|
@import "../../sass/form/_all.sass";
|
||||||
|
@import "../../sass/components/navbar.sass";
|
||||||
|
@import "../../sass/layout/hero.sass";
|
||||||
|
@import "../../sass/layout/section.sass";
|
||||||
5
test/sass/only-base.sass
Normal file
5
test/sass/only-base.sass
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
@charset "utf-8"
|
||||||
|
@import "../../sass/utilities/_all"
|
||||||
|
@import "../../sass/base/_all"
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user