mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +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">
|
||||
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>
|
||||
|
||||
<table class="table is-bordered">
|
||||
@ -40,7 +147,7 @@
|
||||
</table>
|
||||
|
||||
<h2 class="title is-5">
|
||||
Homepage sponsors via Patreon ($100+)
|
||||
Homepage sponsors ($100+)
|
||||
</h2>
|
||||
|
||||
<table class="table is-bordered">
|
||||
@ -120,19 +227,6 @@
|
||||
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Mark Mazza</td>
|
||||
|
||||
<td>
|
||||
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -163,90 +257,16 @@
|
||||
</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>
|
||||
<td>Roman Chvanikoff</td>
|
||||
|
||||
<td>
|
||||
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td>patrick136</td>
|
||||
<td colspan="2"><a href="https://github.com/patrick136" target="_blank" rel="nofollow">GitHub</a></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>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>
|
||||
<td>airtract</td>
|
||||
<td colspan="2"><a href="https://github.com/airtract" target="_blank" rel="nofollow">GitHub</a></td>
|
||||
</tr>
|
||||
|
||||
|
||||
@ -254,7 +274,7 @@
|
||||
</table>
|
||||
|
||||
<h2 class="title is-5">
|
||||
Backers via Patreon ($10+)
|
||||
Bulma backers ($10+)
|
||||
</h2>
|
||||
|
||||
<table class="table is-bordered">
|
||||
@ -312,6 +332,19 @@
|
||||
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Maurice Perry</td>
|
||||
|
||||
<td>
|
||||
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -360,12 +393,12 @@
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Franz Geffke</td>
|
||||
<td>Florian Breisch</td>
|
||||
|
||||
<td>
|
||||
|
||||
<a href="https://twitter.com/f_anzs" target="_blank" rel="nofollow">
|
||||
@f_anzs
|
||||
<a href="https://twitter.com/FlorianBreisch" target="_blank" rel="nofollow">
|
||||
@FlorianBreisch
|
||||
</a>
|
||||
|
||||
</td>
|
||||
@ -377,14 +410,10 @@
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Florian Breisch</td>
|
||||
<td>dvkt</td>
|
||||
|
||||
<td>
|
||||
|
||||
<a href="https://twitter.com/FlorianBreisch" target="_blank" rel="nofollow">
|
||||
@FlorianBreisch
|
||||
</a>
|
||||
|
||||
</td>
|
||||
|
||||
<td>
|
||||
@ -406,16 +435,22 @@
|
||||
</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>
|
||||
|
||||
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
* #2709 Add light colors to the `notification` element
|
||||
* #2740 Fixes #2739 -> Add variables size for layout `hero`
|
||||
* Fix #2741 -> Create `bulmaRgba()` function to support `inherit` value
|
||||
* #2756 Add `$button-text-decoration` variable
|
||||
|
||||
### 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 |
|
||||
| [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. |
|
||||
| [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter-kit) | Starterkit for Nunjucks with Bulma. |
|
||||
|
||||
## Copyright and license
|
||||
|
||||
|
||||
@ -1,120 +1,120 @@
|
||||
{
|
||||
"10": [
|
||||
{
|
||||
"name": "Dave Matthews",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1572311879973
|
||||
},
|
||||
{
|
||||
"name": "Dodzidenu Dzakuma",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1572836840820
|
||||
"start_timestamp": 1572833240820
|
||||
},
|
||||
{
|
||||
"name": "dvkt",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1572308279973
|
||||
},
|
||||
{
|
||||
"name": "Florian Breisch",
|
||||
"twitter": "FlorianBreisch",
|
||||
"start_timestamp": 1568874287443
|
||||
},
|
||||
{
|
||||
"name": "Franz Geffke",
|
||||
"twitter": "f_anzs",
|
||||
"start_timestamp": 1534701757930
|
||||
"start_timestamp": 1568870687443
|
||||
},
|
||||
{
|
||||
"name": "Jason Seminara",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1532955289949
|
||||
"start_timestamp": 1532951689949
|
||||
},
|
||||
{
|
||||
"name": "Jordan Nemrow",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1510767260223
|
||||
"start_timestamp": 1510763660223
|
||||
},
|
||||
{
|
||||
"name": "Leo Zeba",
|
||||
"twitter": "leozeba",
|
||||
"start_timestamp": 1511898573597
|
||||
"start_timestamp": 1511894973597
|
||||
},
|
||||
{
|
||||
"name": "Maurice Perry",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1575823033076
|
||||
},
|
||||
{
|
||||
"name": "Stuart Stanfield",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1527579663355
|
||||
"start_timestamp": 1527576063355
|
||||
},
|
||||
{
|
||||
"name": "Takayuki Yamaguchi",
|
||||
"twitter": "takyam",
|
||||
"start_timestamp": 1512366265358
|
||||
"start_timestamp": 1512362665358
|
||||
},
|
||||
{
|
||||
"name": "Tyler Weeres",
|
||||
"twitter": "tweeres04",
|
||||
"start_timestamp": 1552764835672
|
||||
"start_timestamp": 1552761235672
|
||||
}
|
||||
],
|
||||
"30": [
|
||||
{
|
||||
"name": "Aaron",
|
||||
"twitter": "aequasi",
|
||||
"start_timestamp": 1511242659284
|
||||
"start_timestamp": 1511239059284
|
||||
},
|
||||
{
|
||||
"name": "Adrian Ocneanu",
|
||||
"twitter": "aocneanu",
|
||||
"start_timestamp": 1510731567799,
|
||||
"start_timestamp": 1510727967799,
|
||||
"website_url": "https://www.earthlink.ro/",
|
||||
"website_name": "Earthlink"
|
||||
},
|
||||
{
|
||||
"name": "Bjørn Nese",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1579190804620
|
||||
},
|
||||
{
|
||||
"name": "Garry Newman",
|
||||
"twitter": "garrynewman",
|
||||
"start_timestamp": 1511186868165
|
||||
"start_timestamp": 1511183268165
|
||||
},
|
||||
{
|
||||
"name": "Roman Chvanikoff",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1554650361520
|
||||
"start_timestamp": 1554646761520
|
||||
}
|
||||
],
|
||||
"100": [
|
||||
{
|
||||
"name": "DontPayFull",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1535455908636
|
||||
"start_timestamp": 1535452308636
|
||||
},
|
||||
{
|
||||
"name": "Iaroslav Baklan",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1571294038349
|
||||
},
|
||||
{
|
||||
"name": "Mark Mazza",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1566959843240
|
||||
"start_timestamp": 1571290438349
|
||||
},
|
||||
{
|
||||
"name": "Phil Alves",
|
||||
"twitter": "philalves01",
|
||||
"start_timestamp": 1541989777176
|
||||
"start_timestamp": 1541986177176
|
||||
},
|
||||
{
|
||||
"name": "Robert Bolder",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1546593784071
|
||||
"start_timestamp": 1546590184071
|
||||
},
|
||||
{
|
||||
"name": "Sparheld International GmbH",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1563870141112
|
||||
"start_timestamp": 1563866541112
|
||||
},
|
||||
{
|
||||
"name": "Tooltwist",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1522552630215
|
||||
"start_timestamp": 1522549030215
|
||||
},
|
||||
{
|
||||
"name": "Yiannakis Ttafounas",
|
||||
"twitter": "",
|
||||
"start_timestamp": 1564570532754
|
||||
"start_timestamp": 1564566932754
|
||||
}
|
||||
],
|
||||
"300": [],
|
||||
@ -122,7 +122,7 @@
|
||||
{
|
||||
"name": "Tipe",
|
||||
"twitter": "tipeio",
|
||||
"start_timestamp": 1532102606749
|
||||
"start_timestamp": 1532099006749
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -1,5 +1,31 @@
|
||||
{
|
||||
"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": {
|
||||
"name": "Sinuous",
|
||||
"url": "https://sinuous.netlify.com/",
|
||||
@ -344,6 +370,11 @@
|
||||
"Gustav"
|
||||
],
|
||||
"expo": [
|
||||
"oneprofile",
|
||||
"formalfounder",
|
||||
"klimchuk",
|
||||
"pagespeed",
|
||||
"rydesignsstuff",
|
||||
"divjoy",
|
||||
"spike",
|
||||
"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",
|
||||
"fa_type": "fab",
|
||||
"fa_icon": "fa-patreon",
|
||||
"title": "Patreon backers",
|
||||
"title": "Patreon and GitHub backers",
|
||||
"description": "Everyone who is supporting Bulma"
|
||||
},
|
||||
{
|
||||
|
||||
@ -513,7 +513,7 @@
|
||||
},
|
||||
"backers": {
|
||||
"id": "backers",
|
||||
"name": "Patreon Backers",
|
||||
"name": "Patreon and GitHub Backers",
|
||||
"title": "Backers",
|
||||
"color": "patreon",
|
||||
"icon": "patreon",
|
||||
@ -548,7 +548,7 @@
|
||||
"path": "/alternative-to-bootstrap"
|
||||
},
|
||||
"patreon-backers": {
|
||||
"name": "Patreon backers",
|
||||
"name": "Patreon and GitHub backers",
|
||||
"subtitle": "Everyone who is supporting Bulma",
|
||||
"icon_brand": "true",
|
||||
"icon": "patreon",
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -111,6 +111,13 @@
|
||||
"width":"125",
|
||||
"height":"35"
|
||||
},
|
||||
"searchpromocodes": {
|
||||
"name": "SearchPromoCodes",
|
||||
"url": "https://searchpromocodes.com/",
|
||||
"title": "SearchPromoCodes",
|
||||
"width":"150",
|
||||
"height":"62"
|
||||
},
|
||||
"clothingric": {
|
||||
"name": "ClothingRIC",
|
||||
"url": "https://www.clothingric.com/",
|
||||
@ -157,29 +164,64 @@
|
||||
"title": "firesticktricks",
|
||||
"width":"120",
|
||||
"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": [
|
||||
"themeisle",
|
||||
"tooltwist",
|
||||
"dontpayfull",
|
||||
"devsquad",
|
||||
"vpsserver",
|
||||
"craft",
|
||||
"paperleaf",
|
||||
"papersowl",
|
||||
"sparheld",
|
||||
"bid4papers",
|
||||
"writersperhour",
|
||||
"promocodewatch",
|
||||
"clothingric",
|
||||
"edubirdie",
|
||||
"edusson",
|
||||
"emucoupon",
|
||||
"namobot",
|
||||
"firesticktricks"
|
||||
"themeisle"
|
||||
,"tooltwist"
|
||||
,"dontpayfull"
|
||||
,"devsquad"
|
||||
,"vpsserver"
|
||||
,"craft"
|
||||
,"paperleaf"
|
||||
,"papersowl"
|
||||
,"sparheld"
|
||||
,"bid4papers"
|
||||
,"writersperhour"
|
||||
,"searchpromocodes"
|
||||
,"clothingric"
|
||||
,"edubirdie"
|
||||
,"edusson"
|
||||
,"emucoupon"
|
||||
,"namobot"
|
||||
,"firesticktricks"
|
||||
,"airtract"
|
||||
,"realtimecommunications"
|
||||
,"polygon"
|
||||
,"cooltechzone"
|
||||
],
|
||||
"footer": [
|
||||
"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 }}">
|
||||
<a
|
||||
class="bd-sponsor-item"
|
||||
href="{{ sponsor.url }}"
|
||||
target="_blank"
|
||||
{% unless sponsor.follow %}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
</div>
|
||||
|
||||
<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>
|
||||
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>
|
||||
|
||||
@ -21,15 +21,17 @@
|
||||
{% if site.data.sponsors.footer.size > 0 %}
|
||||
<div class="bd-footer-donation column">
|
||||
<p class="bd-footer-donation-title">
|
||||
Visit our <strong>Sponsor</strong>
|
||||
Visit our <strong>Sponsors</strong>
|
||||
</p>
|
||||
|
||||
{% for sponsor_id in site.data.sponsors.footer %}
|
||||
{% include elements/sponsor-item.html
|
||||
sponsor_id=sponsor_id
|
||||
classname="bd-footer-sponsor"
|
||||
%}
|
||||
{% endfor %}
|
||||
<div class="bd-footer-donation-items">
|
||||
{% for sponsor_id in site.data.sponsors.footer %}
|
||||
{% include elements/sponsor-item.html
|
||||
sponsor_id=sponsor_id
|
||||
classname="bd-footer-sponsor"
|
||||
%}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<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 %}">
|
||||
|
||||
<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 %}
|
||||
<link rel="stylesheet" href="{{ site.data.icons.fontawesome4 }}">
|
||||
@ -36,8 +36,8 @@
|
||||
<meta property="og:title" content="{{ page.share_title }}">
|
||||
<meta name="twitter:title" content="{{ page.share_title }}">
|
||||
{% elsif page.title %}
|
||||
<meta property="og:title" content="{{ page.title | replace: ' ', ' ' }}">
|
||||
<meta name="twitter:title" content="{{ page.title | replace: ' ', ' ' }}">
|
||||
<meta property="og:title" content="{{ page.title | replace: ' ', ' ' | strip_html }}">
|
||||
<meta name="twitter:title" content="{{ page.title | replace: ' ', ' ' | strip_html }}">
|
||||
{% else %}
|
||||
<meta property="og: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 %}
|
||||
{% 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 }}">
|
||||
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
|
||||
</span>
|
||||
@ -71,7 +71,7 @@
|
||||
|
||||
{% for link_id in site.data.links.more %}
|
||||
{% 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 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>
|
||||
@ -82,7 +82,7 @@
|
||||
</span>
|
||||
</a>
|
||||
{% unless forloop.last %}
|
||||
<hr class="navbar-divider">
|
||||
<hr class="navbar-divider {% if forloop.first %}is-hidden-widescreen{% endif %}">
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
@ -54,6 +54,13 @@
|
||||
.bd-footer-donation
|
||||
flex: none
|
||||
|
||||
.bd-footer-donation-items
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
justify-content: center
|
||||
.bd-footer-sponsor
|
||||
width: 12rem
|
||||
|
||||
.bd-footer-sponsor a
|
||||
@extend %center
|
||||
height: 70px
|
||||
|
||||
@ -149,6 +149,7 @@
|
||||
max-width: $intro-width
|
||||
|
||||
.bd-focus-item
|
||||
@extend %link-before-background
|
||||
border-radius: $radius-large
|
||||
padding-top: 1.25rem
|
||||
position: relative
|
||||
@ -165,22 +166,6 @@
|
||||
position: relative
|
||||
strong
|
||||
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
|
||||
color: $text
|
||||
&:nth-child(1):hover
|
||||
|
||||
@ -21,11 +21,12 @@ $bd-partner-width: 12rem
|
||||
justify-content: space-around
|
||||
justify-content: center
|
||||
margin: 0 auto
|
||||
max-width: (7 * $bd-partner-width)
|
||||
max-width: (8 * $bd-partner-width)
|
||||
|
||||
.bd-partner-sponsor
|
||||
align-items: center
|
||||
align-items: stretch
|
||||
display: flex
|
||||
flex-direction: column
|
||||
justify-content: center
|
||||
margin: 0.25rem 1rem
|
||||
// min-height: $carbon-height + $carbon-poweredby-height
|
||||
@ -36,6 +37,18 @@ $bd-partner-width: 12rem
|
||||
font-size: 0.875em
|
||||
line-height: 1.25
|
||||
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
|
||||
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
|
||||
route: backers
|
||||
breadcrumb:
|
||||
@ -18,33 +19,7 @@ breadcrumb:
|
||||
{% endcapture %}
|
||||
|
||||
<h2 class="title is-5">
|
||||
Documentation sponsors via Patreon ($500+)
|
||||
</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+)
|
||||
Generous backers ($30+)
|
||||
</h2>
|
||||
|
||||
<table class="table is-bordered">
|
||||
@ -53,11 +28,46 @@ breadcrumb:
|
||||
{% for backer in site.data.backers["30"] reversed %}
|
||||
{% include elements/patreon-item.html %}
|
||||
{% endfor %}
|
||||
{% for backer in site.data.github["30"] reversed %}
|
||||
{% include elements/github-item.html %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<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>
|
||||
|
||||
<table class="table is-bordered">
|
||||
@ -66,5 +76,8 @@ breadcrumb:
|
||||
{% for backer in site.data.backers["10"] reversed %}
|
||||
{% include elements/patreon-item.html %}
|
||||
{% endfor %}
|
||||
{% for backer in site.data.github["10"] reversed %}
|
||||
{% include elements/github-item.html %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@ -38,6 +38,24 @@ $sidebar-width: 10.5rem
|
||||
box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.05)
|
||||
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)
|
||||
@if $current-selector
|
||||
&::-moz-selection
|
||||
|
||||
@ -65,7 +65,7 @@
|
||||
--bulma-primary-dark: #00947e;
|
||||
--bulma-primary-dark-hover: #007a68;
|
||||
--bulma-primary-dark-active: #006152;
|
||||
--bulma-primary-invert: var(--bulma-#ebfffc);
|
||||
--bulma-primary-invert: var(--bulma-white);
|
||||
--bulma-link-h: 217deg;
|
||||
--bulma-link-s: 71%;
|
||||
--bulma-link-l: 53%;
|
||||
@ -78,7 +78,7 @@
|
||||
--bulma-link-dark: #153e7e;
|
||||
--bulma-link-dark-hover: #123369;
|
||||
--bulma-link-dark-active: #0e2853;
|
||||
--bulma-link-invert: var(--bulma-#eef3fc);
|
||||
--bulma-link-invert: var(--bulma-white);
|
||||
--bulma-info-h: 204deg;
|
||||
--bulma-info-s: 71%;
|
||||
--bulma-info-l: 53%;
|
||||
@ -91,7 +91,7 @@
|
||||
--bulma-info-dark: #15547e;
|
||||
--bulma-info-dark-hover: #124669;
|
||||
--bulma-info-dark-active: #0e3753;
|
||||
--bulma-info-invert: var(--bulma-#eef6fc);
|
||||
--bulma-info-invert: var(--bulma-white);
|
||||
--bulma-success-h: 141deg;
|
||||
--bulma-success-s: 53%;
|
||||
--bulma-success-l: 53%;
|
||||
@ -104,7 +104,7 @@
|
||||
--bulma-success-dark: #23713e;
|
||||
--bulma-success-dark-hover: #1d5e33;
|
||||
--bulma-success-dark-active: #174a29;
|
||||
--bulma-success-invert: var(--bulma-#effaf3);
|
||||
--bulma-success-invert: var(--bulma-white);
|
||||
--bulma-warning-h: 48deg;
|
||||
--bulma-warning-s: 100%;
|
||||
--bulma-warning-l: 67%;
|
||||
@ -117,7 +117,7 @@
|
||||
--bulma-warning-dark: #947600;
|
||||
--bulma-warning-dark-hover: #7a6200;
|
||||
--bulma-warning-dark-active: #614e00;
|
||||
--bulma-warning-invert: var(--bulma-#fffbeb);
|
||||
--bulma-warning-invert: var(--bulma-white);
|
||||
--bulma-danger-h: 348deg;
|
||||
--bulma-danger-s: 86%;
|
||||
--bulma-danger-l: 61%;
|
||||
@ -130,7 +130,7 @@
|
||||
--bulma-danger-dark: #8a0a24;
|
||||
--bulma-danger-dark-hover: #72091e;
|
||||
--bulma-danger-dark-active: #5a0717;
|
||||
--bulma-danger-invert: var(--bulma-#feecf0);
|
||||
--bulma-danger-invert: var(--bulma-white);
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinAround {
|
||||
@ -11902,7 +11902,7 @@ label.panel-block:hover {
|
||||
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;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -11915,6 +11915,29 @@ label.panel-block:hover {
|
||||
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 {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
@ -13023,30 +13046,7 @@ svg {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.bd-focus-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 {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.bd-focus-item:hover .subtitle {
|
||||
.bd-focus-item .subtitle .subtitle {
|
||||
color: #4a4a4a;
|
||||
}
|
||||
|
||||
@ -13571,6 +13571,16 @@ svg {
|
||||
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 {
|
||||
height: 70px;
|
||||
}
|
||||
@ -15539,12 +15549,13 @@ svg {
|
||||
justify-content: space-around;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
max-width: 84rem;
|
||||
max-width: 96rem;
|
||||
}
|
||||
|
||||
.bd-partner-sponsor {
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
margin: 0.25rem 1rem;
|
||||
min-height: 80px;
|
||||
@ -15558,6 +15569,23 @@ svg {
|
||||
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 {
|
||||
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>
|
||||
|
||||
{% 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
|
||||
number="3"
|
||||
|
||||
@ -48,7 +48,7 @@ npm install webpack-cli --save-dev
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% highlight bash %}{{ dependencies }}{% endhighlight %}
|
||||
<!--email_off-->{% highlight bash %}{{ dependencies }}{% endhighlight %}<!--/email_off-->
|
||||
|
||||
<div class="content">
|
||||
<p>
|
||||
|
||||
@ -221,7 +221,7 @@ meta:
|
||||
<span class="icon">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</span>
|
||||
<span>Twitter</span>
|
||||
<span>@jgthms</span>
|
||||
</button>
|
||||
<button class="button is-success">
|
||||
<span class="icon is-small">
|
||||
@ -235,7 +235,6 @@ meta:
|
||||
<i class="fas fa-times"></i>
|
||||
</span>
|
||||
</button>
|
||||
</a>
|
||||
</p>
|
||||
<p class="buttons">
|
||||
<button class="button is-small">
|
||||
|
||||
@ -129,6 +129,9 @@ extensions:
|
||||
- name: bulma-block-list
|
||||
url: https://github.com/chrisrhymes/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 %}
|
||||
|
||||
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}
|
||||
&:hover,
|
||||
&:focus
|
||||
color: darken($color, 10%) !important
|
||||
color: bulmaDarken($color, 10%) !important
|
||||
.has-background-#{$name}
|
||||
background-color: $color !important
|
||||
|
||||
|
||||
@ -32,7 +32,7 @@ $navbar-dropdown-radius: $radius-large !default
|
||||
$navbar-dropdown-z: 20 !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-background-color: $background !default
|
||||
@ -72,7 +72,7 @@ $navbar-breakpoint: $desktop !default
|
||||
&:focus,
|
||||
&:hover,
|
||||
&.is-active
|
||||
background-color: darken($color, 5%)
|
||||
background-color: bulmaDarken($color, 5%)
|
||||
color: $color-invert
|
||||
.navbar-link
|
||||
&::after
|
||||
@ -90,7 +90,7 @@ $navbar-breakpoint: $desktop !default
|
||||
&:focus,
|
||||
&:hover,
|
||||
&.is-active
|
||||
background-color: darken($color, 5%)
|
||||
background-color: bulmaDarken($color, 5%)
|
||||
color: $color-invert
|
||||
.navbar-link
|
||||
&::after
|
||||
@ -98,7 +98,7 @@ $navbar-breakpoint: $desktop !default
|
||||
.navbar-item.has-dropdown:focus .navbar-link,
|
||||
.navbar-item.has-dropdown:hover .navbar-link,
|
||||
.navbar-item.has-dropdown.is-active .navbar-link
|
||||
background-color: darken($color, 5%)
|
||||
background-color: bulmaDarken($color, 5%)
|
||||
color: $color-invert
|
||||
.navbar-dropdown
|
||||
a.navbar-item
|
||||
@ -245,7 +245,7 @@ a.navbar-item,
|
||||
display: none
|
||||
.navbar-menu
|
||||
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
|
||||
&.is-active
|
||||
display: block
|
||||
@ -257,7 +257,7 @@ a.navbar-item,
|
||||
&.is-fixed-bottom-touch
|
||||
bottom: 0
|
||||
&.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
|
||||
top: 0
|
||||
&.is-fixed-top,
|
||||
@ -331,7 +331,7 @@ a.navbar-item,
|
||||
border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
|
||||
border-top: none
|
||||
bottom: 100%
|
||||
box-shadow: 0 -8px 8px rgba($scheme-invert, 0.1)
|
||||
box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
|
||||
top: auto
|
||||
&.is-active,
|
||||
&.is-hoverable:focus,
|
||||
@ -358,7 +358,7 @@ a.navbar-item,
|
||||
border-bottom-left-radius: $navbar-dropdown-radius
|
||||
border-bottom-right-radius: $navbar-dropdown-radius
|
||||
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
|
||||
font-size: 0.875rem
|
||||
left: 0
|
||||
@ -409,7 +409,7 @@ a.navbar-item,
|
||||
&.is-fixed-bottom-desktop
|
||||
bottom: 0
|
||||
&.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
|
||||
top: 0
|
||||
html,
|
||||
|
||||
@ -21,6 +21,7 @@ $button-active-color: $link-active !default
|
||||
$button-active-border-color: $link-active-border !default
|
||||
|
||||
$button-text-color: $text !default
|
||||
$button-text-decoration: underline !default
|
||||
$button-text-hover-background-color: $background !default
|
||||
$button-text-hover-color: $text-strong !default
|
||||
$button-text-focus-background-color: $border-light !default
|
||||
@ -105,7 +106,7 @@ $button-static-border-color: $border !default
|
||||
background-color: transparent
|
||||
border-color: transparent
|
||||
color: $button-text-color
|
||||
text-decoration: underline
|
||||
text-decoration: $button-text-decoration
|
||||
&:hover,
|
||||
&.is-hovered,
|
||||
&:focus,
|
||||
@ -114,7 +115,7 @@ $button-static-border-color: $border !default
|
||||
color: $button-text-hover-color
|
||||
&: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
|
||||
&[disabled],
|
||||
fieldset[disabled] &
|
||||
@ -130,7 +131,7 @@ $button-static-border-color: $border !default
|
||||
color: $color-invert
|
||||
&:hover,
|
||||
&.is-hovered
|
||||
background-color: darken($color, 2.5%)
|
||||
background-color: bulmaDarken($color, 2.5%)
|
||||
border-color: transparent
|
||||
color: $color-invert
|
||||
&:focus,
|
||||
@ -138,10 +139,10 @@ $button-static-border-color: $border !default
|
||||
border-color: transparent
|
||||
color: $color-invert
|
||||
&: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,
|
||||
&.is-active
|
||||
background-color: darken($color, 5%)
|
||||
background-color: bulmaDarken($color, 5%)
|
||||
border-color: transparent
|
||||
color: $color-invert
|
||||
&[disabled],
|
||||
@ -154,7 +155,7 @@ $button-static-border-color: $border !default
|
||||
color: $color
|
||||
&:hover,
|
||||
&.is-hovered
|
||||
background-color: darken($color-invert, 5%)
|
||||
background-color: bulmaDarken($color-invert, 5%)
|
||||
&[disabled],
|
||||
fieldset[disabled] &
|
||||
background-color: $color-invert
|
||||
@ -222,12 +223,12 @@ $button-static-border-color: $border !default
|
||||
color: $color-dark
|
||||
&:hover,
|
||||
&.is-hovered
|
||||
background-color: darken($color-light, 2.5%)
|
||||
background-color: bulmaDarken($color-light, 2.5%)
|
||||
border-color: transparent
|
||||
color: $color-dark
|
||||
&:active,
|
||||
&.is-active
|
||||
background-color: darken($color-light, 5%)
|
||||
background-color: bulmaDarken($color-light, 5%)
|
||||
border-color: transparent
|
||||
color: $color-dark
|
||||
// Sizes
|
||||
|
||||
@ -29,19 +29,19 @@ $file-name-max-width: 16em !default
|
||||
&:hover,
|
||||
&.is-hovered
|
||||
.file-cta
|
||||
background-color: darken($color, 2.5%)
|
||||
background-color: bulmaDarken($color, 2.5%)
|
||||
border-color: transparent
|
||||
color: $color-invert
|
||||
&:focus,
|
||||
&.is-focused
|
||||
.file-cta
|
||||
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
|
||||
&:active,
|
||||
&.is-active
|
||||
.file-cta
|
||||
background-color: darken($color, 5%)
|
||||
background-color: bulmaDarken($color, 5%)
|
||||
border-color: transparent
|
||||
color: $color-invert
|
||||
// Sizes
|
||||
@ -125,16 +125,16 @@ $file-name-max-width: 16em !default
|
||||
position: relative
|
||||
&:hover
|
||||
.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
|
||||
.file-name
|
||||
border-color: darken($file-name-border-color, 2.5%)
|
||||
border-color: bulmaDarken($file-name-border-color, 2.5%)
|
||||
&:active
|
||||
.file-cta
|
||||
background-color: darken($file-cta-background-color, 5%)
|
||||
background-color: bulmaDarken($file-cta-background-color, 5%)
|
||||
color: $file-cta-active-color
|
||||
.file-name
|
||||
border-color: darken($file-name-border-color, 5%)
|
||||
border-color: bulmaDarken($file-name-border-color, 5%)
|
||||
|
||||
.file-input
|
||||
height: 100%
|
||||
|
||||
@ -18,7 +18,7 @@ $textarea-min-height: 8em !default
|
||||
&.is-focused,
|
||||
&: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
|
||||
&.is-small
|
||||
+control-small
|
||||
|
||||
@ -49,12 +49,12 @@
|
||||
border-color: $color
|
||||
&:hover,
|
||||
&.is-hovered
|
||||
border-color: darken($color, 5%)
|
||||
border-color: bulmaDarken($color, 5%)
|
||||
&:focus,
|
||||
&.is-focused,
|
||||
&: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
|
||||
&.is-small
|
||||
+control-small
|
||||
|
||||
@ -41,7 +41,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
|
||||
.navbar-link
|
||||
&:hover,
|
||||
&.is-active
|
||||
background-color: darken($color, 5%)
|
||||
background-color: bulmaDarken($color, 5%)
|
||||
color: $color-invert
|
||||
.tabs
|
||||
a
|
||||
@ -65,13 +65,14 @@ $hero-body-padding-large: 18rem 1.5rem !default
|
||||
border-color: $color-invert
|
||||
color: $color
|
||||
// Modifiers
|
||||
&.is-bold
|
||||
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
||||
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
||||
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
||||
+mobile
|
||||
.navbar-menu
|
||||
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
||||
@if type-of($color) == 'color'
|
||||
&.is-bold
|
||||
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
||||
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
||||
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
||||
+mobile
|
||||
.navbar-menu
|
||||
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
||||
// Sizes
|
||||
&.is-small
|
||||
.hero-body
|
||||
|
||||
@ -62,6 +62,8 @@
|
||||
@return $value
|
||||
|
||||
@function colorLuminance($color)
|
||||
@if type-of($color) != 'color'
|
||||
@return 0.55
|
||||
$color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
|
||||
@each $name, $value in $color-rgb
|
||||
$adjusted: 0
|
||||
@ -105,6 +107,11 @@
|
||||
@return $hue, $saturation, $lightness
|
||||
|
||||
@function bulmaRgba($color, $alpha)
|
||||
@if type-of($color) == 'color'
|
||||
@return rgba($color, $alpha)
|
||||
@return $color
|
||||
@if type-of($color) != '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
|
||||
|
||||
# CONSTANTS
|
||||
|
||||
TEST_DIR=$(dirname $BASH_SOURCE)
|
||||
FILES=$TEST_DIR/sass/*
|
||||
CSS_DIR=$TEST_DIR/css
|
||||
SASS_OPTIONS=--sourcemap=none
|
||||
|
||||
# ==============================================================================
|
||||
# FUNCTIONS - START
|
||||
# ==============================================================================
|
||||
# FUNCTIONS
|
||||
|
||||
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()
|
||||
{
|
||||
|
||||
local _src="${1-bulma.sass}"
|
||||
local _dest="${2-$(dirname "${BASH_SOURCE[0]}")/output/$(basename ${_src}).css}"
|
||||
local _options="${3---sourcemap=none}"
|
||||
rm -r $CSS_DIR
|
||||
|
||||
# ----------------------------------------------------------------------------
|
||||
|
||||
local _dest_dir="$(dirname "${_dest}")"
|
||||
|
||||
if [ ! -d "${_dest_dir}" ]; then
|
||||
|
||||
mkdir -p "${_dest_dir}"
|
||||
|
||||
if [ ! -d "${CSS_DIR}" ]; then
|
||||
echo "Creating $CSS_DIR directory…"
|
||||
mkdir -p "${CSS_DIR}"
|
||||
fi
|
||||
|
||||
# ----------------------------------------------------------------------------
|
||||
|
||||
sass "${_src}" "${_dest}" ${_options}
|
||||
|
||||
if [ $1 ]
|
||||
then
|
||||
build_sass $1
|
||||
else
|
||||
for f in $FILES
|
||||
do
|
||||
build_sass $f
|
||||
done
|
||||
fi
|
||||
}
|
||||
# run_it()
|
||||
|
||||
# ==============================================================================
|
||||
# FUNCTIONS - END
|
||||
# ==============================================================================
|
||||
|
||||
|
||||
|
||||
# ==============================================================================
|
||||
# EXECUTION - START
|
||||
# ==============================================================================
|
||||
# EXECUTION
|
||||
|
||||
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