init repo
This commit is contained in:
oiseauroch
commit
96faa20062
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
public/
|
||||||
156
LICENSE
Normal file
156
LICENSE
Normal file
|
|
@ -0,0 +1,156 @@
|
||||||
|
Creative Commons Attribution 4.0 International
|
||||||
|
|
||||||
|
Creative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible.
|
||||||
|
|
||||||
|
Using Creative Commons Public Licenses
|
||||||
|
|
||||||
|
Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses.
|
||||||
|
|
||||||
|
Considerations for licensors: Our public licenses are intended for use by those authorized to give the public permission to use material in ways otherwise restricted by copyright and certain other rights. Our licenses are irrevocable. Licensors should read and understand the terms and conditions of the license they choose before applying it. Licensors should also secure all rights necessary before applying our licenses so that the public can reuse the material as expected. Licensors should clearly mark any material not subject to the license. This includes other CC-licensed material, or material used under an exception or limitation to copyright. More considerations for licensors.
|
||||||
|
|
||||||
|
Considerations for the public: By using one of our public licenses, a licensor grants the public permission to use the licensed material under specified terms and conditions. If the licensor’s permission is not necessary for any reason–for example, because of any applicable exception or limitation to copyright–then that use is not regulated by the license. Our licenses grant only permissions under copyright and certain other rights that a licensor has authority to grant. Use of the licensed material may still be restricted for other reasons, including because others have copyright or other rights in the material. A licensor may make special requests, such as asking that all changes be marked or described. Although not required by our licenses, you are encouraged to respect those requests where reasonable. More considerations for the public.
|
||||||
|
|
||||||
|
Creative Commons Attribution 4.0 International Public License
|
||||||
|
|
||||||
|
By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.
|
||||||
|
|
||||||
|
Section 1 – Definitions.
|
||||||
|
|
||||||
|
a. Adapted Material means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image.
|
||||||
|
|
||||||
|
b. Adapter's License means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License.
|
||||||
|
|
||||||
|
c. Copyright and Similar Rights means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.
|
||||||
|
|
||||||
|
d. Effective Technological Measures means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.
|
||||||
|
|
||||||
|
e. Exceptions and Limitations means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.
|
||||||
|
|
||||||
|
f. Licensed Material means the artistic or literary work, database, or other material to which the Licensor applied this Public License.
|
||||||
|
|
||||||
|
g. Licensed Rights means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.
|
||||||
|
|
||||||
|
h. Licensor means the individual(s) or entity(ies) granting rights under this Public License.
|
||||||
|
|
||||||
|
i. Share means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.
|
||||||
|
|
||||||
|
j. Sui Generis Database Rights means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
|
||||||
|
|
||||||
|
k. You means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning.
|
||||||
|
|
||||||
|
Section 2 – Scope.
|
||||||
|
|
||||||
|
a. License grant.
|
||||||
|
|
||||||
|
1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to:
|
||||||
|
|
||||||
|
A. reproduce and Share the Licensed Material, in whole or in part; and
|
||||||
|
|
||||||
|
B. produce, reproduce, and Share Adapted Material.
|
||||||
|
|
||||||
|
2. Exceptions and Limitations. For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions.
|
||||||
|
|
||||||
|
3. Term. The term of this Public License is specified in Section 6(a).
|
||||||
|
|
||||||
|
4. Media and formats; technical modifications allowed. The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material.
|
||||||
|
|
||||||
|
5. Downstream recipients.
|
||||||
|
|
||||||
|
A. Offer from the Licensor – Licensed Material. Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.
|
||||||
|
|
||||||
|
B. No downstream restrictions. You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.
|
||||||
|
|
||||||
|
6. No endorsement. Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i).
|
||||||
|
|
||||||
|
b. Other rights.
|
||||||
|
|
||||||
|
1. Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise.
|
||||||
|
|
||||||
|
2. Patent and trademark rights are not licensed under this Public License.
|
||||||
|
|
||||||
|
3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties.
|
||||||
|
|
||||||
|
Section 3 – License Conditions.
|
||||||
|
|
||||||
|
Your exercise of the Licensed Rights is expressly made subject to the following conditions.
|
||||||
|
|
||||||
|
a. Attribution.
|
||||||
|
|
||||||
|
1. If You Share the Licensed Material (including in modified form), You must:
|
||||||
|
|
||||||
|
A. retain the following if it is supplied by the Licensor with the Licensed Material:
|
||||||
|
|
||||||
|
i. identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated);
|
||||||
|
|
||||||
|
ii. a copyright notice;
|
||||||
|
|
||||||
|
iii. a notice that refers to this Public License;
|
||||||
|
|
||||||
|
iv. a notice that refers to the disclaimer of warranties;
|
||||||
|
|
||||||
|
v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable;
|
||||||
|
|
||||||
|
B. indicate if You modified the Licensed Material and retain an indication of any previous modifications; and
|
||||||
|
|
||||||
|
C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License.
|
||||||
|
|
||||||
|
2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information.
|
||||||
|
|
||||||
|
3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable.
|
||||||
|
|
||||||
|
4. If You Share Adapted Material You produce, the Adapter's License You apply must not prevent recipients of the Adapted Material from complying with this Public License.
|
||||||
|
|
||||||
|
Section 4 – Sui Generis Database Rights.
|
||||||
|
|
||||||
|
Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:
|
||||||
|
|
||||||
|
a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database;
|
||||||
|
|
||||||
|
b. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material; and
|
||||||
|
|
||||||
|
c. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database.
|
||||||
|
For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights.
|
||||||
|
|
||||||
|
Section 5 – Disclaimer of Warranties and Limitation of Liability.
|
||||||
|
|
||||||
|
a. Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.
|
||||||
|
|
||||||
|
b. To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You.
|
||||||
|
|
||||||
|
c. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability.
|
||||||
|
|
||||||
|
Section 6 – Term and Termination.
|
||||||
|
|
||||||
|
a. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically.
|
||||||
|
|
||||||
|
b. Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates:
|
||||||
|
|
||||||
|
1. automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or
|
||||||
|
|
||||||
|
2. upon express reinstatement by the Licensor.
|
||||||
|
|
||||||
|
c. For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License.
|
||||||
|
|
||||||
|
d. For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License.
|
||||||
|
|
||||||
|
e. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.
|
||||||
|
|
||||||
|
Section 7 – Other Terms and Conditions.
|
||||||
|
|
||||||
|
a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed.
|
||||||
|
|
||||||
|
b. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License.
|
||||||
|
|
||||||
|
Section 8 – Interpretation.
|
||||||
|
|
||||||
|
a. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License.
|
||||||
|
|
||||||
|
b. To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions.
|
||||||
|
|
||||||
|
c. No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor.
|
||||||
|
|
||||||
|
d. Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority.
|
||||||
|
|
||||||
|
Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at creativecommons.org/policies, Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses.
|
||||||
|
|
||||||
|
Creative Commons may be contacted at creativecommons.org.
|
||||||
12
README.md
Normal file
12
README.md
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
# Blog
|
||||||
|
|
||||||
|
Blog built with [Zola](https://getzola.org) and [Bulma](https://bulma.io).
|
||||||
|
|
||||||
|
## Building
|
||||||
|
|
||||||
|
```
|
||||||
|
zola build
|
||||||
|
```
|
||||||
|
## License
|
||||||
|
|
||||||
|
Unless explicitely specified, this content is under [CC-BY-SA](https://creativecommons.org/licenses/by-sa/4.0/) license.
|
||||||
21
bulma/LICENSE
Normal file
21
bulma/LICENSE
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2022 Jeremy Thomas
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in
|
||||||
|
all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
THE SOFTWARE.
|
||||||
139
bulma/README.md
Normal file
139
bulma/README.md
Normal file
|
|
@ -0,0 +1,139 @@
|
||||||
|
# [Bulma](https://bulma.io)
|
||||||
|
|
||||||
|
Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
|
||||||
|
|
||||||
|
|
||||||
|
[][npm-link]
|
||||||
|
[][npm-link]
|
||||||
|
[](https://www.jsdelivr.com/package/npm/bulma)
|
||||||
|
[![Awesome][awesome-badge]][awesome-link]
|
||||||
|
[](https://gitter.im/jgthms/bulma)
|
||||||
|
[](https://travis-ci.org/jgthms/bulma)
|
||||||
|
|
||||||
|
<a href="https://bulma.io"><img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" alt="Bulma: a Flexbox CSS framework" style="max-width:100%;" width="600"></a>
|
||||||
|
|
||||||
|
## Quick install
|
||||||
|
|
||||||
|
Bulma is constantly in development! Try it out now:
|
||||||
|
|
||||||
|
### NPM
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm install bulma
|
||||||
|
```
|
||||||
|
|
||||||
|
**or**
|
||||||
|
|
||||||
|
### Yarn
|
||||||
|
|
||||||
|
```sh
|
||||||
|
yarn add bulma
|
||||||
|
```
|
||||||
|
|
||||||
|
### Bower
|
||||||
|
|
||||||
|
```sh
|
||||||
|
bower install bulma
|
||||||
|
```
|
||||||
|
|
||||||
|
### Import
|
||||||
|
|
||||||
|
After installation, you can import the CSS file into your project using this snippet:
|
||||||
|
|
||||||
|
```sh
|
||||||
|
@import 'bulma/css/bulma.css'
|
||||||
|
```
|
||||||
|
|
||||||
|
### CDN
|
||||||
|
|
||||||
|
[https://www.jsdelivr.com/package/npm/bulma](https://www.jsdelivr.com/package/npm/bulma)
|
||||||
|
|
||||||
|
Feel free to raise an issue or submit a pull request.
|
||||||
|
|
||||||
|
## CSS only
|
||||||
|
|
||||||
|
Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https://github.com/jgthms/bulma/blob/master/css/bulma.css)
|
||||||
|
|
||||||
|
You can either use that file, "out of the box", or download the Sass source files to customize the [variables](https://bulma.io/documentation/overview/variables/).
|
||||||
|
|
||||||
|
There is **no** JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.
|
||||||
|
|
||||||
|
## Browser Support
|
||||||
|
|
||||||
|
Bulma uses [autoprefixer](https://github.com/postcss/autoprefixer) to make (most) Flexbox features compatible with earlier browser versions. According to [Can I use](https://caniuse.com/#feat=flexbox), Bulma is compatible with **recent** versions of:
|
||||||
|
|
||||||
|
- Chrome
|
||||||
|
- Edge
|
||||||
|
- Firefox
|
||||||
|
- Opera
|
||||||
|
- Safari
|
||||||
|
|
||||||
|
Internet Explorer (10+) is only partially supported.
|
||||||
|
|
||||||
|
## Documentation
|
||||||
|
|
||||||
|
The documentation resides in the [docs](docs) directory, and is built with the Ruby-based [Jekyll](https://jekyllrb.com/) tool.
|
||||||
|
|
||||||
|
Browse the [online documentation here.](https://bulma.io/documentation/overview/start/)
|
||||||
|
|
||||||
|
## Related projects
|
||||||
|
|
||||||
|
| Project | Description |
|
||||||
|
| ----------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
|
||||||
|
| [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-selectors) | Adds support for attribute-based selectors |
|
||||||
|
| [Bulma with Rails](https://github.com/joshuajansen/bulma-rails) | Integrates Bulma with the rails asset pipeline |
|
||||||
|
| [BulmaRazor](https://github.com/loogn/bulmarazor) | A lightweight component library based on Bulma and Blazor. |
|
||||||
|
| [Vue Admin (dead)](https://github.com/vue-bulma/vue-admin) | Vue Admin framework powered by Bulma |
|
||||||
|
| [Bulmaswatch](https://github.com/jenil/bulmaswatch) | Free themes for Bulma |
|
||||||
|
| [Goldfish (read-only)](https://github.com/Caiyeon/goldfish) | Vault UI with Bulma, Golang, and Vue Admin |
|
||||||
|
| [ember-bulma](https://github.com/open-tux/ember-bulma) | Ember addon providing a collection of UI components for Bulma |
|
||||||
|
| [Bloomer](https://bloomer.js.org) | A set of React components for Bulma |
|
||||||
|
| [React-bulma](https://github.com/kulakowka/react-bulma) | React.js components for Bulma |
|
||||||
|
| [Buefy](https://buefy.org/) | Lightweight UI components for Vue.js based on Bulma |
|
||||||
|
| [vue-bulma-components](https://github.com/vouill/vue-bulma-components) | Bulma components for Vue.js with straightforward syntax |
|
||||||
|
| [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) | Javascript integration for Bulma. Written in ES6 with a data-\* API |
|
||||||
|
| [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx) | A set of modal window effects with CSS transitions and animations for Bulma |
|
||||||
|
| [Bulma Stylus](https://github.com/groenroos/bulma-stylus) | Up-to-date 1:1 translation to Stylus |
|
||||||
|
| [Bulma.styl (read-only)](https://github.com/log1x/bulma.styl) | 1:1 Stylus translation of Bulma 0.6.11 |
|
||||||
|
| [elm-bulma](https://github.com/surprisetalk/elm-bulma) | Bulma + Elm |
|
||||||
|
| [elm-bulma-classes](https://github.com/ahstro/elm-bulma-classes) | Bulma classes prepared for usage with Elm |
|
||||||
|
| [Bulma Customizer](https://bulma-customizer.bstash.io/) | Bulma Customizer – Create your own **bespoke** Bulma build |
|
||||||
|
| [Fulma](https://fulma.github.io/Fulma/) | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable-react) |
|
||||||
|
| [Laravel Enso](https://github.com/laravel-enso/enso) | SPA Admin Panel built with Bulma, VueJS and Laravel |
|
||||||
|
| [Django Bulma](https://github.com/timonweb/django-bulma) | Integrates Bulma with Django |
|
||||||
|
| [Bulma Templates](https://github.com/dansup/bulma-templates) | Free Templates for Bulma |
|
||||||
|
| [React Bulma Components](https://github.com/couds/react-bulma-components) | Another React wrap on React for Bulma.io |
|
||||||
|
| [purescript-bulma](https://github.com/sectore/purescript-bulma) | PureScript bindings for Bulma |
|
||||||
|
| [Vue Datatable](https://github.com/laravel-enso/vuedatatable) | Bulma themed datatable based on Vue, Laravel & JSON templates |
|
||||||
|
| [bulma-fluent](https://mubaidr.github.io/bulma-fluent/) | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System |
|
||||||
|
| [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt) | Automatically add Bulma classes to HTML files |
|
||||||
|
| [bulma-pagination-react](https://github.com/hipstersmoothie/bulma-pagination-react) | Bulma pagination as a react component |
|
||||||
|
| [bulma-helpers](https://github.com/jmaczan/bulma-helpers) | Functional / Atomic CSS classes for Bulma |
|
||||||
|
| [bulma-swatch-hook](https://github.com/hipstersmoothie/bulma-swatch-hook) | Bulma swatches as a react hook and a component |
|
||||||
|
| [BulmaWP (read-only)](https://github.com/tomhrtly/BulmaWP) | Starter WordPress theme for Bulma |
|
||||||
|
| [Ralma](https://github.com/aldi/ralma) | Stateless Ractive.js Components for Bulma |
|
||||||
|
| [Django Simple Bulma](https://github.com/python-discord/django-simple-bulma) | Lightweight integration of Bulma and Bulma-Extensions for your Django app |
|
||||||
|
| [rbx](https://dfee.github.io/rbx) | Comprehensive React UI Framework written in TypeScript |
|
||||||
|
| [Awesome Bulma Templates](https://github.com/aldi/awesome-bulma-templates) | Free real-world Templates built with Bulma |
|
||||||
|
| [Trunx](http://g14n.info/trunx) | Super Saiyan React components, son of awesome Bulma, implemented in TypeScript |
|
||||||
|
| [@aybolit/bulma](https://github.com/web-padawan/aybolit/tree/master/packages/bulma) | Web Components library inspired by Bulma and Bulma-extensions |
|
||||||
|
| [Drulma](https://www.drupal.org/project/drulma) | Drupal theme for Bulma. |
|
||||||
|
| [Bulrush](https://github.com/textbook/bulrush) | A Bulma-based Python Pelican blog theme |
|
||||||
|
| [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. |
|
||||||
|
| [Bulma-Social](https://github.com/aldi/bulma-social) | Social Buttons and Colors for Bulma |
|
||||||
|
| [Divjoy](https://divjoy.com/?kit=bulma) | React codebase generator with Bulma templates |
|
||||||
|
| [Blazorise](https://github.com/Megabit/Blazorise) | Blazor component library with the support for Bulma CSS framework |
|
||||||
|
| [Oruga-Bulma](https://github.com/oruga-ui/theme-bulma) | Bulma theme for [Oruga UI](https://oruga.io) |
|
||||||
|
| [@bulvar/bulma](https://github.com/daniil4udo/bulvar/tree/master/packages/bulma) | Bulma with [CSS Variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) support |
|
||||||
|
| [@angular-bulma](https://quinnjr.github.io/angular-bulma) | [Angular](https://angular.io/) directives and components to use in your Bulma projects |
|
||||||
|
|
||||||
|
## Copyright and license 
|
||||||
|
|
||||||
|
Code copyright 2022 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
|
||||||
|
|
||||||
|
[npm-link]: https://www.npmjs.com/package/bulma
|
||||||
|
[awesome-link]: https://github.com/awesome-css-group/awesome-css
|
||||||
|
[awesome-badge]: https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg
|
||||||
10
bulma/bulma.sass
vendored
Normal file
10
bulma/bulma.sass
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
@charset "utf-8"
|
||||||
|
/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
|
||||||
|
@import "sass/utilities/_all"
|
||||||
|
@import "sass/base/_all"
|
||||||
|
@import "sass/elements/_all"
|
||||||
|
@import "sass/form/_all"
|
||||||
|
@import "sass/components/_all"
|
||||||
|
@import "sass/grid/_all"
|
||||||
|
@import "sass/helpers/_all"
|
||||||
|
@import "sass/layout/_all"
|
||||||
11851
bulma/css/bulma-rtl.css
Normal file
11851
bulma/css/bulma-rtl.css
Normal file
File diff suppressed because it is too large
Load Diff
1
bulma/css/bulma-rtl.css.map
Normal file
1
bulma/css/bulma-rtl.css.map
Normal file
File diff suppressed because one or more lines are too long
1
bulma/css/bulma-rtl.min.css
vendored
Normal file
1
bulma/css/bulma-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
11851
bulma/css/bulma.css
vendored
Normal file
11851
bulma/css/bulma.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
bulma/css/bulma.css.map
Normal file
1
bulma/css/bulma.css.map
Normal file
File diff suppressed because one or more lines are too long
1
bulma/css/bulma.min.css
vendored
Normal file
1
bulma/css/bulma.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
56
bulma/package.json
Normal file
56
bulma/package.json
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
{
|
||||||
|
"name": "bulma",
|
||||||
|
"version": "0.9.4",
|
||||||
|
"homepage": "https://bulma.io",
|
||||||
|
"author": {
|
||||||
|
"name": "Jeremy Thomas",
|
||||||
|
"email": "bbxdesign@gmail.com",
|
||||||
|
"url": "https://jgthms.com"
|
||||||
|
},
|
||||||
|
"description": "Modern CSS framework based on Flexbox",
|
||||||
|
"main": "bulma.sass",
|
||||||
|
"unpkg": "css/bulma.css",
|
||||||
|
"style": "bulma/css/bulma.min.css",
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/jgthms/bulma.git"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"keywords": [
|
||||||
|
"css",
|
||||||
|
"sass",
|
||||||
|
"flexbox",
|
||||||
|
"responsive",
|
||||||
|
"framework"
|
||||||
|
],
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/jgthms/bulma/issues"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^10.4.7",
|
||||||
|
"clean-css-cli": "^5.6.0",
|
||||||
|
"node-sass": "^7.0.1",
|
||||||
|
"postcss-cli": "^9.1.0",
|
||||||
|
"rimraf": "^3.0.2"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build": "npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
|
||||||
|
"build-autoprefix": "postcss --use autoprefixer --map false --output css/bulma.css css/bulma.css",
|
||||||
|
"build-cleancss": "cleancss -o css/bulma.min.css css/bulma.css",
|
||||||
|
"build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
|
||||||
|
"clean": "rimraf css",
|
||||||
|
"rtl": "npm run rtl-sass && npm run rtl-autoprefix && npm run rtl-cleancss",
|
||||||
|
"rtl-sass": "node-sass --output-style expanded --source-map true bulma-rtl.sass css/bulma-rtl.css",
|
||||||
|
"rtl-autoprefix": "postcss --use autoprefixer --map false --output css/bulma-rtl.css css/bulma-rtl.css",
|
||||||
|
"rtl-cleancss": "cleancss -o css/bulma-rtl.min.css css/bulma-rtl.css",
|
||||||
|
"deploy": "npm run clean && npm run build && npm run rtl",
|
||||||
|
"start": "npm run build-sass -- --watch"
|
||||||
|
},
|
||||||
|
"files": [
|
||||||
|
"css",
|
||||||
|
"sass",
|
||||||
|
"bulma.sass",
|
||||||
|
"LICENSE",
|
||||||
|
"README.md"
|
||||||
|
]
|
||||||
|
}
|
||||||
6
bulma/sass/base/_all.sass
Normal file
6
bulma/sass/base/_all.sass
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
/* Bulma Base */
|
||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "minireset"
|
||||||
|
@import "generic"
|
||||||
|
@import "animations"
|
||||||
5
bulma/sass/base/animations.sass
Normal file
5
bulma/sass/base/animations.sass
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
@keyframes spinAround
|
||||||
|
from
|
||||||
|
transform: rotate(0deg)
|
||||||
|
to
|
||||||
|
transform: rotate(359deg)
|
||||||
145
bulma/sass/base/generic.sass
Normal file
145
bulma/sass/base/generic.sass
Normal file
|
|
@ -0,0 +1,145 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$body-background-color: $scheme-main !default
|
||||||
|
$body-size: 16px !default
|
||||||
|
$body-min-width: 300px !default
|
||||||
|
$body-rendering: optimizeLegibility !default
|
||||||
|
$body-family: $family-primary !default
|
||||||
|
$body-overflow-x: hidden !default
|
||||||
|
$body-overflow-y: scroll !default
|
||||||
|
|
||||||
|
$body-color: $text !default
|
||||||
|
$body-font-size: 1em !default
|
||||||
|
$body-weight: $weight-normal !default
|
||||||
|
$body-line-height: 1.5 !default
|
||||||
|
|
||||||
|
$code-family: $family-code !default
|
||||||
|
$code-padding: 0.25em 0.5em 0.25em !default
|
||||||
|
$code-weight: normal !default
|
||||||
|
$code-size: 0.875em !default
|
||||||
|
|
||||||
|
$small-font-size: 0.875em !default
|
||||||
|
|
||||||
|
$hr-background-color: $background !default
|
||||||
|
$hr-height: 2px !default
|
||||||
|
$hr-margin: 1.5rem 0 !default
|
||||||
|
|
||||||
|
$strong-color: $text-strong !default
|
||||||
|
$strong-weight: $weight-bold !default
|
||||||
|
|
||||||
|
$pre-font-size: 0.875em !default
|
||||||
|
$pre-padding: 1.25rem 1.5rem !default
|
||||||
|
$pre-code-font-size: 1em !default
|
||||||
|
|
||||||
|
html
|
||||||
|
background-color: $body-background-color
|
||||||
|
font-size: $body-size
|
||||||
|
-moz-osx-font-smoothing: grayscale
|
||||||
|
-webkit-font-smoothing: antialiased
|
||||||
|
min-width: $body-min-width
|
||||||
|
overflow-x: $body-overflow-x
|
||||||
|
overflow-y: $body-overflow-y
|
||||||
|
text-rendering: $body-rendering
|
||||||
|
text-size-adjust: 100%
|
||||||
|
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
figure,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
hgroup,
|
||||||
|
section
|
||||||
|
display: block
|
||||||
|
|
||||||
|
body,
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea
|
||||||
|
font-family: $body-family
|
||||||
|
|
||||||
|
code,
|
||||||
|
pre
|
||||||
|
-moz-osx-font-smoothing: auto
|
||||||
|
-webkit-font-smoothing: auto
|
||||||
|
font-family: $code-family
|
||||||
|
|
||||||
|
body
|
||||||
|
color: $body-color
|
||||||
|
font-size: $body-font-size
|
||||||
|
font-weight: $body-weight
|
||||||
|
line-height: $body-line-height
|
||||||
|
|
||||||
|
// Inline
|
||||||
|
|
||||||
|
a
|
||||||
|
color: $link
|
||||||
|
cursor: pointer
|
||||||
|
text-decoration: none
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
&:hover
|
||||||
|
color: $link-hover
|
||||||
|
|
||||||
|
code
|
||||||
|
background-color: $code-background
|
||||||
|
color: $code
|
||||||
|
font-size: $code-size
|
||||||
|
font-weight: $code-weight
|
||||||
|
padding: $code-padding
|
||||||
|
|
||||||
|
hr
|
||||||
|
background-color: $hr-background-color
|
||||||
|
border: none
|
||||||
|
display: block
|
||||||
|
height: $hr-height
|
||||||
|
margin: $hr-margin
|
||||||
|
|
||||||
|
img
|
||||||
|
height: auto
|
||||||
|
max-width: 100%
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"]
|
||||||
|
vertical-align: baseline
|
||||||
|
|
||||||
|
small
|
||||||
|
font-size: $small-font-size
|
||||||
|
|
||||||
|
span
|
||||||
|
font-style: inherit
|
||||||
|
font-weight: inherit
|
||||||
|
|
||||||
|
strong
|
||||||
|
color: $strong-color
|
||||||
|
font-weight: $strong-weight
|
||||||
|
|
||||||
|
// Block
|
||||||
|
|
||||||
|
fieldset
|
||||||
|
border: none
|
||||||
|
|
||||||
|
pre
|
||||||
|
+overflow-touch
|
||||||
|
background-color: $pre-background
|
||||||
|
color: $pre
|
||||||
|
font-size: $pre-font-size
|
||||||
|
overflow-x: auto
|
||||||
|
padding: $pre-padding
|
||||||
|
white-space: pre
|
||||||
|
word-wrap: normal
|
||||||
|
code
|
||||||
|
background-color: transparent
|
||||||
|
color: currentColor
|
||||||
|
font-size: $pre-code-font-size
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
table
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
vertical-align: top
|
||||||
|
&:not([align])
|
||||||
|
text-align: inherit
|
||||||
|
th
|
||||||
|
color: $text-strong
|
||||||
1
bulma/sass/base/helpers.sass
Normal file
1
bulma/sass/base/helpers.sass
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
@warn "The helpers.sass file is DEPRECATED. It has moved into its own /helpers folder. Please import sass/helpers/_all instead."
|
||||||
79
bulma/sass/base/minireset.sass
Normal file
79
bulma/sass/base/minireset.sass
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
|
||||||
|
// Blocks
|
||||||
|
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
|
||||||
|
|
||||||
|
// Headings
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6
|
||||||
|
font-size: 100%
|
||||||
|
font-weight: normal
|
||||||
|
|
||||||
|
// List
|
||||||
|
ul
|
||||||
|
list-style: none
|
||||||
|
|
||||||
|
// Form
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea
|
||||||
|
margin: 0
|
||||||
|
|
||||||
|
// Box sizing
|
||||||
|
html
|
||||||
|
box-sizing: border-box
|
||||||
|
|
||||||
|
*
|
||||||
|
&,
|
||||||
|
&::before,
|
||||||
|
&::after
|
||||||
|
box-sizing: inherit
|
||||||
|
|
||||||
|
// Media
|
||||||
|
img,
|
||||||
|
video
|
||||||
|
height: auto
|
||||||
|
max-width: 100%
|
||||||
|
|
||||||
|
// Iframe
|
||||||
|
iframe
|
||||||
|
border: 0
|
||||||
|
|
||||||
|
// Table
|
||||||
|
table
|
||||||
|
border-collapse: collapse
|
||||||
|
border-spacing: 0
|
||||||
|
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
padding: 0
|
||||||
|
&:not([align])
|
||||||
|
text-align: inherit
|
||||||
15
bulma/sass/components/_all.sass
Normal file
15
bulma/sass/components/_all.sass
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
/* Bulma Components */
|
||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "breadcrumb"
|
||||||
|
@import "card"
|
||||||
|
@import "dropdown"
|
||||||
|
@import "level"
|
||||||
|
@import "media"
|
||||||
|
@import "menu"
|
||||||
|
@import "message"
|
||||||
|
@import "modal"
|
||||||
|
@import "navbar"
|
||||||
|
@import "pagination"
|
||||||
|
@import "panel"
|
||||||
|
@import "tabs"
|
||||||
77
bulma/sass/components/breadcrumb.sass
Normal file
77
bulma/sass/components/breadcrumb.sass
Normal file
|
|
@ -0,0 +1,77 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$breadcrumb-item-color: $link !default
|
||||||
|
$breadcrumb-item-hover-color: $link-hover !default
|
||||||
|
$breadcrumb-item-active-color: $text-strong !default
|
||||||
|
|
||||||
|
$breadcrumb-item-padding-vertical: 0 !default
|
||||||
|
$breadcrumb-item-padding-horizontal: 0.75em !default
|
||||||
|
|
||||||
|
$breadcrumb-item-separator-color: $border-hover !default
|
||||||
|
|
||||||
|
.breadcrumb
|
||||||
|
@extend %block
|
||||||
|
@extend %unselectable
|
||||||
|
font-size: $size-normal
|
||||||
|
white-space: nowrap
|
||||||
|
a
|
||||||
|
align-items: center
|
||||||
|
color: $breadcrumb-item-color
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
|
||||||
|
&:hover
|
||||||
|
color: $breadcrumb-item-hover-color
|
||||||
|
li
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
&:first-child a
|
||||||
|
+ltr-property("padding", 0, false)
|
||||||
|
&.is-active
|
||||||
|
a
|
||||||
|
color: $breadcrumb-item-active-color
|
||||||
|
cursor: default
|
||||||
|
pointer-events: none
|
||||||
|
& + li::before
|
||||||
|
color: $breadcrumb-item-separator-color
|
||||||
|
content: "\0002f"
|
||||||
|
ul,
|
||||||
|
ol
|
||||||
|
align-items: flex-start
|
||||||
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
justify-content: flex-start
|
||||||
|
.icon
|
||||||
|
&:first-child
|
||||||
|
+ltr-property("margin", 0.5em)
|
||||||
|
&:last-child
|
||||||
|
+ltr-property("margin", 0.5em, false)
|
||||||
|
// Alignment
|
||||||
|
&.is-centered
|
||||||
|
ol,
|
||||||
|
ul
|
||||||
|
justify-content: center
|
||||||
|
&.is-right
|
||||||
|
ol,
|
||||||
|
ul
|
||||||
|
justify-content: flex-end
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
// Styles
|
||||||
|
&.has-arrow-separator
|
||||||
|
li + li::before
|
||||||
|
content: "\02192"
|
||||||
|
&.has-bullet-separator
|
||||||
|
li + li::before
|
||||||
|
content: "\02022"
|
||||||
|
&.has-dot-separator
|
||||||
|
li + li::before
|
||||||
|
content: "\000b7"
|
||||||
|
&.has-succeeds-separator
|
||||||
|
li + li::before
|
||||||
|
content: "\0227B"
|
||||||
103
bulma/sass/components/card.sass
Normal file
103
bulma/sass/components/card.sass
Normal file
|
|
@ -0,0 +1,103 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$card-color: $text !default
|
||||||
|
$card-background-color: $scheme-main !default
|
||||||
|
$card-shadow: $shadow !default
|
||||||
|
$card-radius: 0.25rem !default
|
||||||
|
|
||||||
|
$card-header-background-color: transparent !default
|
||||||
|
$card-header-color: $text-strong !default
|
||||||
|
$card-header-padding: 0.75rem 1rem !default
|
||||||
|
$card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
|
||||||
|
$card-header-weight: $weight-bold !default
|
||||||
|
|
||||||
|
$card-content-background-color: transparent !default
|
||||||
|
$card-content-padding: 1.5rem !default
|
||||||
|
|
||||||
|
$card-footer-background-color: transparent !default
|
||||||
|
$card-footer-border-top: 1px solid $border-light !default
|
||||||
|
$card-footer-padding: 0.75rem !default
|
||||||
|
|
||||||
|
$card-media-margin: $block-spacing !default
|
||||||
|
|
||||||
|
.card
|
||||||
|
background-color: $card-background-color
|
||||||
|
border-radius: $card-radius
|
||||||
|
box-shadow: $card-shadow
|
||||||
|
color: $card-color
|
||||||
|
max-width: 100%
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
%card-item
|
||||||
|
&:first-child
|
||||||
|
border-top-left-radius: $card-radius
|
||||||
|
border-top-right-radius: $card-radius
|
||||||
|
&:last-child
|
||||||
|
border-bottom-left-radius: $card-radius
|
||||||
|
border-bottom-right-radius: $card-radius
|
||||||
|
|
||||||
|
.card-header
|
||||||
|
@extend %card-item
|
||||||
|
background-color: $card-header-background-color
|
||||||
|
align-items: stretch
|
||||||
|
box-shadow: $card-header-shadow
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.card-header-title
|
||||||
|
align-items: center
|
||||||
|
color: $card-header-color
|
||||||
|
display: flex
|
||||||
|
flex-grow: 1
|
||||||
|
font-weight: $card-header-weight
|
||||||
|
padding: $card-header-padding
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
|
||||||
|
.card-header-icon
|
||||||
|
+reset
|
||||||
|
align-items: center
|
||||||
|
cursor: pointer
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
padding: $card-header-padding
|
||||||
|
|
||||||
|
.card-image
|
||||||
|
display: block
|
||||||
|
position: relative
|
||||||
|
&:first-child
|
||||||
|
img
|
||||||
|
border-top-left-radius: $card-radius
|
||||||
|
border-top-right-radius: $card-radius
|
||||||
|
&:last-child
|
||||||
|
img
|
||||||
|
border-bottom-left-radius: $card-radius
|
||||||
|
border-bottom-right-radius: $card-radius
|
||||||
|
|
||||||
|
.card-content
|
||||||
|
@extend %card-item
|
||||||
|
background-color: $card-content-background-color
|
||||||
|
padding: $card-content-padding
|
||||||
|
|
||||||
|
.card-footer
|
||||||
|
@extend %card-item
|
||||||
|
background-color: $card-footer-background-color
|
||||||
|
border-top: $card-footer-border-top
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.card-footer-item
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
justify-content: center
|
||||||
|
padding: $card-footer-padding
|
||||||
|
&:not(:last-child)
|
||||||
|
+ltr-property("border", $card-footer-border-top)
|
||||||
|
|
||||||
|
// Combinations
|
||||||
|
|
||||||
|
.card
|
||||||
|
.media:not(:last-child)
|
||||||
|
margin-bottom: $card-media-margin
|
||||||
83
bulma/sass/components/dropdown.sass
Normal file
83
bulma/sass/components/dropdown.sass
Normal file
|
|
@ -0,0 +1,83 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$dropdown-menu-min-width: 12rem !default
|
||||||
|
|
||||||
|
$dropdown-content-background-color: $scheme-main !default
|
||||||
|
$dropdown-content-arrow: $link !default
|
||||||
|
$dropdown-content-offset: 4px !default
|
||||||
|
$dropdown-content-padding-bottom: 0.5rem !default
|
||||||
|
$dropdown-content-padding-top: 0.5rem !default
|
||||||
|
$dropdown-content-radius: $radius !default
|
||||||
|
$dropdown-content-shadow: $shadow !default
|
||||||
|
$dropdown-content-z: 20 !default
|
||||||
|
|
||||||
|
$dropdown-item-color: $text !default
|
||||||
|
$dropdown-item-hover-color: $scheme-invert !default
|
||||||
|
$dropdown-item-hover-background-color: $background !default
|
||||||
|
$dropdown-item-active-color: $link-invert !default
|
||||||
|
$dropdown-item-active-background-color: $link !default
|
||||||
|
|
||||||
|
$dropdown-divider-background-color: $border-light !default
|
||||||
|
|
||||||
|
.dropdown
|
||||||
|
display: inline-flex
|
||||||
|
position: relative
|
||||||
|
vertical-align: top
|
||||||
|
&.is-active,
|
||||||
|
&.is-hoverable:hover
|
||||||
|
.dropdown-menu
|
||||||
|
display: block
|
||||||
|
&.is-right
|
||||||
|
.dropdown-menu
|
||||||
|
left: auto
|
||||||
|
right: 0
|
||||||
|
&.is-up
|
||||||
|
.dropdown-menu
|
||||||
|
bottom: 100%
|
||||||
|
padding-bottom: $dropdown-content-offset
|
||||||
|
padding-top: initial
|
||||||
|
top: auto
|
||||||
|
|
||||||
|
.dropdown-menu
|
||||||
|
display: none
|
||||||
|
+ltr-position(0, false)
|
||||||
|
min-width: $dropdown-menu-min-width
|
||||||
|
padding-top: $dropdown-content-offset
|
||||||
|
position: absolute
|
||||||
|
top: 100%
|
||||||
|
z-index: $dropdown-content-z
|
||||||
|
|
||||||
|
.dropdown-content
|
||||||
|
background-color: $dropdown-content-background-color
|
||||||
|
border-radius: $dropdown-content-radius
|
||||||
|
box-shadow: $dropdown-content-shadow
|
||||||
|
padding-bottom: $dropdown-content-padding-bottom
|
||||||
|
padding-top: $dropdown-content-padding-top
|
||||||
|
|
||||||
|
.dropdown-item
|
||||||
|
color: $dropdown-item-color
|
||||||
|
display: block
|
||||||
|
font-size: 0.875rem
|
||||||
|
line-height: 1.5
|
||||||
|
padding: 0.375rem 1rem
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
a.dropdown-item,
|
||||||
|
button.dropdown-item
|
||||||
|
+ltr-property("padding", 3rem)
|
||||||
|
text-align: inherit
|
||||||
|
white-space: nowrap
|
||||||
|
width: 100%
|
||||||
|
&:hover
|
||||||
|
background-color: $dropdown-item-hover-background-color
|
||||||
|
color: $dropdown-item-hover-color
|
||||||
|
&.is-active
|
||||||
|
background-color: $dropdown-item-active-background-color
|
||||||
|
color: $dropdown-item-active-color
|
||||||
|
|
||||||
|
.dropdown-divider
|
||||||
|
background-color: $dropdown-divider-background-color
|
||||||
|
border: none
|
||||||
|
display: block
|
||||||
|
height: 1px
|
||||||
|
margin: 0.5rem 0
|
||||||
79
bulma/sass/components/level.sass
Normal file
79
bulma/sass/components/level.sass
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$level-item-spacing: ($block-spacing * 0.5) !default
|
||||||
|
|
||||||
|
.level
|
||||||
|
@extend %block
|
||||||
|
align-items: center
|
||||||
|
justify-content: space-between
|
||||||
|
code
|
||||||
|
border-radius: $radius
|
||||||
|
img
|
||||||
|
display: inline-block
|
||||||
|
vertical-align: top
|
||||||
|
// Modifiers
|
||||||
|
&.is-mobile
|
||||||
|
display: flex
|
||||||
|
.level-left,
|
||||||
|
.level-right
|
||||||
|
display: flex
|
||||||
|
.level-left + .level-right
|
||||||
|
margin-top: 0
|
||||||
|
.level-item
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0
|
||||||
|
+ltr-property("margin", $level-item-spacing)
|
||||||
|
&:not(.is-narrow)
|
||||||
|
flex-grow: 1
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
& > .level-item
|
||||||
|
&:not(.is-narrow)
|
||||||
|
flex-grow: 1
|
||||||
|
|
||||||
|
.level-item
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
flex-basis: auto
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
justify-content: center
|
||||||
|
.title,
|
||||||
|
.subtitle
|
||||||
|
margin-bottom: 0
|
||||||
|
// Responsiveness
|
||||||
|
+mobile
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: $level-item-spacing
|
||||||
|
|
||||||
|
.level-left,
|
||||||
|
.level-right
|
||||||
|
flex-basis: auto
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
.level-item
|
||||||
|
// Modifiers
|
||||||
|
&.is-flexible
|
||||||
|
flex-grow: 1
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
&:not(:last-child)
|
||||||
|
+ltr-property("margin", $level-item-spacing)
|
||||||
|
|
||||||
|
.level-left
|
||||||
|
align-items: center
|
||||||
|
justify-content: flex-start
|
||||||
|
// Responsiveness
|
||||||
|
+mobile
|
||||||
|
& + .level-right
|
||||||
|
margin-top: 1.5rem
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.level-right
|
||||||
|
align-items: center
|
||||||
|
justify-content: flex-end
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
59
bulma/sass/components/media.sass
Normal file
59
bulma/sass/components/media.sass
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$media-border-color: bulmaRgba($border, 0.5) !default
|
||||||
|
$media-border-size: 1px !default
|
||||||
|
$media-spacing: 1rem !default
|
||||||
|
$media-spacing-large: 1.5rem !default
|
||||||
|
$media-content-spacing: 0.75rem !default
|
||||||
|
$media-level-1-spacing: 0.75rem !default
|
||||||
|
$media-level-1-content-spacing: 0.5rem !default
|
||||||
|
$media-level-2-spacing: 0.5rem !default
|
||||||
|
|
||||||
|
.media
|
||||||
|
align-items: flex-start
|
||||||
|
display: flex
|
||||||
|
text-align: inherit
|
||||||
|
.content:not(:last-child)
|
||||||
|
margin-bottom: $media-content-spacing
|
||||||
|
.media
|
||||||
|
border-top: $media-border-size solid $media-border-color
|
||||||
|
display: flex
|
||||||
|
padding-top: $media-level-1-spacing
|
||||||
|
.content:not(:last-child),
|
||||||
|
.control:not(:last-child)
|
||||||
|
margin-bottom: $media-level-1-content-spacing
|
||||||
|
.media
|
||||||
|
padding-top: $media-level-2-spacing
|
||||||
|
& + .media
|
||||||
|
margin-top: $media-level-2-spacing
|
||||||
|
& + .media
|
||||||
|
border-top: $media-border-size solid $media-border-color
|
||||||
|
margin-top: $media-spacing
|
||||||
|
padding-top: $media-spacing
|
||||||
|
// Sizes
|
||||||
|
&.is-large
|
||||||
|
& + .media
|
||||||
|
margin-top: $media-spacing-large
|
||||||
|
padding-top: $media-spacing-large
|
||||||
|
|
||||||
|
.media-left,
|
||||||
|
.media-right
|
||||||
|
flex-basis: auto
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
|
||||||
|
.media-left
|
||||||
|
+ltr-property("margin", $media-spacing)
|
||||||
|
|
||||||
|
.media-right
|
||||||
|
+ltr-property("margin", $media-spacing, false)
|
||||||
|
|
||||||
|
.media-content
|
||||||
|
flex-basis: auto
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
text-align: inherit
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
.media-content
|
||||||
|
overflow-x: auto
|
||||||
59
bulma/sass/components/menu.sass
Normal file
59
bulma/sass/components/menu.sass
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$menu-item-color: $text !default
|
||||||
|
$menu-item-radius: $radius-small !default
|
||||||
|
$menu-item-hover-color: $text-strong !default
|
||||||
|
$menu-item-hover-background-color: $background !default
|
||||||
|
$menu-item-active-color: $link-invert !default
|
||||||
|
$menu-item-active-background-color: $link !default
|
||||||
|
|
||||||
|
$menu-list-border-left: 1px solid $border !default
|
||||||
|
$menu-list-line-height: 1.25 !default
|
||||||
|
$menu-list-link-padding: 0.5em 0.75em !default
|
||||||
|
$menu-nested-list-margin: 0.75em !default
|
||||||
|
$menu-nested-list-padding-left: 0.75em !default
|
||||||
|
|
||||||
|
$menu-label-color: $text-light !default
|
||||||
|
$menu-label-font-size: 0.75em !default
|
||||||
|
$menu-label-letter-spacing: 0.1em !default
|
||||||
|
$menu-label-spacing: 1em !default
|
||||||
|
|
||||||
|
.menu
|
||||||
|
font-size: $size-normal
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
|
||||||
|
.menu-list
|
||||||
|
line-height: $menu-list-line-height
|
||||||
|
a
|
||||||
|
border-radius: $menu-item-radius
|
||||||
|
color: $menu-item-color
|
||||||
|
display: block
|
||||||
|
padding: $menu-list-link-padding
|
||||||
|
&:hover
|
||||||
|
background-color: $menu-item-hover-background-color
|
||||||
|
color: $menu-item-hover-color
|
||||||
|
// Modifiers
|
||||||
|
&.is-active
|
||||||
|
background-color: $menu-item-active-background-color
|
||||||
|
color: $menu-item-active-color
|
||||||
|
li
|
||||||
|
ul
|
||||||
|
+ltr-property("border", $menu-list-border-left, false)
|
||||||
|
margin: $menu-nested-list-margin
|
||||||
|
+ltr-property("padding", $menu-nested-list-padding-left, false)
|
||||||
|
|
||||||
|
.menu-label
|
||||||
|
color: $menu-label-color
|
||||||
|
font-size: $menu-label-font-size
|
||||||
|
letter-spacing: $menu-label-letter-spacing
|
||||||
|
text-transform: uppercase
|
||||||
|
&:not(:first-child)
|
||||||
|
margin-top: $menu-label-spacing
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: $menu-label-spacing
|
||||||
101
bulma/sass/components/message.sass
Normal file
101
bulma/sass/components/message.sass
Normal file
|
|
@ -0,0 +1,101 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$message-background-color: $background !default
|
||||||
|
$message-radius: $radius !default
|
||||||
|
|
||||||
|
$message-header-background-color: $text !default
|
||||||
|
$message-header-color: $text-invert !default
|
||||||
|
$message-header-weight: $weight-bold !default
|
||||||
|
$message-header-padding: 0.75em 1em !default
|
||||||
|
$message-header-radius: $radius !default
|
||||||
|
|
||||||
|
$message-body-border-color: $border !default
|
||||||
|
$message-body-border-width: 0 0 0 4px !default
|
||||||
|
$message-body-color: $text !default
|
||||||
|
$message-body-padding: 1.25em 1.5em !default
|
||||||
|
$message-body-radius: $radius !default
|
||||||
|
|
||||||
|
$message-body-pre-background-color: $scheme-main !default
|
||||||
|
$message-body-pre-code-background-color: transparent !default
|
||||||
|
|
||||||
|
$message-header-body-border-width: 0 !default
|
||||||
|
$message-colors: $colors !default
|
||||||
|
|
||||||
|
.message
|
||||||
|
@extend %block
|
||||||
|
background-color: $message-background-color
|
||||||
|
border-radius: $message-radius
|
||||||
|
font-size: $size-normal
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
a:not(.button):not(.tag):not(.dropdown-item)
|
||||||
|
color: currentColor
|
||||||
|
text-decoration: underline
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
// Colors
|
||||||
|
@each $name, $components in $message-colors
|
||||||
|
$color: nth($components, 1)
|
||||||
|
$color-invert: nth($components, 2)
|
||||||
|
$color-light: null
|
||||||
|
$color-dark: null
|
||||||
|
|
||||||
|
@if length($components) >= 3
|
||||||
|
$color-light: nth($components, 3)
|
||||||
|
@if length($components) >= 4
|
||||||
|
$color-dark: nth($components, 4)
|
||||||
|
@else
|
||||||
|
$color-luminance: colorLuminance($color)
|
||||||
|
$darken-percentage: $color-luminance * 70%
|
||||||
|
$desaturate-percentage: $color-luminance * 30%
|
||||||
|
$color-dark: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
|
||||||
|
@else
|
||||||
|
$color-lightning: max((100% - lightness($color)) - 2%, 0%)
|
||||||
|
$color-light: lighten($color, $color-lightning)
|
||||||
|
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color-light
|
||||||
|
.message-header
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
.message-body
|
||||||
|
border-color: $color
|
||||||
|
color: $color-dark
|
||||||
|
|
||||||
|
.message-header
|
||||||
|
align-items: center
|
||||||
|
background-color: $message-header-background-color
|
||||||
|
border-radius: $message-header-radius $message-header-radius 0 0
|
||||||
|
color: $message-header-color
|
||||||
|
display: flex
|
||||||
|
font-weight: $message-header-weight
|
||||||
|
justify-content: space-between
|
||||||
|
line-height: 1.25
|
||||||
|
padding: $message-header-padding
|
||||||
|
position: relative
|
||||||
|
.delete
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
+ltr-property("margin", 0.75em, false)
|
||||||
|
& + .message-body
|
||||||
|
border-width: $message-header-body-border-width
|
||||||
|
border-top-left-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
|
||||||
|
.message-body
|
||||||
|
border-color: $message-body-border-color
|
||||||
|
border-radius: $message-body-radius
|
||||||
|
border-style: solid
|
||||||
|
border-width: $message-body-border-width
|
||||||
|
color: $message-body-color
|
||||||
|
padding: $message-body-padding
|
||||||
|
code,
|
||||||
|
pre
|
||||||
|
background-color: $message-body-pre-background-color
|
||||||
|
pre code
|
||||||
|
background-color: $message-body-pre-code-background-color
|
||||||
117
bulma/sass/components/modal.sass
Normal file
117
bulma/sass/components/modal.sass
Normal file
|
|
@ -0,0 +1,117 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$modal-z: 40 !default
|
||||||
|
|
||||||
|
$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
|
||||||
|
|
||||||
|
$modal-content-width: 640px !default
|
||||||
|
$modal-content-margin-mobile: 20px !default
|
||||||
|
$modal-content-spacing-mobile: 160px !default
|
||||||
|
$modal-content-spacing-tablet: 40px !default
|
||||||
|
|
||||||
|
$modal-close-dimensions: 40px !default
|
||||||
|
$modal-close-right: 20px !default
|
||||||
|
$modal-close-top: 20px !default
|
||||||
|
|
||||||
|
$modal-card-spacing: 40px !default
|
||||||
|
|
||||||
|
$modal-card-head-background-color: $background !default
|
||||||
|
$modal-card-head-border-bottom: 1px solid $border !default
|
||||||
|
$modal-card-head-padding: 20px !default
|
||||||
|
$modal-card-head-radius: $radius-large !default
|
||||||
|
|
||||||
|
$modal-card-title-color: $text-strong !default
|
||||||
|
$modal-card-title-line-height: 1 !default
|
||||||
|
$modal-card-title-size: $size-4 !default
|
||||||
|
|
||||||
|
$modal-card-foot-radius: $radius-large !default
|
||||||
|
$modal-card-foot-border-top: 1px solid $border !default
|
||||||
|
|
||||||
|
$modal-card-body-background-color: $scheme-main !default
|
||||||
|
$modal-card-body-padding: 20px !default
|
||||||
|
|
||||||
|
$modal-breakpoint: $tablet !default
|
||||||
|
|
||||||
|
.modal
|
||||||
|
@extend %overlay
|
||||||
|
align-items: center
|
||||||
|
display: none
|
||||||
|
flex-direction: column
|
||||||
|
justify-content: center
|
||||||
|
overflow: hidden
|
||||||
|
position: fixed
|
||||||
|
z-index: $modal-z
|
||||||
|
// Modifiers
|
||||||
|
&.is-active
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.modal-background
|
||||||
|
@extend %overlay
|
||||||
|
background-color: $modal-background-background-color
|
||||||
|
|
||||||
|
.modal-content,
|
||||||
|
.modal-card
|
||||||
|
margin: 0 $modal-content-margin-mobile
|
||||||
|
max-height: calc(100vh - #{$modal-content-spacing-mobile})
|
||||||
|
overflow: auto
|
||||||
|
position: relative
|
||||||
|
width: 100%
|
||||||
|
// Responsiveness
|
||||||
|
+from($modal-breakpoint)
|
||||||
|
margin: 0 auto
|
||||||
|
max-height: calc(100vh - #{$modal-content-spacing-tablet})
|
||||||
|
width: $modal-content-width
|
||||||
|
|
||||||
|
.modal-close
|
||||||
|
@extend %delete
|
||||||
|
background: none
|
||||||
|
height: $modal-close-dimensions
|
||||||
|
position: fixed
|
||||||
|
+ltr-position($modal-close-right)
|
||||||
|
top: $modal-close-top
|
||||||
|
width: $modal-close-dimensions
|
||||||
|
|
||||||
|
.modal-card
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
max-height: calc(100vh - #{$modal-card-spacing})
|
||||||
|
overflow: hidden
|
||||||
|
-ms-overflow-y: visible
|
||||||
|
|
||||||
|
.modal-card-head,
|
||||||
|
.modal-card-foot
|
||||||
|
align-items: center
|
||||||
|
background-color: $modal-card-head-background-color
|
||||||
|
display: flex
|
||||||
|
flex-shrink: 0
|
||||||
|
justify-content: flex-start
|
||||||
|
padding: $modal-card-head-padding
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
.modal-card-head
|
||||||
|
border-bottom: $modal-card-head-border-bottom
|
||||||
|
border-top-left-radius: $modal-card-head-radius
|
||||||
|
border-top-right-radius: $modal-card-head-radius
|
||||||
|
|
||||||
|
.modal-card-title
|
||||||
|
color: $modal-card-title-color
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
font-size: $modal-card-title-size
|
||||||
|
line-height: $modal-card-title-line-height
|
||||||
|
|
||||||
|
.modal-card-foot
|
||||||
|
border-bottom-left-radius: $modal-card-foot-radius
|
||||||
|
border-bottom-right-radius: $modal-card-foot-radius
|
||||||
|
border-top: $modal-card-foot-border-top
|
||||||
|
.button
|
||||||
|
&:not(:last-child)
|
||||||
|
+ltr-property("margin", 0.5em)
|
||||||
|
|
||||||
|
.modal-card-body
|
||||||
|
+overflow-touch
|
||||||
|
background-color: $modal-card-body-background-color
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
overflow: auto
|
||||||
|
padding: $modal-card-body-padding
|
||||||
446
bulma/sass/components/navbar.sass
Normal file
446
bulma/sass/components/navbar.sass
Normal file
|
|
@ -0,0 +1,446 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$navbar-background-color: $scheme-main !default
|
||||||
|
$navbar-box-shadow-size: 0 2px 0 0 !default
|
||||||
|
$navbar-box-shadow-color: $background !default
|
||||||
|
$navbar-height: 3.25rem !default
|
||||||
|
$navbar-padding-vertical: 1rem !default
|
||||||
|
$navbar-padding-horizontal: 2rem !default
|
||||||
|
$navbar-z: 30 !default
|
||||||
|
$navbar-fixed-z: 30 !default
|
||||||
|
|
||||||
|
$navbar-item-color: $text !default
|
||||||
|
$navbar-item-hover-color: $link !default
|
||||||
|
$navbar-item-hover-background-color: $scheme-main-bis !default
|
||||||
|
$navbar-item-active-color: $scheme-invert !default
|
||||||
|
$navbar-item-active-background-color: transparent !default
|
||||||
|
$navbar-item-img-max-height: 1.75rem !default
|
||||||
|
|
||||||
|
$navbar-burger-color: $navbar-item-color !default
|
||||||
|
|
||||||
|
$navbar-tab-hover-background-color: transparent !default
|
||||||
|
$navbar-tab-hover-border-bottom-color: $link !default
|
||||||
|
$navbar-tab-active-color: $link !default
|
||||||
|
$navbar-tab-active-background-color: transparent !default
|
||||||
|
$navbar-tab-active-border-bottom-color: $link !default
|
||||||
|
$navbar-tab-active-border-bottom-style: solid !default
|
||||||
|
$navbar-tab-active-border-bottom-width: 3px !default
|
||||||
|
|
||||||
|
$navbar-dropdown-background-color: $scheme-main !default
|
||||||
|
$navbar-dropdown-border-top: 2px solid $border !default
|
||||||
|
$navbar-dropdown-offset: -4px !default
|
||||||
|
$navbar-dropdown-arrow: $link !default
|
||||||
|
$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 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
|
||||||
|
$navbar-dropdown-item-active-color: $link !default
|
||||||
|
$navbar-dropdown-item-active-background-color: $background !default
|
||||||
|
|
||||||
|
$navbar-divider-background-color: $background !default
|
||||||
|
$navbar-divider-height: 2px !default
|
||||||
|
|
||||||
|
$navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
|
||||||
|
|
||||||
|
$navbar-breakpoint: $desktop !default
|
||||||
|
|
||||||
|
$navbar-colors: $colors !default
|
||||||
|
|
||||||
|
=navbar-fixed
|
||||||
|
left: 0
|
||||||
|
position: fixed
|
||||||
|
right: 0
|
||||||
|
z-index: $navbar-fixed-z
|
||||||
|
|
||||||
|
.navbar
|
||||||
|
background-color: $navbar-background-color
|
||||||
|
min-height: $navbar-height
|
||||||
|
position: relative
|
||||||
|
z-index: $navbar-z
|
||||||
|
@each $name, $pair in $navbar-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-brand
|
||||||
|
& > .navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
color: $color-invert
|
||||||
|
& > a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&:focus,
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: bulmaDarken($color, 5%)
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-link
|
||||||
|
&::after
|
||||||
|
border-color: $color-invert
|
||||||
|
.navbar-burger
|
||||||
|
color: $color-invert
|
||||||
|
+from($navbar-breakpoint)
|
||||||
|
.navbar-start,
|
||||||
|
.navbar-end
|
||||||
|
& > .navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
color: $color-invert
|
||||||
|
& > a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&:focus,
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: bulmaDarken($color, 5%)
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-link
|
||||||
|
&::after
|
||||||
|
border-color: $color-invert
|
||||||
|
.navbar-item.has-dropdown:focus .navbar-link,
|
||||||
|
.navbar-item.has-dropdown:hover .navbar-link,
|
||||||
|
.navbar-item.has-dropdown.is-active .navbar-link
|
||||||
|
background-color: bulmaDarken($color, 5%)
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-dropdown
|
||||||
|
a.navbar-item
|
||||||
|
&.is-active
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
& > .container
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
min-height: $navbar-height
|
||||||
|
width: 100%
|
||||||
|
&.has-shadow
|
||||||
|
box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color
|
||||||
|
&.is-fixed-bottom,
|
||||||
|
&.is-fixed-top
|
||||||
|
+navbar-fixed
|
||||||
|
&.is-fixed-bottom
|
||||||
|
bottom: 0
|
||||||
|
&.has-shadow
|
||||||
|
box-shadow: $navbar-bottom-box-shadow-size $navbar-box-shadow-color
|
||||||
|
&.is-fixed-top
|
||||||
|
top: 0
|
||||||
|
|
||||||
|
html,
|
||||||
|
body
|
||||||
|
&.has-navbar-fixed-top
|
||||||
|
padding-top: $navbar-height
|
||||||
|
&.has-navbar-fixed-bottom
|
||||||
|
padding-bottom: $navbar-height
|
||||||
|
|
||||||
|
.navbar-brand,
|
||||||
|
.navbar-tabs
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
flex-shrink: 0
|
||||||
|
min-height: $navbar-height
|
||||||
|
|
||||||
|
.navbar-brand
|
||||||
|
a.navbar-item
|
||||||
|
&:focus,
|
||||||
|
&:hover
|
||||||
|
background-color: transparent
|
||||||
|
|
||||||
|
.navbar-tabs
|
||||||
|
+overflow-touch
|
||||||
|
max-width: 100vw
|
||||||
|
overflow-x: auto
|
||||||
|
overflow-y: hidden
|
||||||
|
|
||||||
|
.navbar-burger
|
||||||
|
@extend %reset
|
||||||
|
color: $navbar-burger-color
|
||||||
|
+hamburger($navbar-height)
|
||||||
|
+ltr-property("margin", auto, false)
|
||||||
|
|
||||||
|
.navbar-menu
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
color: $navbar-item-color
|
||||||
|
display: block
|
||||||
|
line-height: 1.5
|
||||||
|
padding: 0.5rem 0.75rem
|
||||||
|
position: relative
|
||||||
|
.icon
|
||||||
|
&:only-child
|
||||||
|
margin-left: -0.25rem
|
||||||
|
margin-right: -0.25rem
|
||||||
|
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
cursor: pointer
|
||||||
|
&:focus,
|
||||||
|
&:focus-within,
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: $navbar-item-hover-background-color
|
||||||
|
color: $navbar-item-hover-color
|
||||||
|
|
||||||
|
.navbar-item
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
img
|
||||||
|
max-height: $navbar-item-img-max-height
|
||||||
|
&.has-dropdown
|
||||||
|
padding: 0
|
||||||
|
&.is-expanded
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
&.is-tab
|
||||||
|
border-bottom: 1px solid transparent
|
||||||
|
min-height: $navbar-height
|
||||||
|
padding-bottom: calc(0.5rem - 1px)
|
||||||
|
&:focus,
|
||||||
|
&:hover
|
||||||
|
background-color: $navbar-tab-hover-background-color
|
||||||
|
border-bottom-color: $navbar-tab-hover-border-bottom-color
|
||||||
|
&.is-active
|
||||||
|
background-color: $navbar-tab-active-background-color
|
||||||
|
border-bottom-color: $navbar-tab-active-border-bottom-color
|
||||||
|
border-bottom-style: $navbar-tab-active-border-bottom-style
|
||||||
|
border-bottom-width: $navbar-tab-active-border-bottom-width
|
||||||
|
color: $navbar-tab-active-color
|
||||||
|
padding-bottom: calc(0.5rem - #{$navbar-tab-active-border-bottom-width})
|
||||||
|
|
||||||
|
.navbar-content
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
|
||||||
|
.navbar-link:not(.is-arrowless)
|
||||||
|
+ltr-property("padding", 2.5em)
|
||||||
|
&::after
|
||||||
|
@extend %arrow
|
||||||
|
border-color: $navbar-dropdown-arrow
|
||||||
|
margin-top: -0.375em
|
||||||
|
+ltr-position(1.125em)
|
||||||
|
|
||||||
|
.navbar-dropdown
|
||||||
|
font-size: 0.875rem
|
||||||
|
padding-bottom: 0.5rem
|
||||||
|
padding-top: 0.5rem
|
||||||
|
.navbar-item
|
||||||
|
padding-left: 1.5rem
|
||||||
|
padding-right: 1.5rem
|
||||||
|
|
||||||
|
.navbar-divider
|
||||||
|
background-color: $navbar-divider-background-color
|
||||||
|
border: none
|
||||||
|
display: none
|
||||||
|
height: $navbar-divider-height
|
||||||
|
margin: 0.5rem 0
|
||||||
|
|
||||||
|
+until($navbar-breakpoint)
|
||||||
|
.navbar > .container
|
||||||
|
display: block
|
||||||
|
.navbar-brand,
|
||||||
|
.navbar-tabs
|
||||||
|
.navbar-item
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
.navbar-link
|
||||||
|
&::after
|
||||||
|
display: none
|
||||||
|
.navbar-menu
|
||||||
|
background-color: $navbar-background-color
|
||||||
|
box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1)
|
||||||
|
padding: 0.5rem 0
|
||||||
|
&.is-active
|
||||||
|
display: block
|
||||||
|
// Fixed navbar
|
||||||
|
.navbar
|
||||||
|
&.is-fixed-bottom-touch,
|
||||||
|
&.is-fixed-top-touch
|
||||||
|
+navbar-fixed
|
||||||
|
&.is-fixed-bottom-touch
|
||||||
|
bottom: 0
|
||||||
|
&.has-shadow
|
||||||
|
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
|
||||||
|
&.is-fixed-top-touch
|
||||||
|
top: 0
|
||||||
|
&.is-fixed-top,
|
||||||
|
&.is-fixed-top-touch
|
||||||
|
.navbar-menu
|
||||||
|
+overflow-touch
|
||||||
|
max-height: calc(100vh - #{$navbar-height})
|
||||||
|
overflow: auto
|
||||||
|
html,
|
||||||
|
body
|
||||||
|
&.has-navbar-fixed-top-touch
|
||||||
|
padding-top: $navbar-height
|
||||||
|
&.has-navbar-fixed-bottom-touch
|
||||||
|
padding-bottom: $navbar-height
|
||||||
|
|
||||||
|
+from($navbar-breakpoint)
|
||||||
|
.navbar,
|
||||||
|
.navbar-menu,
|
||||||
|
.navbar-start,
|
||||||
|
.navbar-end
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
.navbar
|
||||||
|
min-height: $navbar-height
|
||||||
|
&.is-spaced
|
||||||
|
padding: $navbar-padding-vertical $navbar-padding-horizontal
|
||||||
|
.navbar-start,
|
||||||
|
.navbar-end
|
||||||
|
align-items: center
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
border-radius: $radius
|
||||||
|
&.is-transparent
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&:focus,
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: transparent !important
|
||||||
|
.navbar-item.has-dropdown
|
||||||
|
&.is-active,
|
||||||
|
&.is-hoverable:focus,
|
||||||
|
&.is-hoverable:focus-within,
|
||||||
|
&.is-hoverable:hover
|
||||||
|
.navbar-link
|
||||||
|
background-color: transparent !important
|
||||||
|
.navbar-dropdown
|
||||||
|
a.navbar-item
|
||||||
|
&:focus,
|
||||||
|
&:hover
|
||||||
|
background-color: $navbar-dropdown-item-hover-background-color
|
||||||
|
color: $navbar-dropdown-item-hover-color
|
||||||
|
&.is-active
|
||||||
|
background-color: $navbar-dropdown-item-active-background-color
|
||||||
|
color: $navbar-dropdown-item-active-color
|
||||||
|
.navbar-burger
|
||||||
|
display: none
|
||||||
|
.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
.navbar-item
|
||||||
|
&.has-dropdown
|
||||||
|
align-items: stretch
|
||||||
|
&.has-dropdown-up
|
||||||
|
.navbar-link::after
|
||||||
|
transform: rotate(135deg) translate(0.25em, -0.25em)
|
||||||
|
.navbar-dropdown
|
||||||
|
border-bottom: $navbar-dropdown-border-top
|
||||||
|
border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
|
||||||
|
border-top: none
|
||||||
|
bottom: 100%
|
||||||
|
box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
|
||||||
|
top: auto
|
||||||
|
&.is-active,
|
||||||
|
&.is-hoverable:focus,
|
||||||
|
&.is-hoverable:focus-within,
|
||||||
|
&.is-hoverable:hover
|
||||||
|
.navbar-dropdown
|
||||||
|
display: block
|
||||||
|
.navbar.is-spaced &,
|
||||||
|
&.is-boxed
|
||||||
|
opacity: 1
|
||||||
|
pointer-events: auto
|
||||||
|
transform: translateY(0)
|
||||||
|
.navbar-menu
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
.navbar-start
|
||||||
|
justify-content: flex-start
|
||||||
|
+ltr-property("margin", auto)
|
||||||
|
.navbar-end
|
||||||
|
justify-content: flex-end
|
||||||
|
+ltr-property("margin", auto, false)
|
||||||
|
.navbar-dropdown
|
||||||
|
background-color: $navbar-dropdown-background-color
|
||||||
|
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 bulmaRgba($scheme-invert, 0.1)
|
||||||
|
display: none
|
||||||
|
font-size: 0.875rem
|
||||||
|
+ltr-position(0, false)
|
||||||
|
min-width: 100%
|
||||||
|
position: absolute
|
||||||
|
top: 100%
|
||||||
|
z-index: $navbar-dropdown-z
|
||||||
|
.navbar-item
|
||||||
|
padding: 0.375rem 1rem
|
||||||
|
white-space: nowrap
|
||||||
|
a.navbar-item
|
||||||
|
+ltr-property("padding", 3rem)
|
||||||
|
&:focus,
|
||||||
|
&:hover
|
||||||
|
background-color: $navbar-dropdown-item-hover-background-color
|
||||||
|
color: $navbar-dropdown-item-hover-color
|
||||||
|
&.is-active
|
||||||
|
background-color: $navbar-dropdown-item-active-background-color
|
||||||
|
color: $navbar-dropdown-item-active-color
|
||||||
|
.navbar.is-spaced &,
|
||||||
|
&.is-boxed
|
||||||
|
border-radius: $navbar-dropdown-boxed-radius
|
||||||
|
border-top: none
|
||||||
|
box-shadow: $navbar-dropdown-boxed-shadow
|
||||||
|
display: block
|
||||||
|
opacity: 0
|
||||||
|
pointer-events: none
|
||||||
|
top: calc(100% + (#{$navbar-dropdown-offset}))
|
||||||
|
transform: translateY(-5px)
|
||||||
|
transition-duration: $speed
|
||||||
|
transition-property: opacity, transform
|
||||||
|
&.is-right
|
||||||
|
left: auto
|
||||||
|
right: 0
|
||||||
|
.navbar-divider
|
||||||
|
display: block
|
||||||
|
.navbar > .container,
|
||||||
|
.container > .navbar
|
||||||
|
.navbar-brand
|
||||||
|
+ltr-property("margin", -.75rem, false)
|
||||||
|
.navbar-menu
|
||||||
|
+ltr-property("margin", -.75rem)
|
||||||
|
// Fixed navbar
|
||||||
|
.navbar
|
||||||
|
&.is-fixed-bottom-desktop,
|
||||||
|
&.is-fixed-top-desktop
|
||||||
|
+navbar-fixed
|
||||||
|
&.is-fixed-bottom-desktop
|
||||||
|
bottom: 0
|
||||||
|
&.has-shadow
|
||||||
|
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
|
||||||
|
&.is-fixed-top-desktop
|
||||||
|
top: 0
|
||||||
|
html,
|
||||||
|
body
|
||||||
|
&.has-navbar-fixed-top-desktop
|
||||||
|
padding-top: $navbar-height
|
||||||
|
&.has-navbar-fixed-bottom-desktop
|
||||||
|
padding-bottom: $navbar-height
|
||||||
|
&.has-spaced-navbar-fixed-top
|
||||||
|
padding-top: $navbar-height + ($navbar-padding-vertical * 2)
|
||||||
|
&.has-spaced-navbar-fixed-bottom
|
||||||
|
padding-bottom: $navbar-height + ($navbar-padding-vertical * 2)
|
||||||
|
// Hover/Active states
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&.is-active
|
||||||
|
color: $navbar-item-active-color
|
||||||
|
&.is-active:not(:focus):not(:hover)
|
||||||
|
background-color: $navbar-item-active-background-color
|
||||||
|
.navbar-item.has-dropdown
|
||||||
|
&:focus,
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
.navbar-link
|
||||||
|
background-color: $navbar-item-hover-background-color
|
||||||
|
|
||||||
|
// Combination
|
||||||
|
|
||||||
|
.hero
|
||||||
|
&.is-fullheight-with-navbar
|
||||||
|
min-height: calc(100vh - #{$navbar-height})
|
||||||
167
bulma/sass/components/pagination.sass
Normal file
167
bulma/sass/components/pagination.sass
Normal file
|
|
@ -0,0 +1,167 @@
|
||||||
|
@import "../utilities/controls"
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$pagination-color: $text-strong !default
|
||||||
|
$pagination-border-color: $border !default
|
||||||
|
$pagination-margin: -0.25rem !default
|
||||||
|
$pagination-min-width: $control-height !default
|
||||||
|
|
||||||
|
$pagination-item-font-size: 1em !default
|
||||||
|
$pagination-item-margin: 0.25rem !default
|
||||||
|
$pagination-item-padding-left: 0.5em !default
|
||||||
|
$pagination-item-padding-right: 0.5em !default
|
||||||
|
|
||||||
|
$pagination-nav-padding-left: 0.75em !default
|
||||||
|
$pagination-nav-padding-right: 0.75em !default
|
||||||
|
|
||||||
|
$pagination-hover-color: $link-hover !default
|
||||||
|
$pagination-hover-border-color: $link-hover-border !default
|
||||||
|
|
||||||
|
$pagination-focus-color: $link-focus !default
|
||||||
|
$pagination-focus-border-color: $link-focus-border !default
|
||||||
|
|
||||||
|
$pagination-active-color: $link-active !default
|
||||||
|
$pagination-active-border-color: $link-active-border !default
|
||||||
|
|
||||||
|
$pagination-disabled-color: $text-light !default
|
||||||
|
$pagination-disabled-background-color: $border !default
|
||||||
|
$pagination-disabled-border-color: $border !default
|
||||||
|
|
||||||
|
$pagination-current-color: $link-invert !default
|
||||||
|
$pagination-current-background-color: $link !default
|
||||||
|
$pagination-current-border-color: $link !default
|
||||||
|
|
||||||
|
$pagination-ellipsis-color: $grey-light !default
|
||||||
|
|
||||||
|
$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
|
||||||
|
|
||||||
|
.pagination
|
||||||
|
@extend %block
|
||||||
|
font-size: $size-normal
|
||||||
|
margin: $pagination-margin
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
&.is-rounded
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next
|
||||||
|
padding-left: 1em
|
||||||
|
padding-right: 1em
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
.pagination-link
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
|
||||||
|
.pagination,
|
||||||
|
.pagination-list
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
text-align: center
|
||||||
|
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next,
|
||||||
|
.pagination-link,
|
||||||
|
.pagination-ellipsis
|
||||||
|
@extend %control
|
||||||
|
@extend %unselectable
|
||||||
|
font-size: $pagination-item-font-size
|
||||||
|
justify-content: center
|
||||||
|
margin: $pagination-item-margin
|
||||||
|
padding-left: $pagination-item-padding-left
|
||||||
|
padding-right: $pagination-item-padding-right
|
||||||
|
text-align: center
|
||||||
|
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next,
|
||||||
|
.pagination-link
|
||||||
|
border-color: $pagination-border-color
|
||||||
|
color: $pagination-color
|
||||||
|
min-width: $pagination-min-width
|
||||||
|
&:hover
|
||||||
|
border-color: $pagination-hover-border-color
|
||||||
|
color: $pagination-hover-color
|
||||||
|
&:focus
|
||||||
|
border-color: $pagination-focus-border-color
|
||||||
|
&:active
|
||||||
|
box-shadow: $pagination-shadow-inset
|
||||||
|
&[disabled],
|
||||||
|
&.is-disabled
|
||||||
|
background-color: $pagination-disabled-background-color
|
||||||
|
border-color: $pagination-disabled-border-color
|
||||||
|
box-shadow: none
|
||||||
|
color: $pagination-disabled-color
|
||||||
|
opacity: 0.5
|
||||||
|
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next
|
||||||
|
padding-left: $pagination-nav-padding-left
|
||||||
|
padding-right: $pagination-nav-padding-right
|
||||||
|
white-space: nowrap
|
||||||
|
|
||||||
|
.pagination-link
|
||||||
|
&.is-current
|
||||||
|
background-color: $pagination-current-background-color
|
||||||
|
border-color: $pagination-current-border-color
|
||||||
|
color: $pagination-current-color
|
||||||
|
|
||||||
|
.pagination-ellipsis
|
||||||
|
color: $pagination-ellipsis-color
|
||||||
|
pointer-events: none
|
||||||
|
|
||||||
|
.pagination-list
|
||||||
|
flex-wrap: wrap
|
||||||
|
li
|
||||||
|
list-style: none
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
.pagination
|
||||||
|
flex-wrap: wrap
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
.pagination-list
|
||||||
|
li
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
|
||||||
|
+tablet
|
||||||
|
.pagination-list
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
justify-content: flex-start
|
||||||
|
order: 1
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next,
|
||||||
|
.pagination-link,
|
||||||
|
.pagination-ellipsis
|
||||||
|
margin-bottom: 0
|
||||||
|
margin-top: 0
|
||||||
|
.pagination-previous
|
||||||
|
order: 2
|
||||||
|
.pagination-next
|
||||||
|
order: 3
|
||||||
|
.pagination
|
||||||
|
justify-content: space-between
|
||||||
|
margin-bottom: 0
|
||||||
|
margin-top: 0
|
||||||
|
&.is-centered
|
||||||
|
.pagination-previous
|
||||||
|
order: 1
|
||||||
|
.pagination-list
|
||||||
|
justify-content: center
|
||||||
|
order: 2
|
||||||
|
.pagination-next
|
||||||
|
order: 3
|
||||||
|
&.is-right
|
||||||
|
.pagination-previous
|
||||||
|
order: 1
|
||||||
|
.pagination-next
|
||||||
|
order: 2
|
||||||
|
.pagination-list
|
||||||
|
justify-content: flex-end
|
||||||
|
order: 3
|
||||||
121
bulma/sass/components/panel.sass
Normal file
121
bulma/sass/components/panel.sass
Normal file
|
|
@ -0,0 +1,121 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$panel-margin: $block-spacing !default
|
||||||
|
$panel-item-border: 1px solid $border-light !default
|
||||||
|
$panel-radius: $radius-large !default
|
||||||
|
$panel-shadow: $shadow !default
|
||||||
|
|
||||||
|
$panel-heading-background-color: $border-light !default
|
||||||
|
$panel-heading-color: $text-strong !default
|
||||||
|
$panel-heading-line-height: 1.25 !default
|
||||||
|
$panel-heading-padding: 0.75em 1em !default
|
||||||
|
$panel-heading-radius: $radius !default
|
||||||
|
$panel-heading-size: 1.25em !default
|
||||||
|
$panel-heading-weight: $weight-bold !default
|
||||||
|
|
||||||
|
$panel-tabs-font-size: 0.875em !default
|
||||||
|
$panel-tab-border-bottom: 1px solid $border !default
|
||||||
|
$panel-tab-active-border-bottom-color: $link-active-border !default
|
||||||
|
$panel-tab-active-color: $link-active !default
|
||||||
|
|
||||||
|
$panel-list-item-color: $text !default
|
||||||
|
$panel-list-item-hover-color: $link !default
|
||||||
|
|
||||||
|
$panel-block-color: $text-strong !default
|
||||||
|
$panel-block-hover-background-color: $background !default
|
||||||
|
$panel-block-active-border-left-color: $link !default
|
||||||
|
$panel-block-active-color: $link-active !default
|
||||||
|
$panel-block-active-icon-color: $link !default
|
||||||
|
|
||||||
|
$panel-icon-color: $text-light !default
|
||||||
|
$panel-colors: $colors !default
|
||||||
|
|
||||||
|
.panel
|
||||||
|
border-radius: $panel-radius
|
||||||
|
box-shadow: $panel-shadow
|
||||||
|
font-size: $size-normal
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: $panel-margin
|
||||||
|
// Colors
|
||||||
|
@each $name, $components in $panel-colors
|
||||||
|
$color: nth($components, 1)
|
||||||
|
$color-invert: nth($components, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
.panel-heading
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
.panel-tabs a.is-active
|
||||||
|
border-bottom-color: $color
|
||||||
|
.panel-block.is-active .panel-icon
|
||||||
|
color: $color
|
||||||
|
|
||||||
|
.panel-tabs,
|
||||||
|
.panel-block
|
||||||
|
&:not(:last-child)
|
||||||
|
border-bottom: $panel-item-border
|
||||||
|
|
||||||
|
.panel-heading
|
||||||
|
background-color: $panel-heading-background-color
|
||||||
|
border-radius: $panel-radius $panel-radius 0 0
|
||||||
|
color: $panel-heading-color
|
||||||
|
font-size: $panel-heading-size
|
||||||
|
font-weight: $panel-heading-weight
|
||||||
|
line-height: $panel-heading-line-height
|
||||||
|
padding: $panel-heading-padding
|
||||||
|
|
||||||
|
.panel-tabs
|
||||||
|
align-items: flex-end
|
||||||
|
display: flex
|
||||||
|
font-size: $panel-tabs-font-size
|
||||||
|
justify-content: center
|
||||||
|
a
|
||||||
|
border-bottom: $panel-tab-border-bottom
|
||||||
|
margin-bottom: -1px
|
||||||
|
padding: 0.5em
|
||||||
|
// Modifiers
|
||||||
|
&.is-active
|
||||||
|
border-bottom-color: $panel-tab-active-border-bottom-color
|
||||||
|
color: $panel-tab-active-color
|
||||||
|
|
||||||
|
.panel-list
|
||||||
|
a
|
||||||
|
color: $panel-list-item-color
|
||||||
|
&:hover
|
||||||
|
color: $panel-list-item-hover-color
|
||||||
|
|
||||||
|
.panel-block
|
||||||
|
align-items: center
|
||||||
|
color: $panel-block-color
|
||||||
|
display: flex
|
||||||
|
justify-content: flex-start
|
||||||
|
padding: 0.5em 0.75em
|
||||||
|
input[type="checkbox"]
|
||||||
|
+ltr-property("margin", 0.75em)
|
||||||
|
& > .control
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
width: 100%
|
||||||
|
&.is-wrapped
|
||||||
|
flex-wrap: wrap
|
||||||
|
&.is-active
|
||||||
|
border-left-color: $panel-block-active-border-left-color
|
||||||
|
color: $panel-block-active-color
|
||||||
|
.panel-icon
|
||||||
|
color: $panel-block-active-icon-color
|
||||||
|
&:last-child
|
||||||
|
border-bottom-left-radius: $panel-radius
|
||||||
|
border-bottom-right-radius: $panel-radius
|
||||||
|
|
||||||
|
a.panel-block,
|
||||||
|
label.panel-block
|
||||||
|
cursor: pointer
|
||||||
|
&:hover
|
||||||
|
background-color: $panel-block-hover-background-color
|
||||||
|
|
||||||
|
.panel-icon
|
||||||
|
+fa(14px, 1em)
|
||||||
|
color: $panel-icon-color
|
||||||
|
+ltr-property("margin", 0.75em)
|
||||||
|
.fa
|
||||||
|
font-size: inherit
|
||||||
|
line-height: inherit
|
||||||
176
bulma/sass/components/tabs.sass
Normal file
176
bulma/sass/components/tabs.sass
Normal file
|
|
@ -0,0 +1,176 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$tabs-border-bottom-color: $border !default
|
||||||
|
$tabs-border-bottom-style: solid !default
|
||||||
|
$tabs-border-bottom-width: 1px !default
|
||||||
|
$tabs-link-color: $text !default
|
||||||
|
$tabs-link-hover-border-bottom-color: $text-strong !default
|
||||||
|
$tabs-link-hover-color: $text-strong !default
|
||||||
|
$tabs-link-active-border-bottom-color: $link !default
|
||||||
|
$tabs-link-active-color: $link !default
|
||||||
|
$tabs-link-padding: 0.5em 1em !default
|
||||||
|
|
||||||
|
$tabs-boxed-link-radius: $radius !default
|
||||||
|
$tabs-boxed-link-hover-background-color: $background !default
|
||||||
|
$tabs-boxed-link-hover-border-bottom-color: $border !default
|
||||||
|
|
||||||
|
$tabs-boxed-link-active-background-color: $scheme-main !default
|
||||||
|
$tabs-boxed-link-active-border-color: $border !default
|
||||||
|
$tabs-boxed-link-active-border-bottom-color: transparent !default
|
||||||
|
|
||||||
|
$tabs-toggle-link-border-color: $border !default
|
||||||
|
$tabs-toggle-link-border-style: solid !default
|
||||||
|
$tabs-toggle-link-border-width: 1px !default
|
||||||
|
$tabs-toggle-link-hover-background-color: $background !default
|
||||||
|
$tabs-toggle-link-hover-border-color: $border-hover !default
|
||||||
|
$tabs-toggle-link-radius: $radius !default
|
||||||
|
$tabs-toggle-link-active-background-color: $link !default
|
||||||
|
$tabs-toggle-link-active-border-color: $link !default
|
||||||
|
$tabs-toggle-link-active-color: $link-invert !default
|
||||||
|
|
||||||
|
.tabs
|
||||||
|
@extend %block
|
||||||
|
+overflow-touch
|
||||||
|
@extend %unselectable
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
font-size: $size-normal
|
||||||
|
justify-content: space-between
|
||||||
|
overflow: hidden
|
||||||
|
overflow-x: auto
|
||||||
|
white-space: nowrap
|
||||||
|
a
|
||||||
|
align-items: center
|
||||||
|
border-bottom-color: $tabs-border-bottom-color
|
||||||
|
border-bottom-style: $tabs-border-bottom-style
|
||||||
|
border-bottom-width: $tabs-border-bottom-width
|
||||||
|
color: $tabs-link-color
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
margin-bottom: -#{$tabs-border-bottom-width}
|
||||||
|
padding: $tabs-link-padding
|
||||||
|
vertical-align: top
|
||||||
|
&:hover
|
||||||
|
border-bottom-color: $tabs-link-hover-border-bottom-color
|
||||||
|
color: $tabs-link-hover-color
|
||||||
|
li
|
||||||
|
display: block
|
||||||
|
&.is-active
|
||||||
|
a
|
||||||
|
border-bottom-color: $tabs-link-active-border-bottom-color
|
||||||
|
color: $tabs-link-active-color
|
||||||
|
ul
|
||||||
|
align-items: center
|
||||||
|
border-bottom-color: $tabs-border-bottom-color
|
||||||
|
border-bottom-style: $tabs-border-bottom-style
|
||||||
|
border-bottom-width: $tabs-border-bottom-width
|
||||||
|
display: flex
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
justify-content: flex-start
|
||||||
|
&.is-left
|
||||||
|
padding-right: 0.75em
|
||||||
|
&.is-center
|
||||||
|
flex: none
|
||||||
|
justify-content: center
|
||||||
|
padding-left: 0.75em
|
||||||
|
padding-right: 0.75em
|
||||||
|
&.is-right
|
||||||
|
justify-content: flex-end
|
||||||
|
padding-left: 0.75em
|
||||||
|
.icon
|
||||||
|
&:first-child
|
||||||
|
+ltr-property("margin", 0.5em)
|
||||||
|
&:last-child
|
||||||
|
+ltr-property("margin", 0.5em, false)
|
||||||
|
// Alignment
|
||||||
|
&.is-centered
|
||||||
|
ul
|
||||||
|
justify-content: center
|
||||||
|
&.is-right
|
||||||
|
ul
|
||||||
|
justify-content: flex-end
|
||||||
|
// Styles
|
||||||
|
&.is-boxed
|
||||||
|
a
|
||||||
|
border: 1px solid transparent
|
||||||
|
+ltr
|
||||||
|
border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
|
||||||
|
+rtl
|
||||||
|
border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
|
||||||
|
&:hover
|
||||||
|
background-color: $tabs-boxed-link-hover-background-color
|
||||||
|
border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
|
||||||
|
li
|
||||||
|
&.is-active
|
||||||
|
a
|
||||||
|
background-color: $tabs-boxed-link-active-background-color
|
||||||
|
border-color: $tabs-boxed-link-active-border-color
|
||||||
|
border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
|
||||||
|
&.is-fullwidth
|
||||||
|
li
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
&.is-toggle
|
||||||
|
a
|
||||||
|
border-color: $tabs-toggle-link-border-color
|
||||||
|
border-style: $tabs-toggle-link-border-style
|
||||||
|
border-width: $tabs-toggle-link-border-width
|
||||||
|
margin-bottom: 0
|
||||||
|
position: relative
|
||||||
|
&:hover
|
||||||
|
background-color: $tabs-toggle-link-hover-background-color
|
||||||
|
border-color: $tabs-toggle-link-hover-border-color
|
||||||
|
z-index: 2
|
||||||
|
li
|
||||||
|
& + li
|
||||||
|
+ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
|
||||||
|
&:first-child a
|
||||||
|
+ltr
|
||||||
|
border-top-left-radius: $tabs-toggle-link-radius
|
||||||
|
border-bottom-left-radius: $tabs-toggle-link-radius
|
||||||
|
+rtl
|
||||||
|
border-top-right-radius: $tabs-toggle-link-radius
|
||||||
|
border-bottom-right-radius: $tabs-toggle-link-radius
|
||||||
|
&:last-child a
|
||||||
|
+ltr
|
||||||
|
border-top-right-radius: $tabs-toggle-link-radius
|
||||||
|
border-bottom-right-radius: $tabs-toggle-link-radius
|
||||||
|
+rtl
|
||||||
|
border-top-left-radius: $tabs-toggle-link-radius
|
||||||
|
border-bottom-left-radius: $tabs-toggle-link-radius
|
||||||
|
&.is-active
|
||||||
|
a
|
||||||
|
background-color: $tabs-toggle-link-active-background-color
|
||||||
|
border-color: $tabs-toggle-link-active-border-color
|
||||||
|
color: $tabs-toggle-link-active-color
|
||||||
|
z-index: 1
|
||||||
|
ul
|
||||||
|
border-bottom: none
|
||||||
|
&.is-toggle-rounded
|
||||||
|
li
|
||||||
|
&:first-child a
|
||||||
|
+ltr
|
||||||
|
border-bottom-left-radius: $radius-rounded
|
||||||
|
border-top-left-radius: $radius-rounded
|
||||||
|
padding-left: 1.25em
|
||||||
|
+rtl
|
||||||
|
border-bottom-right-radius: $radius-rounded
|
||||||
|
border-top-right-radius: $radius-rounded
|
||||||
|
padding-right: 1.25em
|
||||||
|
&:last-child a
|
||||||
|
+ltr
|
||||||
|
border-bottom-right-radius: $radius-rounded
|
||||||
|
border-top-right-radius: $radius-rounded
|
||||||
|
padding-right: 1.25em
|
||||||
|
+rtl
|
||||||
|
border-bottom-left-radius: $radius-rounded
|
||||||
|
border-top-left-radius: $radius-rounded
|
||||||
|
padding-left: 1.25em
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
16
bulma/sass/elements/_all.sass
Normal file
16
bulma/sass/elements/_all.sass
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
/* Bulma Elements */
|
||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "box"
|
||||||
|
@import "button"
|
||||||
|
@import "container"
|
||||||
|
@import "content"
|
||||||
|
@import "icon"
|
||||||
|
@import "image"
|
||||||
|
@import "notification"
|
||||||
|
@import "progress"
|
||||||
|
@import "table"
|
||||||
|
@import "tag"
|
||||||
|
@import "title"
|
||||||
|
|
||||||
|
@import "other"
|
||||||
26
bulma/sass/elements/box.sass
Normal file
26
bulma/sass/elements/box.sass
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$box-color: $text !default
|
||||||
|
$box-background-color: $scheme-main !default
|
||||||
|
$box-radius: $radius-large !default
|
||||||
|
$box-shadow: $shadow !default
|
||||||
|
$box-padding: 1.25rem !default
|
||||||
|
|
||||||
|
$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
|
||||||
|
$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
|
||||||
|
|
||||||
|
.box
|
||||||
|
@extend %block
|
||||||
|
background-color: $box-background-color
|
||||||
|
border-radius: $box-radius
|
||||||
|
box-shadow: $box-shadow
|
||||||
|
color: $box-color
|
||||||
|
display: block
|
||||||
|
padding: $box-padding
|
||||||
|
|
||||||
|
a.box
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
box-shadow: $box-link-hover-shadow
|
||||||
|
&:active
|
||||||
|
box-shadow: $box-link-active-shadow
|
||||||
357
bulma/sass/elements/button.sass
Normal file
357
bulma/sass/elements/button.sass
Normal file
|
|
@ -0,0 +1,357 @@
|
||||||
|
@import "../utilities/controls"
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$button-color: $text-strong !default
|
||||||
|
$button-background-color: $scheme-main !default
|
||||||
|
$button-family: false !default
|
||||||
|
|
||||||
|
$button-border-color: $border !default
|
||||||
|
$button-border-width: $control-border-width !default
|
||||||
|
|
||||||
|
$button-padding-vertical: calc(0.5em - #{$button-border-width}) !default
|
||||||
|
$button-padding-horizontal: 1em !default
|
||||||
|
|
||||||
|
$button-hover-color: $link-hover !default
|
||||||
|
$button-hover-border-color: $link-hover-border !default
|
||||||
|
|
||||||
|
$button-focus-color: $link-focus !default
|
||||||
|
$button-focus-border-color: $link-focus-border !default
|
||||||
|
$button-focus-box-shadow-size: 0 0 0 0.125em !default
|
||||||
|
$button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
|
||||||
|
|
||||||
|
$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-ghost-background: none !default
|
||||||
|
$button-ghost-border-color: transparent !default
|
||||||
|
$button-ghost-color: $link !default
|
||||||
|
$button-ghost-decoration: none !default
|
||||||
|
$button-ghost-hover-color: $link !default
|
||||||
|
$button-ghost-hover-decoration: underline !default
|
||||||
|
|
||||||
|
$button-disabled-background-color: $scheme-main !default
|
||||||
|
$button-disabled-border-color: $border !default
|
||||||
|
$button-disabled-shadow: none !default
|
||||||
|
$button-disabled-opacity: 0.5 !default
|
||||||
|
|
||||||
|
$button-static-color: $text-light !default
|
||||||
|
$button-static-background-color: $scheme-main-ter !default
|
||||||
|
$button-static-border-color: $border !default
|
||||||
|
|
||||||
|
$button-colors: $colors !default
|
||||||
|
$button-responsive-sizes: ("mobile": ("small": ($size-small * 0.75), "normal": ($size-small * 0.875), "medium": $size-small, "large": $size-normal), "tablet-only": ("small": ($size-small * 0.875), "normal": ($size-small), "medium": $size-normal, "large": $size-medium)) !default
|
||||||
|
|
||||||
|
// The button sizes use mixins so they can be used at different breakpoints
|
||||||
|
=button-small
|
||||||
|
&:not(.is-rounded)
|
||||||
|
border-radius: $radius-small
|
||||||
|
font-size: $size-small
|
||||||
|
=button-normal
|
||||||
|
font-size: $size-normal
|
||||||
|
=button-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
=button-large
|
||||||
|
font-size: $size-large
|
||||||
|
|
||||||
|
.button
|
||||||
|
@extend %control
|
||||||
|
@extend %unselectable
|
||||||
|
background-color: $button-background-color
|
||||||
|
border-color: $button-border-color
|
||||||
|
border-width: $button-border-width
|
||||||
|
color: $button-color
|
||||||
|
cursor: pointer
|
||||||
|
@if $button-family
|
||||||
|
font-family: $button-family
|
||||||
|
justify-content: center
|
||||||
|
padding-bottom: $button-padding-vertical
|
||||||
|
padding-left: $button-padding-horizontal
|
||||||
|
padding-right: $button-padding-horizontal
|
||||||
|
padding-top: $button-padding-vertical
|
||||||
|
text-align: center
|
||||||
|
white-space: nowrap
|
||||||
|
strong
|
||||||
|
color: inherit
|
||||||
|
.icon
|
||||||
|
&,
|
||||||
|
&.is-small,
|
||||||
|
&.is-medium,
|
||||||
|
&.is-large
|
||||||
|
height: 1.5em
|
||||||
|
width: 1.5em
|
||||||
|
&:first-child:not(:last-child)
|
||||||
|
+ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}), false)
|
||||||
|
+ltr-property("margin", $button-padding-horizontal * 0.25)
|
||||||
|
&:last-child:not(:first-child)
|
||||||
|
+ltr-property("margin", $button-padding-horizontal * 0.25, false)
|
||||||
|
+ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}))
|
||||||
|
&:first-child:last-child
|
||||||
|
margin-left: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
|
||||||
|
margin-right: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
|
||||||
|
// States
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
border-color: $button-hover-border-color
|
||||||
|
color: $button-hover-color
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
border-color: $button-focus-border-color
|
||||||
|
color: $button-focus-color
|
||||||
|
&:not(:active)
|
||||||
|
box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
border-color: $button-active-border-color
|
||||||
|
color: $button-active-color
|
||||||
|
// Colors
|
||||||
|
&.is-text
|
||||||
|
background-color: transparent
|
||||||
|
border-color: transparent
|
||||||
|
color: $button-text-color
|
||||||
|
text-decoration: $button-text-decoration
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered,
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
background-color: $button-text-hover-background-color
|
||||||
|
color: $button-text-hover-color
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
background-color: bulmaDarken($button-text-hover-background-color, 5%)
|
||||||
|
color: $button-text-hover-color
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &
|
||||||
|
background-color: transparent
|
||||||
|
border-color: transparent
|
||||||
|
box-shadow: none
|
||||||
|
&.is-ghost
|
||||||
|
background: $button-ghost-background
|
||||||
|
border-color: $button-ghost-border-color
|
||||||
|
color: $button-ghost-color
|
||||||
|
text-decoration: $button-ghost-decoration
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
color: $button-ghost-hover-color
|
||||||
|
text-decoration: $button-ghost-hover-decoration
|
||||||
|
@each $name, $pair in $button-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
background-color: bulmaDarken($color, 2.5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:not(:active)
|
||||||
|
box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
background-color: bulmaDarken($color, 5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &
|
||||||
|
background-color: $color
|
||||||
|
border-color: $color
|
||||||
|
box-shadow: none
|
||||||
|
&.is-inverted
|
||||||
|
background-color: $color-invert
|
||||||
|
color: $color
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
background-color: bulmaDarken($color-invert, 5%)
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &
|
||||||
|
background-color: $color-invert
|
||||||
|
border-color: transparent
|
||||||
|
box-shadow: none
|
||||||
|
color: $color
|
||||||
|
&.is-loading
|
||||||
|
&::after
|
||||||
|
border-color: transparent transparent $color-invert $color-invert !important
|
||||||
|
&.is-outlined
|
||||||
|
background-color: transparent
|
||||||
|
border-color: $color
|
||||||
|
color: $color
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered,
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
background-color: $color
|
||||||
|
border-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
&.is-loading
|
||||||
|
&::after
|
||||||
|
border-color: transparent transparent $color $color !important
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered,
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
&::after
|
||||||
|
border-color: transparent transparent $color-invert $color-invert !important
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &
|
||||||
|
background-color: transparent
|
||||||
|
border-color: $color
|
||||||
|
box-shadow: none
|
||||||
|
color: $color
|
||||||
|
&.is-inverted.is-outlined
|
||||||
|
background-color: transparent
|
||||||
|
border-color: $color-invert
|
||||||
|
color: $color-invert
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered,
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
background-color: $color-invert
|
||||||
|
color: $color
|
||||||
|
&.is-loading
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered,
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
&::after
|
||||||
|
border-color: transparent transparent $color $color !important
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &
|
||||||
|
background-color: transparent
|
||||||
|
border-color: $color-invert
|
||||||
|
box-shadow: none
|
||||||
|
color: $color-invert
|
||||||
|
// If light and dark colors are provided
|
||||||
|
@if length($pair) >= 4
|
||||||
|
$color-light: nth($pair, 3)
|
||||||
|
$color-dark: nth($pair, 4)
|
||||||
|
&.is-light
|
||||||
|
background-color: $color-light
|
||||||
|
color: $color-dark
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
background-color: bulmaDarken($color-light, 2.5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-dark
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
background-color: bulmaDarken($color-light, 5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-dark
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
+button-small
|
||||||
|
&.is-normal
|
||||||
|
+button-normal
|
||||||
|
&.is-medium
|
||||||
|
+button-medium
|
||||||
|
&.is-large
|
||||||
|
+button-large
|
||||||
|
// Modifiers
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &
|
||||||
|
background-color: $button-disabled-background-color
|
||||||
|
border-color: $button-disabled-border-color
|
||||||
|
box-shadow: $button-disabled-shadow
|
||||||
|
opacity: $button-disabled-opacity
|
||||||
|
&.is-fullwidth
|
||||||
|
display: flex
|
||||||
|
width: 100%
|
||||||
|
&.is-loading
|
||||||
|
color: transparent !important
|
||||||
|
pointer-events: none
|
||||||
|
&::after
|
||||||
|
@extend %loader
|
||||||
|
+center(1em)
|
||||||
|
position: absolute !important
|
||||||
|
&.is-static
|
||||||
|
background-color: $button-static-background-color
|
||||||
|
border-color: $button-static-border-color
|
||||||
|
color: $button-static-color
|
||||||
|
box-shadow: none
|
||||||
|
pointer-events: none
|
||||||
|
&.is-rounded
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
padding-left: calc(#{$button-padding-horizontal} + 0.25em)
|
||||||
|
padding-right: calc(#{$button-padding-horizontal} + 0.25em)
|
||||||
|
|
||||||
|
.buttons
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
justify-content: flex-start
|
||||||
|
.button
|
||||||
|
margin-bottom: 0.5rem
|
||||||
|
&:not(:last-child):not(.is-fullwidth)
|
||||||
|
+ltr-property("margin", 0.5rem)
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: -0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 1rem
|
||||||
|
// Sizes
|
||||||
|
&.are-small
|
||||||
|
.button:not(.is-normal):not(.is-medium):not(.is-large)
|
||||||
|
+button-small
|
||||||
|
&.are-medium
|
||||||
|
.button:not(.is-small):not(.is-normal):not(.is-large)
|
||||||
|
+button-medium
|
||||||
|
&.are-large
|
||||||
|
.button:not(.is-small):not(.is-normal):not(.is-medium)
|
||||||
|
+button-large
|
||||||
|
&.has-addons
|
||||||
|
.button
|
||||||
|
&:not(:first-child)
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
border-top-left-radius: 0
|
||||||
|
&:not(:last-child)
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
+ltr-property("margin", -1px)
|
||||||
|
&:last-child
|
||||||
|
+ltr-property("margin", 0)
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
z-index: 2
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active,
|
||||||
|
&.is-selected
|
||||||
|
z-index: 3
|
||||||
|
&:hover
|
||||||
|
z-index: 4
|
||||||
|
&.is-expanded
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
&:not(.has-addons)
|
||||||
|
.button:not(.is-fullwidth)
|
||||||
|
margin-left: 0.25rem
|
||||||
|
margin-right: 0.25rem
|
||||||
|
&.is-right
|
||||||
|
justify-content: flex-end
|
||||||
|
&:not(.has-addons)
|
||||||
|
.button:not(.is-fullwidth)
|
||||||
|
margin-left: 0.25rem
|
||||||
|
margin-right: 0.25rem
|
||||||
|
|
||||||
|
@each $bp-name, $bp-sizes in $button-responsive-sizes
|
||||||
|
+breakpoint($bp-name)
|
||||||
|
@each $size, $value in $bp-sizes
|
||||||
|
@if $size != "normal"
|
||||||
|
.button.is-responsive.is-#{$size}
|
||||||
|
font-size: $value
|
||||||
|
@else
|
||||||
|
.button.is-responsive,
|
||||||
|
.button.is-responsive.is-normal
|
||||||
|
font-size: $value
|
||||||
29
bulma/sass/elements/container.sass
Normal file
29
bulma/sass/elements/container.sass
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$container-offset: (2 * $gap) !default
|
||||||
|
$container-max-width: $fullhd !default
|
||||||
|
|
||||||
|
.container
|
||||||
|
flex-grow: 1
|
||||||
|
margin: 0 auto
|
||||||
|
position: relative
|
||||||
|
width: auto
|
||||||
|
&.is-fluid
|
||||||
|
max-width: none !important
|
||||||
|
padding-left: $gap
|
||||||
|
padding-right: $gap
|
||||||
|
width: 100%
|
||||||
|
+desktop
|
||||||
|
max-width: $desktop - $container-offset
|
||||||
|
+until-widescreen
|
||||||
|
&.is-widescreen:not(.is-max-desktop)
|
||||||
|
max-width: min($widescreen, $container-max-width) - $container-offset
|
||||||
|
+until-fullhd
|
||||||
|
&.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
|
||||||
|
max-width: min($fullhd, $container-max-width) - $container-offset
|
||||||
|
+widescreen
|
||||||
|
&:not(.is-max-desktop)
|
||||||
|
max-width: min($widescreen, $container-max-width) - $container-offset
|
||||||
|
+fullhd
|
||||||
|
&:not(.is-max-desktop):not(.is-max-widescreen)
|
||||||
|
max-width: min($fullhd, $container-max-width) - $container-offset
|
||||||
162
bulma/sass/elements/content.sass
Normal file
162
bulma/sass/elements/content.sass
Normal file
|
|
@ -0,0 +1,162 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$content-heading-color: $text-strong !default
|
||||||
|
$content-heading-weight: $weight-semibold !default
|
||||||
|
$content-heading-line-height: 1.125 !default
|
||||||
|
|
||||||
|
$content-block-margin-bottom: 1em !default
|
||||||
|
|
||||||
|
$content-blockquote-background-color: $background !default
|
||||||
|
$content-blockquote-border-left: 5px solid $border !default
|
||||||
|
$content-blockquote-padding: 1.25em 1.5em !default
|
||||||
|
|
||||||
|
$content-pre-padding: 1.25em 1.5em !default
|
||||||
|
|
||||||
|
$content-table-cell-border: 1px solid $border !default
|
||||||
|
$content-table-cell-border-width: 0 0 1px !default
|
||||||
|
$content-table-cell-padding: 0.5em 0.75em !default
|
||||||
|
$content-table-cell-heading-color: $text-strong !default
|
||||||
|
$content-table-head-cell-border-width: 0 0 2px !default
|
||||||
|
$content-table-head-cell-color: $text-strong !default
|
||||||
|
$content-table-body-last-row-cell-border-bottom-width: 0 !default
|
||||||
|
$content-table-foot-cell-border-width: 2px 0 0 !default
|
||||||
|
$content-table-foot-cell-color: $text-strong !default
|
||||||
|
|
||||||
|
.content
|
||||||
|
@extend %block
|
||||||
|
// Inline
|
||||||
|
li + li
|
||||||
|
margin-top: 0.25em
|
||||||
|
// Block
|
||||||
|
p,
|
||||||
|
dl,
|
||||||
|
ol,
|
||||||
|
ul,
|
||||||
|
blockquote,
|
||||||
|
pre,
|
||||||
|
table
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: $content-block-margin-bottom
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6
|
||||||
|
color: $content-heading-color
|
||||||
|
font-weight: $content-heading-weight
|
||||||
|
line-height: $content-heading-line-height
|
||||||
|
h1
|
||||||
|
font-size: 2em
|
||||||
|
margin-bottom: 0.5em
|
||||||
|
&:not(:first-child)
|
||||||
|
margin-top: 1em
|
||||||
|
h2
|
||||||
|
font-size: 1.75em
|
||||||
|
margin-bottom: 0.5714em
|
||||||
|
&:not(:first-child)
|
||||||
|
margin-top: 1.1428em
|
||||||
|
h3
|
||||||
|
font-size: 1.5em
|
||||||
|
margin-bottom: 0.6666em
|
||||||
|
&:not(:first-child)
|
||||||
|
margin-top: 1.3333em
|
||||||
|
h4
|
||||||
|
font-size: 1.25em
|
||||||
|
margin-bottom: 0.8em
|
||||||
|
h5
|
||||||
|
font-size: 1.125em
|
||||||
|
margin-bottom: 0.8888em
|
||||||
|
h6
|
||||||
|
font-size: 1em
|
||||||
|
margin-bottom: 1em
|
||||||
|
blockquote
|
||||||
|
background-color: $content-blockquote-background-color
|
||||||
|
+ltr-property("border", $content-blockquote-border-left, false)
|
||||||
|
padding: $content-blockquote-padding
|
||||||
|
ol
|
||||||
|
list-style-position: outside
|
||||||
|
+ltr-property("margin", 2em, false)
|
||||||
|
margin-top: 1em
|
||||||
|
&:not([type])
|
||||||
|
list-style-type: decimal
|
||||||
|
&.is-lower-alpha
|
||||||
|
list-style-type: lower-alpha
|
||||||
|
&.is-lower-roman
|
||||||
|
list-style-type: lower-roman
|
||||||
|
&.is-upper-alpha
|
||||||
|
list-style-type: upper-alpha
|
||||||
|
&.is-upper-roman
|
||||||
|
list-style-type: upper-roman
|
||||||
|
ul
|
||||||
|
list-style: disc outside
|
||||||
|
+ltr-property("margin", 2em, false)
|
||||||
|
margin-top: 1em
|
||||||
|
ul
|
||||||
|
list-style-type: circle
|
||||||
|
margin-top: 0.5em
|
||||||
|
ul
|
||||||
|
list-style-type: square
|
||||||
|
dd
|
||||||
|
+ltr-property("margin", 2em, false)
|
||||||
|
figure
|
||||||
|
margin-left: 2em
|
||||||
|
margin-right: 2em
|
||||||
|
text-align: center
|
||||||
|
&:not(:first-child)
|
||||||
|
margin-top: 2em
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 2em
|
||||||
|
img
|
||||||
|
display: inline-block
|
||||||
|
figcaption
|
||||||
|
font-style: italic
|
||||||
|
pre
|
||||||
|
+overflow-touch
|
||||||
|
overflow-x: auto
|
||||||
|
padding: $content-pre-padding
|
||||||
|
white-space: pre
|
||||||
|
word-wrap: normal
|
||||||
|
sup,
|
||||||
|
sub
|
||||||
|
font-size: 75%
|
||||||
|
table
|
||||||
|
width: 100%
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border: $content-table-cell-border
|
||||||
|
border-width: $content-table-cell-border-width
|
||||||
|
padding: $content-table-cell-padding
|
||||||
|
vertical-align: top
|
||||||
|
th
|
||||||
|
color: $content-table-cell-heading-color
|
||||||
|
&:not([align])
|
||||||
|
text-align: inherit
|
||||||
|
thead
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-width: $content-table-head-cell-border-width
|
||||||
|
color: $content-table-head-cell-color
|
||||||
|
tfoot
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-width: $content-table-foot-cell-border-width
|
||||||
|
color: $content-table-foot-cell-color
|
||||||
|
tbody
|
||||||
|
tr
|
||||||
|
&:last-child
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-bottom-width: $content-table-body-last-row-cell-border-bottom-width
|
||||||
|
.tabs
|
||||||
|
li + li
|
||||||
|
margin-top: 0
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-normal
|
||||||
|
font-size: $size-normal
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
1
bulma/sass/elements/form.sass
Normal file
1
bulma/sass/elements/form.sass
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
@warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
|
||||||
46
bulma/sass/elements/icon.sass
Normal file
46
bulma/sass/elements/icon.sass
Normal file
|
|
@ -0,0 +1,46 @@
|
||||||
|
$icon-dimensions: 1.5rem !default
|
||||||
|
$icon-dimensions-small: 1rem !default
|
||||||
|
$icon-dimensions-medium: 2rem !default
|
||||||
|
$icon-dimensions-large: 3rem !default
|
||||||
|
$icon-text-spacing: 0.25em !default
|
||||||
|
|
||||||
|
.icon
|
||||||
|
align-items: center
|
||||||
|
display: inline-flex
|
||||||
|
justify-content: center
|
||||||
|
height: $icon-dimensions
|
||||||
|
width: $icon-dimensions
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
height: $icon-dimensions-small
|
||||||
|
width: $icon-dimensions-small
|
||||||
|
&.is-medium
|
||||||
|
height: $icon-dimensions-medium
|
||||||
|
width: $icon-dimensions-medium
|
||||||
|
&.is-large
|
||||||
|
height: $icon-dimensions-large
|
||||||
|
width: $icon-dimensions-large
|
||||||
|
|
||||||
|
.icon-text
|
||||||
|
align-items: flex-start
|
||||||
|
color: inherit
|
||||||
|
display: inline-flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
line-height: $icon-dimensions
|
||||||
|
vertical-align: top
|
||||||
|
.icon
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
&:not(:last-child)
|
||||||
|
+ltr
|
||||||
|
margin-right: $icon-text-spacing
|
||||||
|
+rtl
|
||||||
|
margin-left: $icon-text-spacing
|
||||||
|
&:not(:first-child)
|
||||||
|
+ltr
|
||||||
|
margin-left: $icon-text-spacing
|
||||||
|
+rtl
|
||||||
|
margin-right: $icon-text-spacing
|
||||||
|
|
||||||
|
div.icon-text
|
||||||
|
display: flex
|
||||||
73
bulma/sass/elements/image.sass
Normal file
73
bulma/sass/elements/image.sass
Normal file
|
|
@ -0,0 +1,73 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$dimensions: 16 24 32 48 64 96 128 !default
|
||||||
|
|
||||||
|
.image
|
||||||
|
display: block
|
||||||
|
position: relative
|
||||||
|
img
|
||||||
|
display: block
|
||||||
|
height: auto
|
||||||
|
width: 100%
|
||||||
|
&.is-rounded
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
&.is-fullwidth
|
||||||
|
width: 100%
|
||||||
|
// Ratio
|
||||||
|
&.is-square,
|
||||||
|
&.is-1by1,
|
||||||
|
&.is-5by4,
|
||||||
|
&.is-4by3,
|
||||||
|
&.is-3by2,
|
||||||
|
&.is-5by3,
|
||||||
|
&.is-16by9,
|
||||||
|
&.is-2by1,
|
||||||
|
&.is-3by1,
|
||||||
|
&.is-4by5,
|
||||||
|
&.is-3by4,
|
||||||
|
&.is-2by3,
|
||||||
|
&.is-3by5,
|
||||||
|
&.is-9by16,
|
||||||
|
&.is-1by2,
|
||||||
|
&.is-1by3
|
||||||
|
img,
|
||||||
|
.has-ratio
|
||||||
|
@extend %overlay
|
||||||
|
height: 100%
|
||||||
|
width: 100%
|
||||||
|
&.is-square,
|
||||||
|
&.is-1by1
|
||||||
|
padding-top: 100%
|
||||||
|
&.is-5by4
|
||||||
|
padding-top: 80%
|
||||||
|
&.is-4by3
|
||||||
|
padding-top: 75%
|
||||||
|
&.is-3by2
|
||||||
|
padding-top: 66.6666%
|
||||||
|
&.is-5by3
|
||||||
|
padding-top: 60%
|
||||||
|
&.is-16by9
|
||||||
|
padding-top: 56.25%
|
||||||
|
&.is-2by1
|
||||||
|
padding-top: 50%
|
||||||
|
&.is-3by1
|
||||||
|
padding-top: 33.3333%
|
||||||
|
&.is-4by5
|
||||||
|
padding-top: 125%
|
||||||
|
&.is-3by4
|
||||||
|
padding-top: 133.3333%
|
||||||
|
&.is-2by3
|
||||||
|
padding-top: 150%
|
||||||
|
&.is-3by5
|
||||||
|
padding-top: 166.6666%
|
||||||
|
&.is-9by16
|
||||||
|
padding-top: 177.7777%
|
||||||
|
&.is-1by2
|
||||||
|
padding-top: 200%
|
||||||
|
&.is-1by3
|
||||||
|
padding-top: 300%
|
||||||
|
// Sizes
|
||||||
|
@each $dimension in $dimensions
|
||||||
|
&.is-#{$dimension}x#{$dimension}
|
||||||
|
height: $dimension * 1px
|
||||||
|
width: $dimension * 1px
|
||||||
52
bulma/sass/elements/notification.sass
Normal file
52
bulma/sass/elements/notification.sass
Normal file
|
|
@ -0,0 +1,52 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$notification-background-color: $background !default
|
||||||
|
$notification-code-background-color: $scheme-main !default
|
||||||
|
$notification-radius: $radius !default
|
||||||
|
$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
|
||||||
|
$notification-padding-ltr: 1.25rem 2.5rem 1.25rem 1.5rem !default
|
||||||
|
$notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
|
||||||
|
|
||||||
|
$notification-colors: $colors !default
|
||||||
|
|
||||||
|
.notification
|
||||||
|
@extend %block
|
||||||
|
background-color: $notification-background-color
|
||||||
|
border-radius: $notification-radius
|
||||||
|
position: relative
|
||||||
|
+ltr
|
||||||
|
padding: $notification-padding-ltr
|
||||||
|
+rtl
|
||||||
|
padding: $notification-padding-rtl
|
||||||
|
a:not(.button):not(.dropdown-item)
|
||||||
|
color: currentColor
|
||||||
|
text-decoration: underline
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
code,
|
||||||
|
pre
|
||||||
|
background: $notification-code-background-color
|
||||||
|
pre code
|
||||||
|
background: transparent
|
||||||
|
& > .delete
|
||||||
|
+ltr-position(0.5rem)
|
||||||
|
position: absolute
|
||||||
|
top: 0.5rem
|
||||||
|
.title,
|
||||||
|
.subtitle,
|
||||||
|
.content
|
||||||
|
color: currentColor
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $notification-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
// If light and dark colors are provided
|
||||||
|
@if length($pair) >= 4
|
||||||
|
$color-light: nth($pair, 3)
|
||||||
|
$color-dark: nth($pair, 4)
|
||||||
|
&.is-light
|
||||||
|
background-color: $color-light
|
||||||
|
color: $color-dark
|
||||||
31
bulma/sass/elements/other.sass
Normal file
31
bulma/sass/elements/other.sass
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
.block
|
||||||
|
@extend %block
|
||||||
|
|
||||||
|
.delete
|
||||||
|
@extend %delete
|
||||||
|
|
||||||
|
.heading
|
||||||
|
display: block
|
||||||
|
font-size: 11px
|
||||||
|
letter-spacing: 1px
|
||||||
|
margin-bottom: 5px
|
||||||
|
text-transform: uppercase
|
||||||
|
|
||||||
|
.loader
|
||||||
|
@extend %loader
|
||||||
|
|
||||||
|
.number
|
||||||
|
align-items: center
|
||||||
|
background-color: $background
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
display: inline-flex
|
||||||
|
font-size: $size-medium
|
||||||
|
height: 2em
|
||||||
|
justify-content: center
|
||||||
|
margin-right: 1.5rem
|
||||||
|
min-width: 2.5em
|
||||||
|
padding: 0.25rem 0.5rem
|
||||||
|
text-align: center
|
||||||
|
vertical-align: top
|
||||||
73
bulma/sass/elements/progress.sass
Normal file
73
bulma/sass/elements/progress.sass
Normal file
|
|
@ -0,0 +1,73 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$progress-bar-background-color: $border-light !default
|
||||||
|
$progress-value-background-color: $text !default
|
||||||
|
$progress-border-radius: $radius-rounded !default
|
||||||
|
|
||||||
|
$progress-indeterminate-duration: 1.5s !default
|
||||||
|
|
||||||
|
$progress-colors: $colors !default
|
||||||
|
|
||||||
|
.progress
|
||||||
|
@extend %block
|
||||||
|
-moz-appearance: none
|
||||||
|
-webkit-appearance: none
|
||||||
|
border: none
|
||||||
|
border-radius: $progress-border-radius
|
||||||
|
display: block
|
||||||
|
height: $size-normal
|
||||||
|
overflow: hidden
|
||||||
|
padding: 0
|
||||||
|
width: 100%
|
||||||
|
&::-webkit-progress-bar
|
||||||
|
background-color: $progress-bar-background-color
|
||||||
|
&::-webkit-progress-value
|
||||||
|
background-color: $progress-value-background-color
|
||||||
|
&::-moz-progress-bar
|
||||||
|
background-color: $progress-value-background-color
|
||||||
|
&::-ms-fill
|
||||||
|
background-color: $progress-value-background-color
|
||||||
|
border: none
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $progress-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
&.is-#{$name}
|
||||||
|
&::-webkit-progress-value
|
||||||
|
background-color: $color
|
||||||
|
&::-moz-progress-bar
|
||||||
|
background-color: $color
|
||||||
|
&::-ms-fill
|
||||||
|
background-color: $color
|
||||||
|
&:indeterminate
|
||||||
|
background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
|
||||||
|
|
||||||
|
&:indeterminate
|
||||||
|
animation-duration: $progress-indeterminate-duration
|
||||||
|
animation-iteration-count: infinite
|
||||||
|
animation-name: moveIndeterminate
|
||||||
|
animation-timing-function: linear
|
||||||
|
background-color: $progress-bar-background-color
|
||||||
|
background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
|
||||||
|
background-position: top left
|
||||||
|
background-repeat: no-repeat
|
||||||
|
background-size: 150% 150%
|
||||||
|
&::-webkit-progress-bar
|
||||||
|
background-color: transparent
|
||||||
|
&::-moz-progress-bar
|
||||||
|
background-color: transparent
|
||||||
|
&::-ms-fill
|
||||||
|
animation-name: none
|
||||||
|
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
height: $size-small
|
||||||
|
&.is-medium
|
||||||
|
height: $size-medium
|
||||||
|
&.is-large
|
||||||
|
height: $size-large
|
||||||
|
|
||||||
|
@keyframes moveIndeterminate
|
||||||
|
from
|
||||||
|
background-position: 200% 0
|
||||||
|
to
|
||||||
|
background-position: -200% 0
|
||||||
134
bulma/sass/elements/table.sass
Normal file
134
bulma/sass/elements/table.sass
Normal file
|
|
@ -0,0 +1,134 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$table-color: $text-strong !default
|
||||||
|
$table-background-color: $scheme-main !default
|
||||||
|
|
||||||
|
$table-cell-border: 1px solid $border !default
|
||||||
|
$table-cell-border-width: 0 0 1px !default
|
||||||
|
$table-cell-padding: 0.5em 0.75em !default
|
||||||
|
$table-cell-heading-color: $text-strong !default
|
||||||
|
$table-cell-text-align: left !default
|
||||||
|
|
||||||
|
$table-head-cell-border-width: 0 0 2px !default
|
||||||
|
$table-head-cell-color: $text-strong !default
|
||||||
|
$table-foot-cell-border-width: 2px 0 0 !default
|
||||||
|
$table-foot-cell-color: $text-strong !default
|
||||||
|
|
||||||
|
$table-head-background-color: transparent !default
|
||||||
|
$table-body-background-color: transparent !default
|
||||||
|
$table-foot-background-color: transparent !default
|
||||||
|
|
||||||
|
$table-row-hover-background-color: $scheme-main-bis !default
|
||||||
|
|
||||||
|
$table-row-active-background-color: $primary !default
|
||||||
|
$table-row-active-color: $primary-invert !default
|
||||||
|
|
||||||
|
$table-striped-row-even-background-color: $scheme-main-bis !default
|
||||||
|
$table-striped-row-even-hover-background-color: $scheme-main-ter !default
|
||||||
|
|
||||||
|
$table-colors: $colors !default
|
||||||
|
|
||||||
|
.table
|
||||||
|
@extend %block
|
||||||
|
background-color: $table-background-color
|
||||||
|
color: $table-color
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border: $table-cell-border
|
||||||
|
border-width: $table-cell-border-width
|
||||||
|
padding: $table-cell-padding
|
||||||
|
vertical-align: top
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $table-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
border-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
// Modifiers
|
||||||
|
&.is-narrow
|
||||||
|
white-space: nowrap
|
||||||
|
width: 1%
|
||||||
|
&.is-selected
|
||||||
|
background-color: $table-row-active-background-color
|
||||||
|
color: $table-row-active-color
|
||||||
|
a,
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
&.is-vcentered
|
||||||
|
vertical-align: middle
|
||||||
|
th
|
||||||
|
color: $table-cell-heading-color
|
||||||
|
&:not([align])
|
||||||
|
text-align: $table-cell-text-align
|
||||||
|
tr
|
||||||
|
&.is-selected
|
||||||
|
background-color: $table-row-active-background-color
|
||||||
|
color: $table-row-active-color
|
||||||
|
a,
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-color: $table-row-active-color
|
||||||
|
color: currentColor
|
||||||
|
thead
|
||||||
|
background-color: $table-head-background-color
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-width: $table-head-cell-border-width
|
||||||
|
color: $table-head-cell-color
|
||||||
|
tfoot
|
||||||
|
background-color: $table-foot-background-color
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-width: $table-foot-cell-border-width
|
||||||
|
color: $table-foot-cell-color
|
||||||
|
tbody
|
||||||
|
background-color: $table-body-background-color
|
||||||
|
tr
|
||||||
|
&:last-child
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-bottom-width: 0
|
||||||
|
// Modifiers
|
||||||
|
&.is-bordered
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-width: 1px
|
||||||
|
tr
|
||||||
|
&:last-child
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-bottom-width: 1px
|
||||||
|
&.is-fullwidth
|
||||||
|
width: 100%
|
||||||
|
&.is-hoverable
|
||||||
|
tbody
|
||||||
|
tr:not(.is-selected)
|
||||||
|
&:hover
|
||||||
|
background-color: $table-row-hover-background-color
|
||||||
|
&.is-striped
|
||||||
|
tbody
|
||||||
|
tr:not(.is-selected)
|
||||||
|
&:hover
|
||||||
|
background-color: $table-row-hover-background-color
|
||||||
|
&:nth-child(even)
|
||||||
|
background-color: $table-striped-row-even-hover-background-color
|
||||||
|
&.is-narrow
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
padding: 0.25em 0.5em
|
||||||
|
&.is-striped
|
||||||
|
tbody
|
||||||
|
tr:not(.is-selected)
|
||||||
|
&:nth-child(even)
|
||||||
|
background-color: $table-striped-row-even-background-color
|
||||||
|
|
||||||
|
.table-container
|
||||||
|
@extend %block
|
||||||
|
+overflow-touch
|
||||||
|
overflow: auto
|
||||||
|
overflow-y: hidden
|
||||||
|
max-width: 100%
|
||||||
140
bulma/sass/elements/tag.sass
Normal file
140
bulma/sass/elements/tag.sass
Normal file
|
|
@ -0,0 +1,140 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$tag-background-color: $background !default
|
||||||
|
$tag-color: $text !default
|
||||||
|
$tag-radius: $radius !default
|
||||||
|
$tag-delete-margin: 1px !default
|
||||||
|
|
||||||
|
$tag-colors: $colors !default
|
||||||
|
|
||||||
|
.tags
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
justify-content: flex-start
|
||||||
|
.tag
|
||||||
|
margin-bottom: 0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
+ltr-property("margin", 0.5rem)
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: -0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 1rem
|
||||||
|
// Sizes
|
||||||
|
&.are-medium
|
||||||
|
.tag:not(.is-normal):not(.is-large)
|
||||||
|
font-size: $size-normal
|
||||||
|
&.are-large
|
||||||
|
.tag:not(.is-normal):not(.is-medium)
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
.tag
|
||||||
|
margin-right: 0.25rem
|
||||||
|
margin-left: 0.25rem
|
||||||
|
&.is-right
|
||||||
|
justify-content: flex-end
|
||||||
|
.tag
|
||||||
|
&:not(:first-child)
|
||||||
|
margin-left: 0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-right: 0
|
||||||
|
&.has-addons
|
||||||
|
.tag
|
||||||
|
+ltr-property("margin", 0)
|
||||||
|
&:not(:first-child)
|
||||||
|
+ltr-property("margin", 0, false)
|
||||||
|
+ltr
|
||||||
|
border-top-left-radius: 0
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
+rtl
|
||||||
|
border-top-right-radius: 0
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
&:not(:last-child)
|
||||||
|
+ltr
|
||||||
|
border-top-right-radius: 0
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
+rtl
|
||||||
|
border-top-left-radius: 0
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
|
||||||
|
.tag:not(body)
|
||||||
|
align-items: center
|
||||||
|
background-color: $tag-background-color
|
||||||
|
border-radius: $tag-radius
|
||||||
|
color: $tag-color
|
||||||
|
display: inline-flex
|
||||||
|
font-size: $size-small
|
||||||
|
height: 2em
|
||||||
|
justify-content: center
|
||||||
|
line-height: 1.5
|
||||||
|
padding-left: 0.75em
|
||||||
|
padding-right: 0.75em
|
||||||
|
white-space: nowrap
|
||||||
|
.delete
|
||||||
|
+ltr-property("margin", 0.25rem, false)
|
||||||
|
+ltr-property("margin", -0.375rem)
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $tag-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
// If a light and dark colors are provided
|
||||||
|
@if length($pair) > 3
|
||||||
|
$color-light: nth($pair, 3)
|
||||||
|
$color-dark: nth($pair, 4)
|
||||||
|
&.is-light
|
||||||
|
background-color: $color-light
|
||||||
|
color: $color-dark
|
||||||
|
// Sizes
|
||||||
|
&.is-normal
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-normal
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-medium
|
||||||
|
.icon
|
||||||
|
&:first-child:not(:last-child)
|
||||||
|
+ltr-property("margin", -0.375em, false)
|
||||||
|
+ltr-property("margin", 0.1875em)
|
||||||
|
&:last-child:not(:first-child)
|
||||||
|
+ltr-property("margin", 0.1875em, false)
|
||||||
|
+ltr-property("margin", -0.375em)
|
||||||
|
&:first-child:last-child
|
||||||
|
+ltr-property("margin", -0.375em, false)
|
||||||
|
+ltr-property("margin", -0.375em)
|
||||||
|
// Modifiers
|
||||||
|
&.is-delete
|
||||||
|
+ltr-property("margin", $tag-delete-margin, false)
|
||||||
|
padding: 0
|
||||||
|
position: relative
|
||||||
|
width: 2em
|
||||||
|
&::before,
|
||||||
|
&::after
|
||||||
|
background-color: currentColor
|
||||||
|
content: ""
|
||||||
|
display: block
|
||||||
|
left: 50%
|
||||||
|
position: absolute
|
||||||
|
top: 50%
|
||||||
|
transform: translateX(-50%) translateY(-50%) rotate(45deg)
|
||||||
|
transform-origin: center center
|
||||||
|
&::before
|
||||||
|
height: 1px
|
||||||
|
width: 50%
|
||||||
|
&::after
|
||||||
|
height: 50%
|
||||||
|
width: 1px
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
background-color: darken($tag-background-color, 5%)
|
||||||
|
&:active
|
||||||
|
background-color: darken($tag-background-color, 10%)
|
||||||
|
&.is-rounded
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
|
||||||
|
a.tag
|
||||||
|
&:hover
|
||||||
|
text-decoration: underline
|
||||||
70
bulma/sass/elements/title.sass
Normal file
70
bulma/sass/elements/title.sass
Normal file
|
|
@ -0,0 +1,70 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$title-color: $text-strong !default
|
||||||
|
$title-family: false !default
|
||||||
|
$title-size: $size-3 !default
|
||||||
|
$title-weight: $weight-semibold !default
|
||||||
|
$title-line-height: 1.125 !default
|
||||||
|
$title-strong-color: inherit !default
|
||||||
|
$title-strong-weight: inherit !default
|
||||||
|
$title-sub-size: 0.75em !default
|
||||||
|
$title-sup-size: 0.75em !default
|
||||||
|
|
||||||
|
$subtitle-color: $text !default
|
||||||
|
$subtitle-family: false !default
|
||||||
|
$subtitle-size: $size-5 !default
|
||||||
|
$subtitle-weight: $weight-normal !default
|
||||||
|
$subtitle-line-height: 1.25 !default
|
||||||
|
$subtitle-strong-color: $text-strong !default
|
||||||
|
$subtitle-strong-weight: $weight-semibold !default
|
||||||
|
$subtitle-negative-margin: -1.25rem !default
|
||||||
|
|
||||||
|
.title,
|
||||||
|
.subtitle
|
||||||
|
@extend %block
|
||||||
|
word-break: break-word
|
||||||
|
em,
|
||||||
|
span
|
||||||
|
font-weight: inherit
|
||||||
|
sub
|
||||||
|
font-size: $title-sub-size
|
||||||
|
sup
|
||||||
|
font-size: $title-sup-size
|
||||||
|
.tag
|
||||||
|
vertical-align: middle
|
||||||
|
|
||||||
|
.title
|
||||||
|
color: $title-color
|
||||||
|
@if $title-family
|
||||||
|
font-family: $title-family
|
||||||
|
font-size: $title-size
|
||||||
|
font-weight: $title-weight
|
||||||
|
line-height: $title-line-height
|
||||||
|
strong
|
||||||
|
color: $title-strong-color
|
||||||
|
font-weight: $title-strong-weight
|
||||||
|
&:not(.is-spaced) + .subtitle
|
||||||
|
margin-top: $subtitle-negative-margin
|
||||||
|
// Sizes
|
||||||
|
@each $size in $sizes
|
||||||
|
$i: index($sizes, $size)
|
||||||
|
&.is-#{$i}
|
||||||
|
font-size: $size
|
||||||
|
|
||||||
|
.subtitle
|
||||||
|
color: $subtitle-color
|
||||||
|
@if $subtitle-family
|
||||||
|
font-family: $subtitle-family
|
||||||
|
font-size: $subtitle-size
|
||||||
|
font-weight: $subtitle-weight
|
||||||
|
line-height: $subtitle-line-height
|
||||||
|
strong
|
||||||
|
color: $subtitle-strong-color
|
||||||
|
font-weight: $subtitle-strong-weight
|
||||||
|
&:not(.is-spaced) + .title
|
||||||
|
margin-top: $subtitle-negative-margin
|
||||||
|
// Sizes
|
||||||
|
@each $size in $sizes
|
||||||
|
$i: index($sizes, $size)
|
||||||
|
&.is-#{$i}
|
||||||
|
font-size: $size
|
||||||
9
bulma/sass/form/_all.sass
Normal file
9
bulma/sass/form/_all.sass
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
/* Bulma Form */
|
||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "shared"
|
||||||
|
@import "input-textarea"
|
||||||
|
@import "checkbox-radio"
|
||||||
|
@import "select"
|
||||||
|
@import "file"
|
||||||
|
@import "tools"
|
||||||
22
bulma/sass/form/checkbox-radio.sass
Normal file
22
bulma/sass/form/checkbox-radio.sass
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
%checkbox-radio
|
||||||
|
cursor: pointer
|
||||||
|
display: inline-block
|
||||||
|
line-height: 1.25
|
||||||
|
position: relative
|
||||||
|
input
|
||||||
|
cursor: pointer
|
||||||
|
&:hover
|
||||||
|
color: $input-hover-color
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &,
|
||||||
|
input[disabled]
|
||||||
|
color: $input-disabled-color
|
||||||
|
cursor: not-allowed
|
||||||
|
|
||||||
|
.checkbox
|
||||||
|
@extend %checkbox-radio
|
||||||
|
|
||||||
|
.radio
|
||||||
|
@extend %checkbox-radio
|
||||||
|
& + .radio
|
||||||
|
+ltr-property("margin", 0.5em, false)
|
||||||
184
bulma/sass/form/file.sass
Normal file
184
bulma/sass/form/file.sass
Normal file
|
|
@ -0,0 +1,184 @@
|
||||||
|
$file-border-color: $border !default
|
||||||
|
$file-radius: $radius !default
|
||||||
|
|
||||||
|
$file-cta-background-color: $scheme-main-ter !default
|
||||||
|
$file-cta-color: $text !default
|
||||||
|
$file-cta-hover-color: $text-strong !default
|
||||||
|
$file-cta-active-color: $text-strong !default
|
||||||
|
|
||||||
|
$file-name-border-color: $border !default
|
||||||
|
$file-name-border-style: solid !default
|
||||||
|
$file-name-border-width: 1px 1px 1px 0 !default
|
||||||
|
$file-name-max-width: 16em !default
|
||||||
|
|
||||||
|
$file-colors: $form-colors !default
|
||||||
|
|
||||||
|
.file
|
||||||
|
@extend %unselectable
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
justify-content: flex-start
|
||||||
|
position: relative
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $file-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
.file-cta
|
||||||
|
background-color: $color
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
.file-cta
|
||||||
|
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 bulmaRgba($color, 0.25)
|
||||||
|
color: $color-invert
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
.file-cta
|
||||||
|
background-color: bulmaDarken($color, 5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-normal
|
||||||
|
font-size: $size-normal
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
.file-icon
|
||||||
|
.fa
|
||||||
|
font-size: 21px
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
.file-icon
|
||||||
|
.fa
|
||||||
|
font-size: 28px
|
||||||
|
// Modifiers
|
||||||
|
&.has-name
|
||||||
|
.file-cta
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
.file-name
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
border-top-left-radius: 0
|
||||||
|
&.is-empty
|
||||||
|
.file-cta
|
||||||
|
border-radius: $file-radius
|
||||||
|
.file-name
|
||||||
|
display: none
|
||||||
|
&.is-boxed
|
||||||
|
.file-label
|
||||||
|
flex-direction: column
|
||||||
|
.file-cta
|
||||||
|
flex-direction: column
|
||||||
|
height: auto
|
||||||
|
padding: 1em 3em
|
||||||
|
.file-name
|
||||||
|
border-width: 0 1px 1px
|
||||||
|
.file-icon
|
||||||
|
height: 1.5em
|
||||||
|
width: 1.5em
|
||||||
|
.fa
|
||||||
|
font-size: 21px
|
||||||
|
&.is-small
|
||||||
|
.file-icon .fa
|
||||||
|
font-size: 14px
|
||||||
|
&.is-medium
|
||||||
|
.file-icon .fa
|
||||||
|
font-size: 28px
|
||||||
|
&.is-large
|
||||||
|
.file-icon .fa
|
||||||
|
font-size: 35px
|
||||||
|
&.has-name
|
||||||
|
.file-cta
|
||||||
|
border-radius: $file-radius $file-radius 0 0
|
||||||
|
.file-name
|
||||||
|
border-radius: 0 0 $file-radius $file-radius
|
||||||
|
border-width: 0 1px 1px
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
&.is-fullwidth
|
||||||
|
.file-label
|
||||||
|
width: 100%
|
||||||
|
.file-name
|
||||||
|
flex-grow: 1
|
||||||
|
max-width: none
|
||||||
|
&.is-right
|
||||||
|
justify-content: flex-end
|
||||||
|
.file-cta
|
||||||
|
border-radius: 0 $file-radius $file-radius 0
|
||||||
|
.file-name
|
||||||
|
border-radius: $file-radius 0 0 $file-radius
|
||||||
|
border-width: 1px 0 1px 1px
|
||||||
|
order: -1
|
||||||
|
|
||||||
|
.file-label
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
cursor: pointer
|
||||||
|
justify-content: flex-start
|
||||||
|
overflow: hidden
|
||||||
|
position: relative
|
||||||
|
&:hover
|
||||||
|
.file-cta
|
||||||
|
background-color: bulmaDarken($file-cta-background-color, 2.5%)
|
||||||
|
color: $file-cta-hover-color
|
||||||
|
.file-name
|
||||||
|
border-color: bulmaDarken($file-name-border-color, 2.5%)
|
||||||
|
&:active
|
||||||
|
.file-cta
|
||||||
|
background-color: bulmaDarken($file-cta-background-color, 5%)
|
||||||
|
color: $file-cta-active-color
|
||||||
|
.file-name
|
||||||
|
border-color: bulmaDarken($file-name-border-color, 5%)
|
||||||
|
|
||||||
|
.file-input
|
||||||
|
height: 100%
|
||||||
|
left: 0
|
||||||
|
opacity: 0
|
||||||
|
outline: none
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
.file-cta,
|
||||||
|
.file-name
|
||||||
|
@extend %control
|
||||||
|
border-color: $file-border-color
|
||||||
|
border-radius: $file-radius
|
||||||
|
font-size: 1em
|
||||||
|
padding-left: 1em
|
||||||
|
padding-right: 1em
|
||||||
|
white-space: nowrap
|
||||||
|
|
||||||
|
.file-cta
|
||||||
|
background-color: $file-cta-background-color
|
||||||
|
color: $file-cta-color
|
||||||
|
|
||||||
|
.file-name
|
||||||
|
border-color: $file-name-border-color
|
||||||
|
border-style: $file-name-border-style
|
||||||
|
border-width: $file-name-border-width
|
||||||
|
display: block
|
||||||
|
max-width: $file-name-max-width
|
||||||
|
overflow: hidden
|
||||||
|
text-align: inherit
|
||||||
|
text-overflow: ellipsis
|
||||||
|
|
||||||
|
.file-icon
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
height: 1em
|
||||||
|
justify-content: center
|
||||||
|
+ltr-property("margin", 0.5em)
|
||||||
|
width: 1em
|
||||||
|
.fa
|
||||||
|
font-size: 14px
|
||||||
66
bulma/sass/form/input-textarea.sass
Normal file
66
bulma/sass/form/input-textarea.sass
Normal file
|
|
@ -0,0 +1,66 @@
|
||||||
|
$textarea-padding: $control-padding-horizontal !default
|
||||||
|
$textarea-max-height: 40em !default
|
||||||
|
$textarea-min-height: 8em !default
|
||||||
|
|
||||||
|
$textarea-colors: $form-colors !default
|
||||||
|
|
||||||
|
%input-textarea
|
||||||
|
@extend %input
|
||||||
|
box-shadow: $input-shadow
|
||||||
|
max-width: 100%
|
||||||
|
width: 100%
|
||||||
|
&[readonly]
|
||||||
|
box-shadow: none
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $textarea-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
&.is-#{$name}
|
||||||
|
border-color: $color
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
+control-small
|
||||||
|
&.is-medium
|
||||||
|
+control-medium
|
||||||
|
&.is-large
|
||||||
|
+control-large
|
||||||
|
// Modifiers
|
||||||
|
&.is-fullwidth
|
||||||
|
display: block
|
||||||
|
width: 100%
|
||||||
|
&.is-inline
|
||||||
|
display: inline
|
||||||
|
width: auto
|
||||||
|
|
||||||
|
.input
|
||||||
|
@extend %input-textarea
|
||||||
|
&.is-rounded
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
padding-left: calc(#{$control-padding-horizontal} + 0.375em)
|
||||||
|
padding-right: calc(#{$control-padding-horizontal} + 0.375em)
|
||||||
|
&.is-static
|
||||||
|
background-color: transparent
|
||||||
|
border-color: transparent
|
||||||
|
box-shadow: none
|
||||||
|
padding-left: 0
|
||||||
|
padding-right: 0
|
||||||
|
|
||||||
|
.textarea
|
||||||
|
@extend %input-textarea
|
||||||
|
display: block
|
||||||
|
max-width: 100%
|
||||||
|
min-width: 100%
|
||||||
|
padding: $textarea-padding
|
||||||
|
resize: vertical
|
||||||
|
&:not([rows])
|
||||||
|
max-height: $textarea-max-height
|
||||||
|
min-height: $textarea-min-height
|
||||||
|
&[rows]
|
||||||
|
height: initial
|
||||||
|
// Modifiers
|
||||||
|
&.has-fixed-size
|
||||||
|
resize: none
|
||||||
88
bulma/sass/form/select.sass
Normal file
88
bulma/sass/form/select.sass
Normal file
|
|
@ -0,0 +1,88 @@
|
||||||
|
$select-colors: $form-colors !default
|
||||||
|
|
||||||
|
.select
|
||||||
|
display: inline-block
|
||||||
|
max-width: 100%
|
||||||
|
position: relative
|
||||||
|
vertical-align: top
|
||||||
|
&:not(.is-multiple)
|
||||||
|
height: $input-height
|
||||||
|
&:not(.is-multiple):not(.is-loading)
|
||||||
|
&::after
|
||||||
|
@extend %arrow
|
||||||
|
border-color: $input-arrow
|
||||||
|
+ltr-position(1.125em)
|
||||||
|
z-index: 4
|
||||||
|
&.is-rounded
|
||||||
|
select
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
+ltr-property("padding", 1em, false)
|
||||||
|
select
|
||||||
|
@extend %input
|
||||||
|
cursor: pointer
|
||||||
|
display: block
|
||||||
|
font-size: 1em
|
||||||
|
max-width: 100%
|
||||||
|
outline: none
|
||||||
|
&::-ms-expand
|
||||||
|
display: none
|
||||||
|
&[disabled]:hover,
|
||||||
|
fieldset[disabled] &:hover
|
||||||
|
border-color: $input-disabled-border-color
|
||||||
|
&:not([multiple])
|
||||||
|
+ltr-property("padding", 2.5em)
|
||||||
|
&[multiple]
|
||||||
|
height: auto
|
||||||
|
padding: 0
|
||||||
|
option
|
||||||
|
padding: 0.5em 1em
|
||||||
|
// States
|
||||||
|
&:not(.is-multiple):not(.is-loading):hover
|
||||||
|
&::after
|
||||||
|
border-color: $input-hover-color
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $select-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
&.is-#{$name}
|
||||||
|
&:not(:hover)::after
|
||||||
|
border-color: $color
|
||||||
|
select
|
||||||
|
border-color: $color
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
border-color: bulmaDarken($color, 5%)
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
+control-small
|
||||||
|
&.is-medium
|
||||||
|
+control-medium
|
||||||
|
&.is-large
|
||||||
|
+control-large
|
||||||
|
// Modifiers
|
||||||
|
&.is-disabled
|
||||||
|
&::after
|
||||||
|
border-color: $input-disabled-color !important
|
||||||
|
opacity: 0.5
|
||||||
|
&.is-fullwidth
|
||||||
|
width: 100%
|
||||||
|
select
|
||||||
|
width: 100%
|
||||||
|
&.is-loading
|
||||||
|
&::after
|
||||||
|
@extend %loader
|
||||||
|
margin-top: 0
|
||||||
|
position: absolute
|
||||||
|
+ltr-position(0.625em)
|
||||||
|
top: 0.625em
|
||||||
|
transform: none
|
||||||
|
&.is-small:after
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium:after
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large:after
|
||||||
|
font-size: $size-large
|
||||||
60
bulma/sass/form/shared.sass
Normal file
60
bulma/sass/form/shared.sass
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
@import "../utilities/controls"
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$form-colors: $colors !default
|
||||||
|
|
||||||
|
$input-color: $text-strong !default
|
||||||
|
$input-background-color: $scheme-main !default
|
||||||
|
$input-border-color: $border !default
|
||||||
|
$input-height: $control-height !default
|
||||||
|
$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
|
||||||
|
$input-placeholder-color: bulmaRgba($input-color, 0.3) !default
|
||||||
|
|
||||||
|
$input-hover-color: $text-strong !default
|
||||||
|
$input-hover-border-color: $border-hover !default
|
||||||
|
|
||||||
|
$input-focus-color: $text-strong !default
|
||||||
|
$input-focus-border-color: $link !default
|
||||||
|
$input-focus-box-shadow-size: 0 0 0 0.125em !default
|
||||||
|
$input-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
|
||||||
|
|
||||||
|
$input-disabled-color: $text-light !default
|
||||||
|
$input-disabled-background-color: $background !default
|
||||||
|
$input-disabled-border-color: $background !default
|
||||||
|
$input-disabled-placeholder-color: bulmaRgba($input-disabled-color, 0.3) !default
|
||||||
|
|
||||||
|
$input-arrow: $link !default
|
||||||
|
|
||||||
|
$input-icon-color: $border !default
|
||||||
|
$input-icon-active-color: $text !default
|
||||||
|
|
||||||
|
$input-radius: $radius !default
|
||||||
|
|
||||||
|
=input
|
||||||
|
@extend %control
|
||||||
|
background-color: $input-background-color
|
||||||
|
border-color: $input-border-color
|
||||||
|
border-radius: $input-radius
|
||||||
|
color: $input-color
|
||||||
|
+placeholder
|
||||||
|
color: $input-placeholder-color
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
border-color: $input-hover-border-color
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
border-color: $input-focus-border-color
|
||||||
|
box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &
|
||||||
|
background-color: $input-disabled-background-color
|
||||||
|
border-color: $input-disabled-border-color
|
||||||
|
box-shadow: none
|
||||||
|
color: $input-disabled-color
|
||||||
|
+placeholder
|
||||||
|
color: $input-disabled-placeholder-color
|
||||||
|
|
||||||
|
%input
|
||||||
|
+input
|
||||||
215
bulma/sass/form/tools.sass
Normal file
215
bulma/sass/form/tools.sass
Normal file
|
|
@ -0,0 +1,215 @@
|
||||||
|
$label-color: $text-strong !default
|
||||||
|
$label-weight: $weight-bold !default
|
||||||
|
|
||||||
|
$help-size: $size-small !default
|
||||||
|
|
||||||
|
$label-colors: $form-colors !default
|
||||||
|
|
||||||
|
.label
|
||||||
|
color: $label-color
|
||||||
|
display: block
|
||||||
|
font-size: $size-normal
|
||||||
|
font-weight: $label-weight
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0.5em
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
|
||||||
|
.help
|
||||||
|
display: block
|
||||||
|
font-size: $help-size
|
||||||
|
margin-top: 0.25rem
|
||||||
|
@each $name, $pair in $label-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
&.is-#{$name}
|
||||||
|
color: $color
|
||||||
|
|
||||||
|
// Containers
|
||||||
|
|
||||||
|
.field
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0.75rem
|
||||||
|
// Modifiers
|
||||||
|
&.has-addons
|
||||||
|
display: flex
|
||||||
|
justify-content: flex-start
|
||||||
|
.control
|
||||||
|
&:not(:last-child)
|
||||||
|
+ltr-property("margin", -1px)
|
||||||
|
&:not(:first-child):not(:last-child)
|
||||||
|
.button,
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
border-radius: 0
|
||||||
|
&:first-child:not(:only-child)
|
||||||
|
.button,
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
+ltr
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
+rtl
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
border-top-left-radius: 0
|
||||||
|
&:last-child:not(:only-child)
|
||||||
|
.button,
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
+ltr
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
border-top-left-radius: 0
|
||||||
|
+rtl
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
.button,
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
&:not([disabled])
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
z-index: 2
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
z-index: 3
|
||||||
|
&:hover
|
||||||
|
z-index: 4
|
||||||
|
&.is-expanded
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
&.has-addons-centered
|
||||||
|
justify-content: center
|
||||||
|
&.has-addons-right
|
||||||
|
justify-content: flex-end
|
||||||
|
&.has-addons-fullwidth
|
||||||
|
.control
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
&.is-grouped
|
||||||
|
display: flex
|
||||||
|
justify-content: flex-start
|
||||||
|
& > .control
|
||||||
|
flex-shrink: 0
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0
|
||||||
|
+ltr-property("margin", 0.75rem)
|
||||||
|
&.is-expanded
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
&.is-grouped-centered
|
||||||
|
justify-content: center
|
||||||
|
&.is-grouped-right
|
||||||
|
justify-content: flex-end
|
||||||
|
&.is-grouped-multiline
|
||||||
|
flex-wrap: wrap
|
||||||
|
& > .control
|
||||||
|
&:last-child,
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0.75rem
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: -0.75rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0
|
||||||
|
&.is-horizontal
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.field-label
|
||||||
|
.label
|
||||||
|
font-size: inherit
|
||||||
|
+mobile
|
||||||
|
margin-bottom: 0.5rem
|
||||||
|
+tablet
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
+ltr-property("margin", 1.5rem)
|
||||||
|
text-align: right
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
padding-top: 0.375em
|
||||||
|
&.is-normal
|
||||||
|
padding-top: 0.375em
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
padding-top: 0.375em
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
padding-top: 0.375em
|
||||||
|
|
||||||
|
.field-body
|
||||||
|
.field .field
|
||||||
|
margin-bottom: 0
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 5
|
||||||
|
flex-shrink: 1
|
||||||
|
.field
|
||||||
|
margin-bottom: 0
|
||||||
|
& > .field
|
||||||
|
flex-shrink: 1
|
||||||
|
&:not(.is-narrow)
|
||||||
|
flex-grow: 1
|
||||||
|
&:not(:last-child)
|
||||||
|
+ltr-property("margin", 0.75rem)
|
||||||
|
|
||||||
|
.control
|
||||||
|
box-sizing: border-box
|
||||||
|
clear: both
|
||||||
|
font-size: $size-normal
|
||||||
|
position: relative
|
||||||
|
text-align: inherit
|
||||||
|
// Modifiers
|
||||||
|
&.has-icons-left,
|
||||||
|
&.has-icons-right
|
||||||
|
.input,
|
||||||
|
.select
|
||||||
|
&:focus
|
||||||
|
& ~ .icon
|
||||||
|
color: $input-icon-active-color
|
||||||
|
&.is-small ~ .icon
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium ~ .icon
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large ~ .icon
|
||||||
|
font-size: $size-large
|
||||||
|
.icon
|
||||||
|
color: $input-icon-color
|
||||||
|
height: $input-height
|
||||||
|
pointer-events: none
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
width: $input-height
|
||||||
|
z-index: 4
|
||||||
|
&.has-icons-left
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
padding-left: $input-height
|
||||||
|
.icon.is-left
|
||||||
|
left: 0
|
||||||
|
&.has-icons-right
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
padding-right: $input-height
|
||||||
|
.icon.is-right
|
||||||
|
right: 0
|
||||||
|
&.is-loading
|
||||||
|
&::after
|
||||||
|
@extend %loader
|
||||||
|
position: absolute !important
|
||||||
|
+ltr-position(0.625em)
|
||||||
|
top: 0.625em
|
||||||
|
z-index: 4
|
||||||
|
&.is-small:after
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium:after
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large:after
|
||||||
|
font-size: $size-large
|
||||||
5
bulma/sass/grid/_all.sass
Normal file
5
bulma/sass/grid/_all.sass
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
/* Bulma Grid */
|
||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "columns"
|
||||||
|
@import "tiles"
|
||||||
513
bulma/sass/grid/columns.sass
Normal file
513
bulma/sass/grid/columns.sass
Normal file
|
|
@ -0,0 +1,513 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$column-gap: 0.75rem !default
|
||||||
|
|
||||||
|
.column
|
||||||
|
display: block
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
padding: $column-gap
|
||||||
|
.columns.is-mobile > &.is-narrow
|
||||||
|
flex: none
|
||||||
|
width: unset
|
||||||
|
.columns.is-mobile > &.is-full
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
.columns.is-mobile > &.is-three-quarters
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
.columns.is-mobile > &.is-two-thirds
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
.columns.is-mobile > &.is-half
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
.columns.is-mobile > &.is-one-third
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
.columns.is-mobile > &.is-one-quarter
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
.columns.is-mobile > &.is-one-fifth
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
.columns.is-mobile > &.is-two-fifths
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
.columns.is-mobile > &.is-three-fifths
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
.columns.is-mobile > &.is-four-fifths
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
.columns.is-mobile > &.is-offset-three-quarters
|
||||||
|
+ltr-property("margin", 75%, false)
|
||||||
|
.columns.is-mobile > &.is-offset-two-thirds
|
||||||
|
+ltr-property("margin", 66.6666%, false)
|
||||||
|
.columns.is-mobile > &.is-offset-half
|
||||||
|
+ltr-property("margin", 50%, false)
|
||||||
|
.columns.is-mobile > &.is-offset-one-third
|
||||||
|
+ltr-property("margin", 33.3333%, false)
|
||||||
|
.columns.is-mobile > &.is-offset-one-quarter
|
||||||
|
+ltr-property("margin", 25%, false)
|
||||||
|
.columns.is-mobile > &.is-offset-one-fifth
|
||||||
|
+ltr-property("margin", 20%, false)
|
||||||
|
.columns.is-mobile > &.is-offset-two-fifths
|
||||||
|
+ltr-property("margin", 40%, false)
|
||||||
|
.columns.is-mobile > &.is-offset-three-fifths
|
||||||
|
+ltr-property("margin", 60%, false)
|
||||||
|
.columns.is-mobile > &.is-offset-four-fifths
|
||||||
|
+ltr-property("margin", 80%, false)
|
||||||
|
@for $i from 0 through 12
|
||||||
|
.columns.is-mobile > &.is-#{$i}
|
||||||
|
flex: none
|
||||||
|
width: percentage(divide($i, 12))
|
||||||
|
.columns.is-mobile > &.is-offset-#{$i}
|
||||||
|
+ltr-property("margin", percentage(divide($i, 12)), false)
|
||||||
|
+mobile
|
||||||
|
&.is-narrow-mobile
|
||||||
|
flex: none
|
||||||
|
width: unset
|
||||||
|
&.is-full-mobile
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-mobile
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-mobile
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-mobile
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-mobile
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-mobile
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-mobile
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-mobile
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-mobile
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-mobile
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-mobile
|
||||||
|
+ltr-property("margin", 75%, false)
|
||||||
|
&.is-offset-two-thirds-mobile
|
||||||
|
+ltr-property("margin", 66.6666%, false)
|
||||||
|
&.is-offset-half-mobile
|
||||||
|
+ltr-property("margin", 50%, false)
|
||||||
|
&.is-offset-one-third-mobile
|
||||||
|
+ltr-property("margin", 33.3333%, false)
|
||||||
|
&.is-offset-one-quarter-mobile
|
||||||
|
+ltr-property("margin", 25%, false)
|
||||||
|
&.is-offset-one-fifth-mobile
|
||||||
|
+ltr-property("margin", 20%, false)
|
||||||
|
&.is-offset-two-fifths-mobile
|
||||||
|
+ltr-property("margin", 40%, false)
|
||||||
|
&.is-offset-three-fifths-mobile
|
||||||
|
+ltr-property("margin", 60%, false)
|
||||||
|
&.is-offset-four-fifths-mobile
|
||||||
|
+ltr-property("margin", 80%, false)
|
||||||
|
@for $i from 0 through 12
|
||||||
|
&.is-#{$i}-mobile
|
||||||
|
flex: none
|
||||||
|
width: percentage(divide($i, 12))
|
||||||
|
&.is-offset-#{$i}-mobile
|
||||||
|
+ltr-property("margin", percentage(divide($i, 12)), false)
|
||||||
|
+tablet
|
||||||
|
&.is-narrow,
|
||||||
|
&.is-narrow-tablet
|
||||||
|
flex: none
|
||||||
|
width: unset
|
||||||
|
&.is-full,
|
||||||
|
&.is-full-tablet
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters,
|
||||||
|
&.is-three-quarters-tablet
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds,
|
||||||
|
&.is-two-thirds-tablet
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half,
|
||||||
|
&.is-half-tablet
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third,
|
||||||
|
&.is-one-third-tablet
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter,
|
||||||
|
&.is-one-quarter-tablet
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth,
|
||||||
|
&.is-one-fifth-tablet
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths,
|
||||||
|
&.is-two-fifths-tablet
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths,
|
||||||
|
&.is-three-fifths-tablet
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths,
|
||||||
|
&.is-four-fifths-tablet
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters,
|
||||||
|
&.is-offset-three-quarters-tablet
|
||||||
|
+ltr-property("margin", 75%, false)
|
||||||
|
&.is-offset-two-thirds,
|
||||||
|
&.is-offset-two-thirds-tablet
|
||||||
|
+ltr-property("margin", 66.6666%, false)
|
||||||
|
&.is-offset-half,
|
||||||
|
&.is-offset-half-tablet
|
||||||
|
+ltr-property("margin", 50%, false)
|
||||||
|
&.is-offset-one-third,
|
||||||
|
&.is-offset-one-third-tablet
|
||||||
|
+ltr-property("margin", 33.3333%, false)
|
||||||
|
&.is-offset-one-quarter,
|
||||||
|
&.is-offset-one-quarter-tablet
|
||||||
|
+ltr-property("margin", 25%, false)
|
||||||
|
&.is-offset-one-fifth,
|
||||||
|
&.is-offset-one-fifth-tablet
|
||||||
|
+ltr-property("margin", 20%, false)
|
||||||
|
&.is-offset-two-fifths,
|
||||||
|
&.is-offset-two-fifths-tablet
|
||||||
|
+ltr-property("margin", 40%, false)
|
||||||
|
&.is-offset-three-fifths,
|
||||||
|
&.is-offset-three-fifths-tablet
|
||||||
|
+ltr-property("margin", 60%, false)
|
||||||
|
&.is-offset-four-fifths,
|
||||||
|
&.is-offset-four-fifths-tablet
|
||||||
|
+ltr-property("margin", 80%, false)
|
||||||
|
@for $i from 0 through 12
|
||||||
|
&.is-#{$i},
|
||||||
|
&.is-#{$i}-tablet
|
||||||
|
flex: none
|
||||||
|
width: percentage(divide($i, 12))
|
||||||
|
&.is-offset-#{$i},
|
||||||
|
&.is-offset-#{$i}-tablet
|
||||||
|
+ltr-property("margin", percentage(divide($i, 12)), false)
|
||||||
|
+touch
|
||||||
|
&.is-narrow-touch
|
||||||
|
flex: none
|
||||||
|
width: unset
|
||||||
|
&.is-full-touch
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-touch
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-touch
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-touch
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-touch
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-touch
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-touch
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-touch
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-touch
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-touch
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-touch
|
||||||
|
+ltr-property("margin", 75%, false)
|
||||||
|
&.is-offset-two-thirds-touch
|
||||||
|
+ltr-property("margin", 66.6666%, false)
|
||||||
|
&.is-offset-half-touch
|
||||||
|
+ltr-property("margin", 50%, false)
|
||||||
|
&.is-offset-one-third-touch
|
||||||
|
+ltr-property("margin", 33.3333%, false)
|
||||||
|
&.is-offset-one-quarter-touch
|
||||||
|
+ltr-property("margin", 25%, false)
|
||||||
|
&.is-offset-one-fifth-touch
|
||||||
|
+ltr-property("margin", 20%, false)
|
||||||
|
&.is-offset-two-fifths-touch
|
||||||
|
+ltr-property("margin", 40%, false)
|
||||||
|
&.is-offset-three-fifths-touch
|
||||||
|
+ltr-property("margin", 60%, false)
|
||||||
|
&.is-offset-four-fifths-touch
|
||||||
|
+ltr-property("margin", 80%, false)
|
||||||
|
@for $i from 0 through 12
|
||||||
|
&.is-#{$i}-touch
|
||||||
|
flex: none
|
||||||
|
width: percentage(divide($i, 12))
|
||||||
|
&.is-offset-#{$i}-touch
|
||||||
|
+ltr-property("margin", percentage(divide($i, 12)), false)
|
||||||
|
+desktop
|
||||||
|
&.is-narrow-desktop
|
||||||
|
flex: none
|
||||||
|
width: unset
|
||||||
|
&.is-full-desktop
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-desktop
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-desktop
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-desktop
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-desktop
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-desktop
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-desktop
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-desktop
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-desktop
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-desktop
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-desktop
|
||||||
|
+ltr-property("margin", 75%, false)
|
||||||
|
&.is-offset-two-thirds-desktop
|
||||||
|
+ltr-property("margin", 66.6666%, false)
|
||||||
|
&.is-offset-half-desktop
|
||||||
|
+ltr-property("margin", 50%, false)
|
||||||
|
&.is-offset-one-third-desktop
|
||||||
|
+ltr-property("margin", 33.3333%, false)
|
||||||
|
&.is-offset-one-quarter-desktop
|
||||||
|
+ltr-property("margin", 25%, false)
|
||||||
|
&.is-offset-one-fifth-desktop
|
||||||
|
+ltr-property("margin", 20%, false)
|
||||||
|
&.is-offset-two-fifths-desktop
|
||||||
|
+ltr-property("margin", 40%, false)
|
||||||
|
&.is-offset-three-fifths-desktop
|
||||||
|
+ltr-property("margin", 60%, false)
|
||||||
|
&.is-offset-four-fifths-desktop
|
||||||
|
+ltr-property("margin", 80%, false)
|
||||||
|
@for $i from 0 through 12
|
||||||
|
&.is-#{$i}-desktop
|
||||||
|
flex: none
|
||||||
|
width: percentage(divide($i, 12))
|
||||||
|
&.is-offset-#{$i}-desktop
|
||||||
|
+ltr-property("margin", percentage(divide($i, 12)), false)
|
||||||
|
+widescreen
|
||||||
|
&.is-narrow-widescreen
|
||||||
|
flex: none
|
||||||
|
width: unset
|
||||||
|
&.is-full-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-widescreen
|
||||||
|
+ltr-property("margin", 75%, false)
|
||||||
|
&.is-offset-two-thirds-widescreen
|
||||||
|
+ltr-property("margin", 66.6666%, false)
|
||||||
|
&.is-offset-half-widescreen
|
||||||
|
+ltr-property("margin", 50%, false)
|
||||||
|
&.is-offset-one-third-widescreen
|
||||||
|
+ltr-property("margin", 33.3333%, false)
|
||||||
|
&.is-offset-one-quarter-widescreen
|
||||||
|
+ltr-property("margin", 25%, false)
|
||||||
|
&.is-offset-one-fifth-widescreen
|
||||||
|
+ltr-property("margin", 20%, false)
|
||||||
|
&.is-offset-two-fifths-widescreen
|
||||||
|
+ltr-property("margin", 40%, false)
|
||||||
|
&.is-offset-three-fifths-widescreen
|
||||||
|
+ltr-property("margin", 60%, false)
|
||||||
|
&.is-offset-four-fifths-widescreen
|
||||||
|
+ltr-property("margin", 80%, false)
|
||||||
|
@for $i from 0 through 12
|
||||||
|
&.is-#{$i}-widescreen
|
||||||
|
flex: none
|
||||||
|
width: percentage(divide($i, 12))
|
||||||
|
&.is-offset-#{$i}-widescreen
|
||||||
|
+ltr-property("margin", percentage(divide($i, 12)), false)
|
||||||
|
+fullhd
|
||||||
|
&.is-narrow-fullhd
|
||||||
|
flex: none
|
||||||
|
width: unset
|
||||||
|
&.is-full-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-fullhd
|
||||||
|
+ltr-property("margin", 75%, false)
|
||||||
|
&.is-offset-two-thirds-fullhd
|
||||||
|
+ltr-property("margin", 66.6666%, false)
|
||||||
|
&.is-offset-half-fullhd
|
||||||
|
+ltr-property("margin", 50%, false)
|
||||||
|
&.is-offset-one-third-fullhd
|
||||||
|
+ltr-property("margin", 33.3333%, false)
|
||||||
|
&.is-offset-one-quarter-fullhd
|
||||||
|
+ltr-property("margin", 25%, false)
|
||||||
|
&.is-offset-one-fifth-fullhd
|
||||||
|
+ltr-property("margin", 20%, false)
|
||||||
|
&.is-offset-two-fifths-fullhd
|
||||||
|
+ltr-property("margin", 40%, false)
|
||||||
|
&.is-offset-three-fifths-fullhd
|
||||||
|
+ltr-property("margin", 60%, false)
|
||||||
|
&.is-offset-four-fifths-fullhd
|
||||||
|
+ltr-property("margin", 80%, false)
|
||||||
|
@for $i from 0 through 12
|
||||||
|
&.is-#{$i}-fullhd
|
||||||
|
flex: none
|
||||||
|
width: percentage(divide($i, 12))
|
||||||
|
&.is-offset-#{$i}-fullhd
|
||||||
|
+ltr-property("margin", percentage(divide($i, 12)), false)
|
||||||
|
|
||||||
|
.columns
|
||||||
|
+ltr-property("margin", (-$column-gap), false)
|
||||||
|
+ltr-property("margin", (-$column-gap))
|
||||||
|
margin-top: (-$column-gap)
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: (-$column-gap)
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: calc(1.5rem - #{$column-gap})
|
||||||
|
// Modifiers
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
&.is-gapless
|
||||||
|
+ltr-property("margin", 0, false)
|
||||||
|
+ltr-property("margin", 0)
|
||||||
|
margin-top: 0
|
||||||
|
& > .column
|
||||||
|
margin: 0
|
||||||
|
padding: 0 !important
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 1.5rem
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: 0
|
||||||
|
&.is-mobile
|
||||||
|
display: flex
|
||||||
|
&.is-multiline
|
||||||
|
flex-wrap: wrap
|
||||||
|
&.is-vcentered
|
||||||
|
align-items: center
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
&:not(.is-desktop)
|
||||||
|
display: flex
|
||||||
|
+desktop
|
||||||
|
// Modifiers
|
||||||
|
&.is-desktop
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
@if $variable-columns
|
||||||
|
.columns.is-variable
|
||||||
|
--columnGap: 0.75rem
|
||||||
|
+ltr-property("margin", calc(-1 * var(--columnGap)), false)
|
||||||
|
+ltr-property("margin", calc(-1 * var(--columnGap)))
|
||||||
|
> .column
|
||||||
|
padding-left: var(--columnGap)
|
||||||
|
padding-right: var(--columnGap)
|
||||||
|
@for $i from 0 through 8
|
||||||
|
&.is-#{$i}
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+mobile
|
||||||
|
&.is-#{$i}-mobile
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+tablet
|
||||||
|
&.is-#{$i}-tablet
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+tablet-only
|
||||||
|
&.is-#{$i}-tablet-only
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+touch
|
||||||
|
&.is-#{$i}-touch
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+desktop
|
||||||
|
&.is-#{$i}-desktop
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+desktop-only
|
||||||
|
&.is-#{$i}-desktop-only
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+widescreen
|
||||||
|
&.is-#{$i}-widescreen
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+widescreen-only
|
||||||
|
&.is-#{$i}-widescreen-only
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
|
+fullhd
|
||||||
|
&.is-#{$i}-fullhd
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
36
bulma/sass/grid/tiles.sass
Normal file
36
bulma/sass/grid/tiles.sass
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$tile-spacing: 0.75rem !default
|
||||||
|
|
||||||
|
.tile
|
||||||
|
align-items: stretch
|
||||||
|
display: block
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
min-height: min-content
|
||||||
|
// Modifiers
|
||||||
|
&.is-ancestor
|
||||||
|
margin-left: $tile-spacing * -1
|
||||||
|
margin-right: $tile-spacing * -1
|
||||||
|
margin-top: $tile-spacing * -1
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: $tile-spacing * -1
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: $tile-spacing
|
||||||
|
&.is-child
|
||||||
|
margin: 0 !important
|
||||||
|
&.is-parent
|
||||||
|
padding: $tile-spacing
|
||||||
|
&.is-vertical
|
||||||
|
flex-direction: column
|
||||||
|
& > .tile.is-child:not(:last-child)
|
||||||
|
margin-bottom: 1.5rem !important
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
&:not(.is-child)
|
||||||
|
display: flex
|
||||||
|
@for $i from 1 through 12
|
||||||
|
&.is-#{$i}
|
||||||
|
flex: none
|
||||||
|
width: (divide($i, 12)) * 100%
|
||||||
12
bulma/sass/helpers/_all.sass
Normal file
12
bulma/sass/helpers/_all.sass
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
/* Bulma Helpers */
|
||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "color"
|
||||||
|
@import "flexbox"
|
||||||
|
@import "float"
|
||||||
|
@import "other"
|
||||||
|
@import "overflow"
|
||||||
|
@import "position"
|
||||||
|
@import "spacing"
|
||||||
|
@import "typography"
|
||||||
|
@import "visibility"
|
||||||
39
bulma/sass/helpers/color.sass
Normal file
39
bulma/sass/helpers/color.sass
Normal file
|
|
@ -0,0 +1,39 @@
|
||||||
|
@import "../utilities/derived-variables"
|
||||||
|
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
.has-text-#{$name}
|
||||||
|
color: $color !important
|
||||||
|
a.has-text-#{$name}
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
color: bulmaDarken($color, 10%) !important
|
||||||
|
.has-background-#{$name}
|
||||||
|
background-color: $color !important
|
||||||
|
@if length($pair) >= 4
|
||||||
|
$color-light: nth($pair, 3)
|
||||||
|
$color-dark: nth($pair, 4)
|
||||||
|
// Light
|
||||||
|
.has-text-#{$name}-light
|
||||||
|
color: $color-light !important
|
||||||
|
a.has-text-#{$name}-light
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
color: bulmaDarken($color-light, 10%) !important
|
||||||
|
.has-background-#{$name}-light
|
||||||
|
background-color: $color-light !important
|
||||||
|
// Dark
|
||||||
|
.has-text-#{$name}-dark
|
||||||
|
color: $color-dark !important
|
||||||
|
a.has-text-#{$name}-dark
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
color: bulmaLighten($color-dark, 10%) !important
|
||||||
|
.has-background-#{$name}-dark
|
||||||
|
background-color: $color-dark !important
|
||||||
|
|
||||||
|
@each $name, $shade in $shades
|
||||||
|
.has-text-#{$name}
|
||||||
|
color: $shade !important
|
||||||
|
.has-background-#{$name}
|
||||||
|
background-color: $shade !important
|
||||||
35
bulma/sass/helpers/flexbox.sass
Normal file
35
bulma/sass/helpers/flexbox.sass
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
$flex-direction-values: row, row-reverse, column, column-reverse
|
||||||
|
@each $value in $flex-direction-values
|
||||||
|
.is-flex-direction-#{$value}
|
||||||
|
flex-direction: $value !important
|
||||||
|
|
||||||
|
$flex-wrap-values: nowrap, wrap, wrap-reverse
|
||||||
|
@each $value in $flex-wrap-values
|
||||||
|
.is-flex-wrap-#{$value}
|
||||||
|
flex-wrap: $value !important
|
||||||
|
|
||||||
|
$justify-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, start, end, left, right
|
||||||
|
@each $value in $justify-content-values
|
||||||
|
.is-justify-content-#{$value}
|
||||||
|
justify-content: $value !important
|
||||||
|
|
||||||
|
$align-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, stretch, start, end, baseline
|
||||||
|
@each $value in $align-content-values
|
||||||
|
.is-align-content-#{$value}
|
||||||
|
align-content: $value !important
|
||||||
|
|
||||||
|
$align-items-values: stretch, flex-start, flex-end, center, baseline, start, end, self-start, self-end
|
||||||
|
@each $value in $align-items-values
|
||||||
|
.is-align-items-#{$value}
|
||||||
|
align-items: $value !important
|
||||||
|
|
||||||
|
$align-self-values: auto, flex-start, flex-end, center, baseline, stretch
|
||||||
|
@each $value in $align-self-values
|
||||||
|
.is-align-self-#{$value}
|
||||||
|
align-self: $value !important
|
||||||
|
|
||||||
|
$flex-operators: grow, shrink
|
||||||
|
@each $operator in $flex-operators
|
||||||
|
@for $i from 0 through 5
|
||||||
|
.is-flex-#{$operator}-#{$i}
|
||||||
|
flex-#{$operator}: $i !important
|
||||||
10
bulma/sass/helpers/float.sass
Normal file
10
bulma/sass/helpers/float.sass
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
.is-clearfix
|
||||||
|
+clearfix
|
||||||
|
|
||||||
|
.is-pulled-left
|
||||||
|
float: left !important
|
||||||
|
|
||||||
|
.is-pulled-right
|
||||||
|
float: right !important
|
||||||
14
bulma/sass/helpers/other.sass
Normal file
14
bulma/sass/helpers/other.sass
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
.is-radiusless
|
||||||
|
border-radius: 0 !important
|
||||||
|
|
||||||
|
.is-shadowless
|
||||||
|
box-shadow: none !important
|
||||||
|
|
||||||
|
.is-clickable
|
||||||
|
cursor: pointer !important
|
||||||
|
pointer-events: all !important
|
||||||
|
|
||||||
|
.is-unselectable
|
||||||
|
@extend %unselectable
|
||||||
2
bulma/sass/helpers/overflow.sass
Normal file
2
bulma/sass/helpers/overflow.sass
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
.is-clipped
|
||||||
|
overflow: hidden !important
|
||||||
7
bulma/sass/helpers/position.sass
Normal file
7
bulma/sass/helpers/position.sass
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
.is-overlay
|
||||||
|
@extend %overlay
|
||||||
|
|
||||||
|
.is-relative
|
||||||
|
position: relative !important
|
||||||
31
bulma/sass/helpers/spacing.sass
Normal file
31
bulma/sass/helpers/spacing.sass
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
.is-marginless
|
||||||
|
margin: 0 !important
|
||||||
|
|
||||||
|
.is-paddingless
|
||||||
|
padding: 0 !important
|
||||||
|
|
||||||
|
$spacing-shortcuts: ("margin": "m", "padding": "p") !default
|
||||||
|
$spacing-directions: ("top": "t", "right": "r", "bottom": "b", "left": "l") !default
|
||||||
|
$spacing-horizontal: "x" !default
|
||||||
|
$spacing-vertical: "y" !default
|
||||||
|
$spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5": 1.5rem, "6": 3rem, "auto": auto) !default
|
||||||
|
|
||||||
|
@each $property, $shortcut in $spacing-shortcuts
|
||||||
|
@each $name, $value in $spacing-values
|
||||||
|
// All directions
|
||||||
|
.#{$shortcut}-#{$name}
|
||||||
|
#{$property}: $value !important
|
||||||
|
// Cardinal directions
|
||||||
|
@each $direction, $suffix in $spacing-directions
|
||||||
|
.#{$shortcut}#{$suffix}-#{$name}
|
||||||
|
#{$property}-#{$direction}: $value !important
|
||||||
|
// Horizontal axis
|
||||||
|
@if $spacing-horizontal != null
|
||||||
|
.#{$shortcut}#{$spacing-horizontal}-#{$name}
|
||||||
|
#{$property}-left: $value !important
|
||||||
|
#{$property}-right: $value !important
|
||||||
|
// Vertical axis
|
||||||
|
@if $spacing-vertical != null
|
||||||
|
.#{$shortcut}#{$spacing-vertical}-#{$name}
|
||||||
|
#{$property}-top: $value !important
|
||||||
|
#{$property}-bottom: $value !important
|
||||||
103
bulma/sass/helpers/typography.sass
Normal file
103
bulma/sass/helpers/typography.sass
Normal file
|
|
@ -0,0 +1,103 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
=typography-size($target:'')
|
||||||
|
@each $size in $sizes
|
||||||
|
$i: index($sizes, $size)
|
||||||
|
.is-size-#{$i}#{if($target == '', '', '-' + $target)}
|
||||||
|
font-size: $size !important
|
||||||
|
|
||||||
|
+typography-size()
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
+typography-size('mobile')
|
||||||
|
|
||||||
|
+tablet
|
||||||
|
+typography-size('tablet')
|
||||||
|
|
||||||
|
+touch
|
||||||
|
+typography-size('touch')
|
||||||
|
|
||||||
|
+desktop
|
||||||
|
+typography-size('desktop')
|
||||||
|
|
||||||
|
+widescreen
|
||||||
|
+typography-size('widescreen')
|
||||||
|
|
||||||
|
+fullhd
|
||||||
|
+typography-size('fullhd')
|
||||||
|
|
||||||
|
$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
|
||||||
|
|
||||||
|
@each $alignment, $text-align in $alignments
|
||||||
|
.has-text-#{$alignment}
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
|
||||||
|
@each $alignment, $text-align in $alignments
|
||||||
|
+mobile
|
||||||
|
.has-text-#{$alignment}-mobile
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+tablet
|
||||||
|
.has-text-#{$alignment}-tablet
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+tablet-only
|
||||||
|
.has-text-#{$alignment}-tablet-only
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+touch
|
||||||
|
.has-text-#{$alignment}-touch
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+desktop
|
||||||
|
.has-text-#{$alignment}-desktop
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+desktop-only
|
||||||
|
.has-text-#{$alignment}-desktop-only
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+widescreen
|
||||||
|
.has-text-#{$alignment}-widescreen
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+widescreen-only
|
||||||
|
.has-text-#{$alignment}-widescreen-only
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+fullhd
|
||||||
|
.has-text-#{$alignment}-fullhd
|
||||||
|
text-align: #{$text-align} !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
|
||||||
|
|
||||||
|
.is-underlined
|
||||||
|
text-decoration: underline !important
|
||||||
|
|
||||||
|
.has-text-weight-light
|
||||||
|
font-weight: $weight-light !important
|
||||||
|
.has-text-weight-normal
|
||||||
|
font-weight: $weight-normal !important
|
||||||
|
.has-text-weight-medium
|
||||||
|
font-weight: $weight-medium !important
|
||||||
|
.has-text-weight-semibold
|
||||||
|
font-weight: $weight-semibold !important
|
||||||
|
.has-text-weight-bold
|
||||||
|
font-weight: $weight-bold !important
|
||||||
|
|
||||||
|
.is-family-primary
|
||||||
|
font-family: $family-primary !important
|
||||||
|
|
||||||
|
.is-family-secondary
|
||||||
|
font-family: $family-secondary !important
|
||||||
|
|
||||||
|
.is-family-sans-serif
|
||||||
|
font-family: $family-sans-serif !important
|
||||||
|
|
||||||
|
.is-family-monospace
|
||||||
|
font-family: $family-monospace !important
|
||||||
|
|
||||||
|
.is-family-code
|
||||||
|
font-family: $family-code !important
|
||||||
122
bulma/sass/helpers/visibility.sass
Normal file
122
bulma/sass/helpers/visibility.sass
Normal file
|
|
@ -0,0 +1,122 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
||||||
|
|
||||||
|
@each $display in $displays
|
||||||
|
.is-#{$display}
|
||||||
|
display: #{$display} !important
|
||||||
|
+mobile
|
||||||
|
.is-#{$display}-mobile
|
||||||
|
display: #{$display} !important
|
||||||
|
+tablet
|
||||||
|
.is-#{$display}-tablet
|
||||||
|
display: #{$display} !important
|
||||||
|
+tablet-only
|
||||||
|
.is-#{$display}-tablet-only
|
||||||
|
display: #{$display} !important
|
||||||
|
+touch
|
||||||
|
.is-#{$display}-touch
|
||||||
|
display: #{$display} !important
|
||||||
|
+desktop
|
||||||
|
.is-#{$display}-desktop
|
||||||
|
display: #{$display} !important
|
||||||
|
+desktop-only
|
||||||
|
.is-#{$display}-desktop-only
|
||||||
|
display: #{$display} !important
|
||||||
|
+widescreen
|
||||||
|
.is-#{$display}-widescreen
|
||||||
|
display: #{$display} !important
|
||||||
|
+widescreen-only
|
||||||
|
.is-#{$display}-widescreen-only
|
||||||
|
display: #{$display} !important
|
||||||
|
+fullhd
|
||||||
|
.is-#{$display}-fullhd
|
||||||
|
display: #{$display} !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
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
.is-hidden-mobile
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+tablet
|
||||||
|
.is-hidden-tablet
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+tablet-only
|
||||||
|
.is-hidden-tablet-only
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+touch
|
||||||
|
.is-hidden-touch
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+desktop
|
||||||
|
.is-hidden-desktop
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+desktop-only
|
||||||
|
.is-hidden-desktop-only
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+widescreen
|
||||||
|
.is-hidden-widescreen
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+widescreen-only
|
||||||
|
.is-hidden-widescreen-only
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+fullhd
|
||||||
|
.is-hidden-fullhd
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
.is-invisible
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
.is-invisible-mobile
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+tablet
|
||||||
|
.is-invisible-tablet
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+tablet-only
|
||||||
|
.is-invisible-tablet-only
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+touch
|
||||||
|
.is-invisible-touch
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+desktop
|
||||||
|
.is-invisible-desktop
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+desktop-only
|
||||||
|
.is-invisible-desktop-only
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+widescreen
|
||||||
|
.is-invisible-widescreen
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+widescreen-only
|
||||||
|
.is-invisible-widescreen-only
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+fullhd
|
||||||
|
.is-invisible-fullhd
|
||||||
|
visibility: hidden !important
|
||||||
6
bulma/sass/layout/_all.sass
Normal file
6
bulma/sass/layout/_all.sass
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
/* Bulma Layout */
|
||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "hero"
|
||||||
|
@import "section"
|
||||||
|
@import "footer"
|
||||||
11
bulma/sass/layout/footer.sass
Normal file
11
bulma/sass/layout/footer.sass
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
@import "../utilities/derived-variables"
|
||||||
|
|
||||||
|
$footer-background-color: $scheme-main-bis !default
|
||||||
|
$footer-color: false !default
|
||||||
|
$footer-padding: 3rem 1.5rem 6rem !default
|
||||||
|
|
||||||
|
.footer
|
||||||
|
background-color: $footer-background-color
|
||||||
|
padding: $footer-padding
|
||||||
|
@if $footer-color
|
||||||
|
color: $footer-color
|
||||||
153
bulma/sass/layout/hero.sass
Normal file
153
bulma/sass/layout/hero.sass
Normal file
|
|
@ -0,0 +1,153 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$hero-body-padding: 3rem 1.5rem !default
|
||||||
|
$hero-body-padding-tablet: 3rem 3rem !default
|
||||||
|
$hero-body-padding-small: 1.5rem !default
|
||||||
|
$hero-body-padding-medium: 9rem 4.5rem !default
|
||||||
|
$hero-body-padding-large: 18rem 6rem !default
|
||||||
|
|
||||||
|
$hero-colors: $colors !default
|
||||||
|
|
||||||
|
// Main container
|
||||||
|
.hero
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
justify-content: space-between
|
||||||
|
.navbar
|
||||||
|
background: none
|
||||||
|
.tabs
|
||||||
|
ul
|
||||||
|
border-bottom: none
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $hero-colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||||||
|
strong
|
||||||
|
color: inherit
|
||||||
|
.title
|
||||||
|
color: $color-invert
|
||||||
|
.subtitle
|
||||||
|
color: bulmaRgba($color-invert, 0.9)
|
||||||
|
a:not(.button),
|
||||||
|
strong
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-menu
|
||||||
|
+touch
|
||||||
|
background-color: $color
|
||||||
|
.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
color: bulmaRgba($color-invert, 0.7)
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: bulmaDarken($color, 5%)
|
||||||
|
color: $color-invert
|
||||||
|
.tabs
|
||||||
|
a
|
||||||
|
color: $color-invert
|
||||||
|
opacity: 0.9
|
||||||
|
&:hover
|
||||||
|
opacity: 1
|
||||||
|
li
|
||||||
|
&.is-active a
|
||||||
|
color: $color !important
|
||||||
|
opacity: 1
|
||||||
|
&.is-boxed,
|
||||||
|
&.is-toggle
|
||||||
|
a
|
||||||
|
color: $color-invert
|
||||||
|
&:hover
|
||||||
|
background-color: bulmaRgba($scheme-invert, 0.1)
|
||||||
|
li.is-active a
|
||||||
|
&,
|
||||||
|
&:hover
|
||||||
|
background-color: $color-invert
|
||||||
|
border-color: $color-invert
|
||||||
|
color: $color
|
||||||
|
// Modifiers
|
||||||
|
@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
|
||||||
|
padding: $hero-body-padding-small
|
||||||
|
&.is-medium
|
||||||
|
+tablet
|
||||||
|
.hero-body
|
||||||
|
padding: $hero-body-padding-medium
|
||||||
|
&.is-large
|
||||||
|
+tablet
|
||||||
|
.hero-body
|
||||||
|
padding: $hero-body-padding-large
|
||||||
|
&.is-halfheight,
|
||||||
|
&.is-fullheight,
|
||||||
|
&.is-fullheight-with-navbar
|
||||||
|
.hero-body
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
& > .container
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
&.is-halfheight
|
||||||
|
min-height: 50vh
|
||||||
|
&.is-fullheight
|
||||||
|
min-height: 100vh
|
||||||
|
|
||||||
|
// Components
|
||||||
|
|
||||||
|
.hero-video
|
||||||
|
@extend %overlay
|
||||||
|
overflow: hidden
|
||||||
|
video
|
||||||
|
left: 50%
|
||||||
|
min-height: 100%
|
||||||
|
min-width: 100%
|
||||||
|
position: absolute
|
||||||
|
top: 50%
|
||||||
|
transform: translate3d(-50%, -50%, 0)
|
||||||
|
// Modifiers
|
||||||
|
&.is-transparent
|
||||||
|
opacity: 0.3
|
||||||
|
// Responsiveness
|
||||||
|
+mobile
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.hero-buttons
|
||||||
|
margin-top: 1.5rem
|
||||||
|
// Responsiveness
|
||||||
|
+mobile
|
||||||
|
.button
|
||||||
|
display: flex
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0.75rem
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
.button:not(:last-child)
|
||||||
|
+ltr-property("margin", 1.5rem)
|
||||||
|
|
||||||
|
// Containers
|
||||||
|
|
||||||
|
.hero-head,
|
||||||
|
.hero-foot
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
|
||||||
|
.hero-body
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
padding: $hero-body-padding
|
||||||
|
+tablet
|
||||||
|
padding: $hero-body-padding-tablet
|
||||||
17
bulma/sass/layout/section.sass
Normal file
17
bulma/sass/layout/section.sass
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
@import "../utilities/mixins"
|
||||||
|
|
||||||
|
$section-padding: 3rem 1.5rem !default
|
||||||
|
$section-padding-desktop: 3rem 3rem !default
|
||||||
|
$section-padding-medium: 9rem 4.5rem !default
|
||||||
|
$section-padding-large: 18rem 6rem !default
|
||||||
|
|
||||||
|
.section
|
||||||
|
padding: $section-padding
|
||||||
|
// Responsiveness
|
||||||
|
+desktop
|
||||||
|
padding: $section-padding-desktop
|
||||||
|
// Sizes
|
||||||
|
&.is-medium
|
||||||
|
padding: $section-padding-medium
|
||||||
|
&.is-large
|
||||||
|
padding: $section-padding-large
|
||||||
9
bulma/sass/utilities/_all.sass
Normal file
9
bulma/sass/utilities/_all.sass
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
/* Bulma Utilities */
|
||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "initial-variables"
|
||||||
|
@import "functions"
|
||||||
|
@import "derived-variables"
|
||||||
|
@import "mixins"
|
||||||
|
@import "controls"
|
||||||
|
@import "extends"
|
||||||
1
bulma/sass/utilities/animations.sass
Normal file
1
bulma/sass/utilities/animations.sass
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
@warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead."
|
||||||
49
bulma/sass/utilities/controls.sass
Normal file
49
bulma/sass/utilities/controls.sass
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
@import "derived-variables"
|
||||||
|
|
||||||
|
$control-radius: $radius !default
|
||||||
|
$control-radius-small: $radius-small !default
|
||||||
|
|
||||||
|
$control-border-width: 1px !default
|
||||||
|
|
||||||
|
$control-height: 2.5em !default
|
||||||
|
$control-line-height: 1.5 !default
|
||||||
|
|
||||||
|
$control-padding-vertical: calc(0.5em - #{$control-border-width}) !default
|
||||||
|
$control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
|
||||||
|
|
||||||
|
=control
|
||||||
|
-moz-appearance: none
|
||||||
|
-webkit-appearance: none
|
||||||
|
align-items: center
|
||||||
|
border: $control-border-width solid transparent
|
||||||
|
border-radius: $control-radius
|
||||||
|
box-shadow: none
|
||||||
|
display: inline-flex
|
||||||
|
font-size: $size-normal
|
||||||
|
height: $control-height
|
||||||
|
justify-content: flex-start
|
||||||
|
line-height: $control-line-height
|
||||||
|
padding-bottom: $control-padding-vertical
|
||||||
|
padding-left: $control-padding-horizontal
|
||||||
|
padding-right: $control-padding-horizontal
|
||||||
|
padding-top: $control-padding-vertical
|
||||||
|
position: relative
|
||||||
|
vertical-align: top
|
||||||
|
// States
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
outline: none
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] &
|
||||||
|
cursor: not-allowed
|
||||||
|
|
||||||
|
// The controls sizes use mixins so they can be used at different breakpoints
|
||||||
|
=control-small
|
||||||
|
border-radius: $control-radius-small
|
||||||
|
font-size: $size-small
|
||||||
|
=control-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
=control-large
|
||||||
|
font-size: $size-large
|
||||||
114
bulma/sass/utilities/derived-variables.sass
Normal file
114
bulma/sass/utilities/derived-variables.sass
Normal file
|
|
@ -0,0 +1,114 @@
|
||||||
|
@import "initial-variables"
|
||||||
|
@import "functions"
|
||||||
|
|
||||||
|
$primary: $turquoise !default
|
||||||
|
|
||||||
|
$info: $cyan !default
|
||||||
|
$success: $green !default
|
||||||
|
$warning: $yellow !default
|
||||||
|
$danger: $red !default
|
||||||
|
|
||||||
|
$light: $white-ter !default
|
||||||
|
$dark: $grey-darker !default
|
||||||
|
|
||||||
|
// Invert colors
|
||||||
|
|
||||||
|
$orange-invert: findColorInvert($orange) !default
|
||||||
|
$yellow-invert: findColorInvert($yellow) !default
|
||||||
|
$green-invert: findColorInvert($green) !default
|
||||||
|
$turquoise-invert: findColorInvert($turquoise) !default
|
||||||
|
$cyan-invert: findColorInvert($cyan) !default
|
||||||
|
$blue-invert: findColorInvert($blue) !default
|
||||||
|
$purple-invert: findColorInvert($purple) !default
|
||||||
|
$red-invert: findColorInvert($red) !default
|
||||||
|
|
||||||
|
$primary-invert: findColorInvert($primary) !default
|
||||||
|
$primary-light: findLightColor($primary) !default
|
||||||
|
$primary-dark: findDarkColor($primary) !default
|
||||||
|
$info-invert: findColorInvert($info) !default
|
||||||
|
$info-light: findLightColor($info) !default
|
||||||
|
$info-dark: findDarkColor($info) !default
|
||||||
|
$success-invert: findColorInvert($success) !default
|
||||||
|
$success-light: findLightColor($success) !default
|
||||||
|
$success-dark: findDarkColor($success) !default
|
||||||
|
$warning-invert: findColorInvert($warning) !default
|
||||||
|
$warning-light: findLightColor($warning) !default
|
||||||
|
$warning-dark: findDarkColor($warning) !default
|
||||||
|
$danger-invert: findColorInvert($danger) !default
|
||||||
|
$danger-light: findLightColor($danger) !default
|
||||||
|
$danger-dark: findDarkColor($danger) !default
|
||||||
|
$light-invert: findColorInvert($light) !default
|
||||||
|
$dark-invert: findColorInvert($dark) !default
|
||||||
|
|
||||||
|
// General colors
|
||||||
|
|
||||||
|
$scheme-main: $white !default
|
||||||
|
$scheme-main-bis: $white-bis !default
|
||||||
|
$scheme-main-ter: $white-ter !default
|
||||||
|
$scheme-invert: $black !default
|
||||||
|
$scheme-invert-bis: $black-bis !default
|
||||||
|
$scheme-invert-ter: $black-ter !default
|
||||||
|
|
||||||
|
$background: $white-ter !default
|
||||||
|
|
||||||
|
$border: $grey-lighter !default
|
||||||
|
$border-hover: $grey-light !default
|
||||||
|
$border-light: $grey-lightest !default
|
||||||
|
$border-light-hover: $grey-light !default
|
||||||
|
|
||||||
|
// Text colors
|
||||||
|
|
||||||
|
$text: $grey-dark !default
|
||||||
|
$text-invert: findColorInvert($text) !default
|
||||||
|
$text-light: $grey !default
|
||||||
|
$text-strong: $grey-darker !default
|
||||||
|
|
||||||
|
// Code colors
|
||||||
|
|
||||||
|
$code: darken($red, 15%) !default
|
||||||
|
$code-background: $background !default
|
||||||
|
|
||||||
|
$pre: $text !default
|
||||||
|
$pre-background: $background !default
|
||||||
|
|
||||||
|
// Link colors
|
||||||
|
|
||||||
|
$link: $blue !default
|
||||||
|
$link-invert: findColorInvert($link) !default
|
||||||
|
$link-light: findLightColor($link) !default
|
||||||
|
$link-dark: findDarkColor($link) !default
|
||||||
|
$link-visited: $purple !default
|
||||||
|
|
||||||
|
$link-hover: $grey-darker !default
|
||||||
|
$link-hover-border: $grey-light !default
|
||||||
|
|
||||||
|
$link-focus: $grey-darker !default
|
||||||
|
$link-focus-border: $blue !default
|
||||||
|
|
||||||
|
$link-active: $grey-darker !default
|
||||||
|
$link-active-border: $grey-dark !default
|
||||||
|
|
||||||
|
// Typography
|
||||||
|
|
||||||
|
$family-primary: $family-sans-serif !default
|
||||||
|
$family-secondary: $family-sans-serif !default
|
||||||
|
$family-code: $family-monospace !default
|
||||||
|
|
||||||
|
$size-small: $size-7 !default
|
||||||
|
$size-normal: $size-6 !default
|
||||||
|
$size-medium: $size-5 !default
|
||||||
|
$size-large: $size-4 !default
|
||||||
|
|
||||||
|
// Effects
|
||||||
|
|
||||||
|
$shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
|
||||||
|
|
||||||
|
// Lists and maps
|
||||||
|
$custom-colors: null !default
|
||||||
|
$custom-shades: null !default
|
||||||
|
|
||||||
|
$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors) !default
|
||||||
|
|
||||||
|
$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default
|
||||||
|
|
||||||
|
$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default
|
||||||
25
bulma/sass/utilities/extends.sass
Normal file
25
bulma/sass/utilities/extends.sass
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
@import "mixins"
|
||||||
|
|
||||||
|
%control
|
||||||
|
+control
|
||||||
|
|
||||||
|
%unselectable
|
||||||
|
+unselectable
|
||||||
|
|
||||||
|
%arrow
|
||||||
|
+arrow
|
||||||
|
|
||||||
|
%block
|
||||||
|
+block
|
||||||
|
|
||||||
|
%delete
|
||||||
|
+delete
|
||||||
|
|
||||||
|
%loader
|
||||||
|
+loader
|
||||||
|
|
||||||
|
%overlay
|
||||||
|
+overlay
|
||||||
|
|
||||||
|
%reset
|
||||||
|
+reset
|
||||||
135
bulma/sass/utilities/functions.sass
Normal file
135
bulma/sass/utilities/functions.sass
Normal file
|
|
@ -0,0 +1,135 @@
|
||||||
|
@function mergeColorMaps($bulma-colors, $custom-colors)
|
||||||
|
// We return at least Bulma's hard-coded colors
|
||||||
|
$merged-colors: $bulma-colors
|
||||||
|
|
||||||
|
// We want a map as input
|
||||||
|
@if type-of($custom-colors) == 'map'
|
||||||
|
@each $name, $components in $custom-colors
|
||||||
|
// The color name should be a string
|
||||||
|
// and the components either a single color
|
||||||
|
// or a colors list with at least one element
|
||||||
|
@if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
|
||||||
|
$color-base: null
|
||||||
|
$color-invert: null
|
||||||
|
$color-light: null
|
||||||
|
$color-dark: null
|
||||||
|
$value: null
|
||||||
|
|
||||||
|
// The param can either be a single color
|
||||||
|
// or a list of 2 colors
|
||||||
|
@if type-of($components) == 'color'
|
||||||
|
$color-base: $components
|
||||||
|
$color-invert: findColorInvert($color-base)
|
||||||
|
$color-light: findLightColor($color-base)
|
||||||
|
$color-dark: findDarkColor($color-base)
|
||||||
|
@else if type-of($components) == 'list'
|
||||||
|
$color-base: nth($components, 1)
|
||||||
|
// If Invert, Light and Dark are provided
|
||||||
|
@if length($components) > 3
|
||||||
|
$color-invert: nth($components, 2)
|
||||||
|
$color-light: nth($components, 3)
|
||||||
|
$color-dark: nth($components, 4)
|
||||||
|
// If only Invert and Light are provided
|
||||||
|
@else if length($components) > 2
|
||||||
|
$color-invert: nth($components, 2)
|
||||||
|
$color-light: nth($components, 3)
|
||||||
|
$color-dark: findDarkColor($color-base)
|
||||||
|
// If only Invert is provided
|
||||||
|
@else
|
||||||
|
$color-invert: nth($components, 2)
|
||||||
|
$color-light: findLightColor($color-base)
|
||||||
|
$color-dark: findDarkColor($color-base)
|
||||||
|
|
||||||
|
$value: ($color-base, $color-invert, $color-light, $color-dark)
|
||||||
|
|
||||||
|
// We only want to merge the map if the color base is an actual color
|
||||||
|
@if type-of($color-base) == 'color'
|
||||||
|
// We merge this colors elements as map with Bulma's colors map
|
||||||
|
// (we can override them this way, no multiple definition for the same name)
|
||||||
|
// $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert, $color-light, $color-dark)))
|
||||||
|
$merged-colors: map_merge($merged-colors, ($name: $value))
|
||||||
|
|
||||||
|
@return $merged-colors
|
||||||
|
|
||||||
|
@function powerNumber($number, $exp)
|
||||||
|
$value: 1
|
||||||
|
@if $exp > 0
|
||||||
|
@for $i from 1 through $exp
|
||||||
|
$value: $value * $number
|
||||||
|
@else if $exp < 0
|
||||||
|
@for $i from 1 through -$exp
|
||||||
|
$value: divide($value, $number)
|
||||||
|
@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
|
||||||
|
$value: divide($value, 255)
|
||||||
|
@if $value < 0.03928
|
||||||
|
$value: divide($value, 12.92)
|
||||||
|
@else
|
||||||
|
$value: divide(($value + .055), 1.055)
|
||||||
|
$value: powerNumber($value, 2)
|
||||||
|
$color-rgb: map-merge($color-rgb, ($name: $value))
|
||||||
|
@return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
|
||||||
|
|
||||||
|
@function findColorInvert($color)
|
||||||
|
@if (colorLuminance($color) > 0.55)
|
||||||
|
@return rgba(#000, 0.7)
|
||||||
|
@else
|
||||||
|
@return #fff
|
||||||
|
|
||||||
|
@function findLightColor($color, $l: 96%)
|
||||||
|
@if type-of($color) == 'color'
|
||||||
|
$l: 96%
|
||||||
|
@if lightness($color) > 96%
|
||||||
|
$l: lightness($color)
|
||||||
|
@return change-color($color, $lightness: $l)
|
||||||
|
@return $background
|
||||||
|
|
||||||
|
@function findDarkColor($color, $base-l: 29%)
|
||||||
|
@if type-of($color) == 'color'
|
||||||
|
$luminance: colorLuminance($color)
|
||||||
|
$luminance-delta: (0.53 - $luminance)
|
||||||
|
$target-l: round($base-l + ($luminance-delta * 53))
|
||||||
|
@return change-color($color, $lightness: max($base-l, $target-l))
|
||||||
|
@return $text-strong
|
||||||
|
|
||||||
|
@function bulmaRgba($color, $alpha)
|
||||||
|
@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)
|
||||||
|
|
||||||
|
@function bulmaLighten($color, $amount)
|
||||||
|
@if type-of($color) != 'color'
|
||||||
|
@return $color
|
||||||
|
@return lighten($color, $amount)
|
||||||
|
|
||||||
|
// Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
|
||||||
|
// Replaces old slash division deprecated in Dart Sass
|
||||||
|
@function divide($dividend, $divisor, $precision: 10)
|
||||||
|
$sign: if($dividend > 0 and $divisor > 0, 1, -1)
|
||||||
|
$dividend: abs($dividend)
|
||||||
|
$divisor: abs($divisor)
|
||||||
|
$quotient: 0
|
||||||
|
$remainder: $dividend
|
||||||
|
@if $dividend == 0
|
||||||
|
@return 0
|
||||||
|
@if $divisor == 0
|
||||||
|
@error "Cannot divide by 0"
|
||||||
|
@if $divisor == 1
|
||||||
|
@return $dividend
|
||||||
|
@while $remainder >= $divisor
|
||||||
|
$quotient: $quotient + 1
|
||||||
|
$remainder: $remainder - $divisor
|
||||||
|
@if $remainder > 0 and $precision > 0
|
||||||
|
$remainder: divide($remainder * 10, $divisor, $precision - 1) * .1
|
||||||
|
@return ($quotient + $remainder) * $sign
|
||||||
79
bulma/sass/utilities/initial-variables.sass
Normal file
79
bulma/sass/utilities/initial-variables.sass
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
// Colors
|
||||||
|
|
||||||
|
$black: hsl(0, 0%, 4%) !default
|
||||||
|
$black-bis: hsl(0, 0%, 7%) !default
|
||||||
|
$black-ter: hsl(0, 0%, 14%) !default
|
||||||
|
|
||||||
|
$grey-darker: hsl(0, 0%, 21%) !default
|
||||||
|
$grey-dark: hsl(0, 0%, 29%) !default
|
||||||
|
$grey: hsl(0, 0%, 48%) !default
|
||||||
|
$grey-light: hsl(0, 0%, 71%) !default
|
||||||
|
$grey-lighter: hsl(0, 0%, 86%) !default
|
||||||
|
$grey-lightest: hsl(0, 0%, 93%) !default
|
||||||
|
|
||||||
|
$white-ter: hsl(0, 0%, 96%) !default
|
||||||
|
$white-bis: hsl(0, 0%, 98%) !default
|
||||||
|
$white: hsl(0, 0%, 100%) !default
|
||||||
|
|
||||||
|
$orange: hsl(14, 100%, 53%) !default
|
||||||
|
$yellow: hsl(44, 100%, 77%) !default
|
||||||
|
$green: hsl(153, 53%, 53%) !default
|
||||||
|
$turquoise: hsl(171, 100%, 41%) !default
|
||||||
|
$cyan: hsl(207, 61%, 53%) !default
|
||||||
|
$blue: hsl(229, 53%, 53%) !default
|
||||||
|
$purple: hsl(271, 100%, 71%) !default
|
||||||
|
$red: hsl(348, 86%, 61%) !default
|
||||||
|
|
||||||
|
// Typography
|
||||||
|
|
||||||
|
$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
|
||||||
|
$family-monospace: monospace !default
|
||||||
|
$render-mode: optimizeLegibility !default
|
||||||
|
|
||||||
|
$size-1: 3rem !default
|
||||||
|
$size-2: 2.5rem !default
|
||||||
|
$size-3: 2rem !default
|
||||||
|
$size-4: 1.5rem !default
|
||||||
|
$size-5: 1.25rem !default
|
||||||
|
$size-6: 1rem !default
|
||||||
|
$size-7: 0.75rem !default
|
||||||
|
|
||||||
|
$weight-light: 300 !default
|
||||||
|
$weight-normal: 400 !default
|
||||||
|
$weight-medium: 500 !default
|
||||||
|
$weight-semibold: 600 !default
|
||||||
|
$weight-bold: 700 !default
|
||||||
|
|
||||||
|
// Spacing
|
||||||
|
|
||||||
|
$block-spacing: 1.5rem !default
|
||||||
|
|
||||||
|
// Responsiveness
|
||||||
|
|
||||||
|
// The container horizontal gap, which acts as the offset for breakpoints
|
||||||
|
$gap: 32px !default
|
||||||
|
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
|
||||||
|
$tablet: 769px !default
|
||||||
|
// 960px container + 4rem
|
||||||
|
$desktop: 960px + (2 * $gap) !default
|
||||||
|
// 1152px container + 4rem
|
||||||
|
$widescreen: 1152px + (2 * $gap) !default
|
||||||
|
$widescreen-enabled: true !default
|
||||||
|
// 1344px container + 4rem
|
||||||
|
$fullhd: 1344px + (2 * $gap) !default
|
||||||
|
$fullhd-enabled: true !default
|
||||||
|
$breakpoints: ("mobile": ("until": $tablet), "tablet": ("from": $tablet), "tablet-only": ("from": $tablet, "until": $desktop), "touch": ("from": $desktop), "desktop": ("from": $desktop), "desktop-only": ("from": $desktop, "until": $widescreen), "until-widescreen": ("until": $widescreen), "widescreen": ("from": $widescreen), "widescreen-only": ("from": $widescreen, "until": $fullhd), "until-fullhd": ("until": $fullhd), "fullhd": ("from": $fullhd)) !default
|
||||||
|
|
||||||
|
// Miscellaneous
|
||||||
|
|
||||||
|
$easing: ease-out !default
|
||||||
|
$radius-small: 2px !default
|
||||||
|
$radius: 4px !default
|
||||||
|
$radius-large: 6px !default
|
||||||
|
$radius-rounded: 9999px !default
|
||||||
|
$speed: 86ms !default
|
||||||
|
|
||||||
|
// Flags
|
||||||
|
|
||||||
|
$variable-columns: true !default
|
||||||
|
$rtl: false !default
|
||||||
303
bulma/sass/utilities/mixins.sass
Normal file
303
bulma/sass/utilities/mixins.sass
Normal file
|
|
@ -0,0 +1,303 @@
|
||||||
|
@import "derived-variables"
|
||||||
|
|
||||||
|
=clearfix
|
||||||
|
&::after
|
||||||
|
clear: both
|
||||||
|
content: " "
|
||||||
|
display: table
|
||||||
|
|
||||||
|
=center($width, $height: 0)
|
||||||
|
position: absolute
|
||||||
|
@if $height != 0
|
||||||
|
left: calc(50% - (#{$width} * 0.5))
|
||||||
|
top: calc(50% - (#{$height} * 0.5))
|
||||||
|
@else
|
||||||
|
left: calc(50% - (#{$width} * 0.5))
|
||||||
|
top: calc(50% - (#{$width} * 0.5))
|
||||||
|
|
||||||
|
=fa($size, $dimensions)
|
||||||
|
display: inline-block
|
||||||
|
font-size: $size
|
||||||
|
height: $dimensions
|
||||||
|
line-height: $dimensions
|
||||||
|
text-align: center
|
||||||
|
vertical-align: top
|
||||||
|
width: $dimensions
|
||||||
|
|
||||||
|
=hamburger($dimensions)
|
||||||
|
-moz-appearance: none
|
||||||
|
-webkit-appearance: none
|
||||||
|
appearance: none
|
||||||
|
background: none
|
||||||
|
border: none
|
||||||
|
cursor: pointer
|
||||||
|
display: block
|
||||||
|
height: $dimensions
|
||||||
|
position: relative
|
||||||
|
width: $dimensions
|
||||||
|
span
|
||||||
|
background-color: currentColor
|
||||||
|
display: block
|
||||||
|
height: 1px
|
||||||
|
left: calc(50% - 8px)
|
||||||
|
position: absolute
|
||||||
|
transform-origin: center
|
||||||
|
transition-duration: $speed
|
||||||
|
transition-property: background-color, opacity, transform
|
||||||
|
transition-timing-function: $easing
|
||||||
|
width: 16px
|
||||||
|
&:nth-child(1)
|
||||||
|
top: calc(50% - 6px)
|
||||||
|
&:nth-child(2)
|
||||||
|
top: calc(50% - 1px)
|
||||||
|
&:nth-child(3)
|
||||||
|
top: calc(50% + 4px)
|
||||||
|
&:hover
|
||||||
|
background-color: bulmaRgba(black, 0.05)
|
||||||
|
// Modifers
|
||||||
|
&.is-active
|
||||||
|
span
|
||||||
|
&:nth-child(1)
|
||||||
|
transform: translateY(5px) rotate(45deg)
|
||||||
|
&:nth-child(2)
|
||||||
|
opacity: 0
|
||||||
|
&:nth-child(3)
|
||||||
|
transform: translateY(-5px) rotate(-45deg)
|
||||||
|
|
||||||
|
=overflow-touch
|
||||||
|
-webkit-overflow-scrolling: touch
|
||||||
|
|
||||||
|
=placeholder
|
||||||
|
$placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
|
||||||
|
@each $placeholder in $placeholders
|
||||||
|
&:#{$placeholder}-placeholder
|
||||||
|
@content
|
||||||
|
|
||||||
|
=reset
|
||||||
|
-moz-appearance: none
|
||||||
|
-webkit-appearance: none
|
||||||
|
appearance: none
|
||||||
|
background: none
|
||||||
|
border: none
|
||||||
|
color: currentColor
|
||||||
|
font-family: inherit
|
||||||
|
font-size: 1em
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
// Responsiveness
|
||||||
|
|
||||||
|
=from($device)
|
||||||
|
@media screen and (min-width: $device)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=until($device)
|
||||||
|
@media screen and (max-width: $device - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=between($from, $until)
|
||||||
|
@media screen and (min-width: $from) and (max-width: $until - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=mobile
|
||||||
|
@media screen and (max-width: $tablet - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=tablet
|
||||||
|
@media screen and (min-width: $tablet), print
|
||||||
|
@content
|
||||||
|
|
||||||
|
=tablet-only
|
||||||
|
@media screen and (min-width: $tablet) and (max-width: $desktop - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=touch
|
||||||
|
@media screen and (max-width: $desktop - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=desktop
|
||||||
|
@media screen and (min-width: $desktop)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=desktop-only
|
||||||
|
@if $widescreen-enabled
|
||||||
|
@media screen and (min-width: $desktop) and (max-width: $widescreen - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=until-widescreen
|
||||||
|
@if $widescreen-enabled
|
||||||
|
@media screen and (max-width: $widescreen - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=widescreen
|
||||||
|
@if $widescreen-enabled
|
||||||
|
@media screen and (min-width: $widescreen)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=widescreen-only
|
||||||
|
@if $widescreen-enabled and $fullhd-enabled
|
||||||
|
@media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=until-fullhd
|
||||||
|
@if $fullhd-enabled
|
||||||
|
@media screen and (max-width: $fullhd - 1px)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=fullhd
|
||||||
|
@if $fullhd-enabled
|
||||||
|
@media screen and (min-width: $fullhd)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=breakpoint($name)
|
||||||
|
$breakpoint: map-get($breakpoints, $name)
|
||||||
|
@if $breakpoint
|
||||||
|
$from: map-get($breakpoint, "from")
|
||||||
|
$until: map-get($breakpoint, "until")
|
||||||
|
@if $from and $until
|
||||||
|
+between($from, $until)
|
||||||
|
@content
|
||||||
|
@else if $from
|
||||||
|
+from($from)
|
||||||
|
@content
|
||||||
|
@else if $until
|
||||||
|
+until($until)
|
||||||
|
@content
|
||||||
|
|
||||||
|
=ltr
|
||||||
|
@if not $rtl
|
||||||
|
@content
|
||||||
|
|
||||||
|
=rtl
|
||||||
|
@if $rtl
|
||||||
|
@content
|
||||||
|
|
||||||
|
=ltr-property($property, $spacing, $right: true)
|
||||||
|
$normal: if($right, "right", "left")
|
||||||
|
$opposite: if($right, "left", "right")
|
||||||
|
@if $rtl
|
||||||
|
#{$property}-#{$opposite}: $spacing
|
||||||
|
@else
|
||||||
|
#{$property}-#{$normal}: $spacing
|
||||||
|
|
||||||
|
=ltr-position($spacing, $right: true)
|
||||||
|
$normal: if($right, "right", "left")
|
||||||
|
$opposite: if($right, "left", "right")
|
||||||
|
@if $rtl
|
||||||
|
#{$opposite}: $spacing
|
||||||
|
@else
|
||||||
|
#{$normal}: $spacing
|
||||||
|
|
||||||
|
// Placeholders
|
||||||
|
|
||||||
|
=unselectable
|
||||||
|
-webkit-touch-callout: none
|
||||||
|
-webkit-user-select: none
|
||||||
|
-moz-user-select: none
|
||||||
|
-ms-user-select: none
|
||||||
|
user-select: none
|
||||||
|
|
||||||
|
=arrow($color: transparent)
|
||||||
|
border: 3px solid $color
|
||||||
|
border-radius: 2px
|
||||||
|
border-right: 0
|
||||||
|
border-top: 0
|
||||||
|
content: " "
|
||||||
|
display: block
|
||||||
|
height: 0.625em
|
||||||
|
margin-top: -0.4375em
|
||||||
|
pointer-events: none
|
||||||
|
position: absolute
|
||||||
|
top: 50%
|
||||||
|
transform: rotate(-45deg)
|
||||||
|
transform-origin: center
|
||||||
|
width: 0.625em
|
||||||
|
|
||||||
|
=block($spacing: $block-spacing)
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: $spacing
|
||||||
|
|
||||||
|
=delete
|
||||||
|
+unselectable
|
||||||
|
-moz-appearance: none
|
||||||
|
-webkit-appearance: none
|
||||||
|
background-color: bulmaRgba($scheme-invert, 0.2)
|
||||||
|
border: none
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
cursor: pointer
|
||||||
|
pointer-events: auto
|
||||||
|
display: inline-block
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
font-size: 0
|
||||||
|
height: 20px
|
||||||
|
max-height: 20px
|
||||||
|
max-width: 20px
|
||||||
|
min-height: 20px
|
||||||
|
min-width: 20px
|
||||||
|
outline: none
|
||||||
|
position: relative
|
||||||
|
vertical-align: top
|
||||||
|
width: 20px
|
||||||
|
&::before,
|
||||||
|
&::after
|
||||||
|
background-color: $scheme-main
|
||||||
|
content: ""
|
||||||
|
display: block
|
||||||
|
left: 50%
|
||||||
|
position: absolute
|
||||||
|
top: 50%
|
||||||
|
transform: translateX(-50%) translateY(-50%) rotate(45deg)
|
||||||
|
transform-origin: center center
|
||||||
|
&::before
|
||||||
|
height: 2px
|
||||||
|
width: 50%
|
||||||
|
&::after
|
||||||
|
height: 50%
|
||||||
|
width: 2px
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
background-color: bulmaRgba($scheme-invert, 0.3)
|
||||||
|
&:active
|
||||||
|
background-color: bulmaRgba($scheme-invert, 0.4)
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
height: 16px
|
||||||
|
max-height: 16px
|
||||||
|
max-width: 16px
|
||||||
|
min-height: 16px
|
||||||
|
min-width: 16px
|
||||||
|
width: 16px
|
||||||
|
&.is-medium
|
||||||
|
height: 24px
|
||||||
|
max-height: 24px
|
||||||
|
max-width: 24px
|
||||||
|
min-height: 24px
|
||||||
|
min-width: 24px
|
||||||
|
width: 24px
|
||||||
|
&.is-large
|
||||||
|
height: 32px
|
||||||
|
max-height: 32px
|
||||||
|
max-width: 32px
|
||||||
|
min-height: 32px
|
||||||
|
min-width: 32px
|
||||||
|
width: 32px
|
||||||
|
|
||||||
|
=loader
|
||||||
|
animation: spinAround 500ms infinite linear
|
||||||
|
border: 2px solid $grey-lighter
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
border-right-color: transparent
|
||||||
|
border-top-color: transparent
|
||||||
|
content: ""
|
||||||
|
display: block
|
||||||
|
height: 1em
|
||||||
|
position: relative
|
||||||
|
width: 1em
|
||||||
|
|
||||||
|
=overlay($offset: 0)
|
||||||
|
bottom: $offset
|
||||||
|
left: $offset
|
||||||
|
position: absolute
|
||||||
|
right: $offset
|
||||||
|
top: $offset
|
||||||
29
config.toml
Normal file
29
config.toml
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
|
||||||
|
# The URL the site will be built for
|
||||||
|
base_url = "/blog"
|
||||||
|
|
||||||
|
# Whether to automatically compile all Sass files in the sass directory
|
||||||
|
compile_sass = true
|
||||||
|
|
||||||
|
default_language = "fr"
|
||||||
|
|
||||||
|
# Whether to build a search index to be used later on by a JavaScript library
|
||||||
|
build_search_index = true
|
||||||
|
ignored_content = ["*.kate-swp"]
|
||||||
|
|
||||||
|
taxonomies = [
|
||||||
|
{ name = "Categorie", feed = true, paginate_by = 9},
|
||||||
|
]
|
||||||
|
|
||||||
|
[markdown]
|
||||||
|
# Whether to do syntax highlighting
|
||||||
|
# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
|
||||||
|
highlight_code = true
|
||||||
|
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
# Put all your custom variables here
|
||||||
|
friend_sites = [
|
||||||
|
{ name = "chosto", url = "https://blog.chosto.me" },
|
||||||
|
{ name = "deuxfleurs", url = "https://plume.deuxfleurs.fr/" },
|
||||||
|
]
|
||||||
9
content/_index.md
Normal file
9
content/_index.md
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
+++
|
||||||
|
title = "List of blog posts"
|
||||||
|
sort_by = "date"
|
||||||
|
template = "index.html"
|
||||||
|
page_template = "blog-page.html"
|
||||||
|
|
||||||
|
paginate_by = 4
|
||||||
|
|
||||||
|
+++
|
||||||
7
content/apropos/index.md
Normal file
7
content/apropos/index.md
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
+++
|
||||||
|
template = "apropos.html"
|
||||||
|
generate_feed = false
|
||||||
|
path = "apropos"
|
||||||
|
date = "2023-04-23"
|
||||||
|
title = "Qui sommes nous"
|
||||||
|
+++
|
||||||
1
content/apropos/librezo_logo.svg
Normal file
1
content/apropos/librezo_logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 13 KiB |
489
content/apropos/picasoft_logo.svg
Normal file
489
content/apropos/picasoft_logo.svg
Normal file
|
|
@ -0,0 +1,489 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="180mm"
|
||||||
|
height="180mm"
|
||||||
|
viewBox="0 0 180 180"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5580"
|
||||||
|
inkscape:version="0.92.3 (2405546, 2018-03-11)"
|
||||||
|
sodipodi:docname="picasoft_logo_principal.svg"
|
||||||
|
inkscape:export-filename="./picasoft_logo_fond_blanc.png"
|
||||||
|
inkscape:export-xdpi="95.370003"
|
||||||
|
inkscape:export-ydpi="95.370003"
|
||||||
|
enable-background="new">
|
||||||
|
<defs
|
||||||
|
id="defs5574">
|
||||||
|
<filter
|
||||||
|
inkscape:collect="always"
|
||||||
|
style="color-interpolation-filters:sRGB"
|
||||||
|
id="filter4707">
|
||||||
|
<feBlend
|
||||||
|
inkscape:collect="always"
|
||||||
|
mode="soft-light"
|
||||||
|
in2="BackgroundImage"
|
||||||
|
id="feBlend4709" />
|
||||||
|
</filter>
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect4760-0-93-2-6"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="m 721.626,383.1137 c 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="2"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect4764-7-6-1-2"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="m 721.626,383.1137 c 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="2"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect4768-2-0-2-9"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="m 721.626,383.1137 c 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="2"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect4900-6-0-1"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="m 0,297 c 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="0.85957818"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect4904-2-7-2"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="m 0,297 c 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="0.7712"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect4908-6-3-7"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="m 0,297 c 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="2"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect4934-1-1-0"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="2"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect4938-8-1-9"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="2"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect5047-7-9-3"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="1.4801064"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect5051-9-0-6"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="0.96784374"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="skeletal"
|
||||||
|
id="path-effect81-7-0"
|
||||||
|
is_visible="true"
|
||||||
|
pattern="m 407.13088,269.67947 c 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 z"
|
||||||
|
copytype="single_stretched"
|
||||||
|
prop_scale="0.34586333"
|
||||||
|
scale_y_rel="false"
|
||||||
|
spacing="0"
|
||||||
|
normal_offset="0"
|
||||||
|
tang_offset="0"
|
||||||
|
prop_units="false"
|
||||||
|
vertical_pattern="false"
|
||||||
|
fuse_tolerance="0" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="0.98994952"
|
||||||
|
inkscape:cx="564.33255"
|
||||||
|
inkscape:cy="329.89167"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="g898"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1020"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="28"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:document-rotation="0" />
|
||||||
|
<metadata
|
||||||
|
id="metadata5577">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
style="display:none"
|
||||||
|
inkscape:label="Source symbole réseau décentralisé"
|
||||||
|
id="g898"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
sodipodi:insensitive="true">
|
||||||
|
<g
|
||||||
|
transform="matrix(0.13229167,0,0,0.13229167,-5.3898644,-20.680979)"
|
||||||
|
id="g896"
|
||||||
|
style="display:inline;filter:url(#filter4707);enable-background:new">
|
||||||
|
<circle
|
||||||
|
r="18.897636"
|
||||||
|
style="opacity:1;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:19.11594391;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529"
|
||||||
|
id="circle870"
|
||||||
|
cy="658.9682"
|
||||||
|
cx="809.08154" />
|
||||||
|
<circle
|
||||||
|
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:22.9391346;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529;enable-background:new"
|
||||||
|
id="circle872"
|
||||||
|
cy="671.25568"
|
||||||
|
cx="683.66809"
|
||||||
|
r="22.677164" />
|
||||||
|
<circle
|
||||||
|
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:26.76232529;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529;enable-background:new"
|
||||||
|
id="circle874"
|
||||||
|
cy="728.17908"
|
||||||
|
cx="762.37891"
|
||||||
|
r="26.456692" />
|
||||||
|
<circle
|
||||||
|
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:22.9391346;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529;enable-background:new"
|
||||||
|
id="circle876"
|
||||||
|
cy="667.67291"
|
||||||
|
cx="872.17084"
|
||||||
|
r="22.677164" />
|
||||||
|
<circle
|
||||||
|
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:26.76232529;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529;enable-background:new"
|
||||||
|
id="circle878"
|
||||||
|
cy="567.67285"
|
||||||
|
cx="701.09943"
|
||||||
|
r="26.456692" />
|
||||||
|
<circle
|
||||||
|
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:26.76232529;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529;enable-background:new"
|
||||||
|
id="circle880"
|
||||||
|
cy="562.67285"
|
||||||
|
cx="867.88507"
|
||||||
|
r="26.456692" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path882"
|
||||||
|
d="m 868.90886,588.34654 2.38085,57.54619"
|
||||||
|
style="fill:none;stroke:#000000;stroke-width:12.09448814;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path884"
|
||||||
|
d="m 784.9349,715.6604 68.1179,-37.43219"
|
||||||
|
style="fill:none;stroke:#000000;stroke-width:12.09448814;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529" />
|
||||||
|
<circle
|
||||||
|
transform="matrix(1.9999999,0,0,1.9999999,765.41604,518.06096)"
|
||||||
|
r="9.4488182"
|
||||||
|
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:9.55797195;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529;filter:url(#filter4707);enable-background:new"
|
||||||
|
id="circle886"
|
||||||
|
cy="9.4488182"
|
||||||
|
cx="9.4488182" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path888"
|
||||||
|
d="m 794.15837,551.77549 66.17609,97.69557"
|
||||||
|
style="fill:none;stroke:#000000;stroke-width:12.8503933;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path890"
|
||||||
|
d="M 724.93956,558.62219 767.61242,542.8567"
|
||||||
|
style="fill:none;stroke:#000000;stroke-width:12.8503933;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path892"
|
||||||
|
d="m 697.2202,654.38333 76.99542,-102.9832"
|
||||||
|
style="fill:none;stroke:#000000;stroke-width:12.8503933;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path894"
|
||||||
|
d="m 850.7313,664.63564 -24.12841,-3.45712"
|
||||||
|
style="opacity:1;fill:none;stroke:#000000;stroke-width:12.8503933;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer3"
|
||||||
|
inkscape:label="Fond blanc"
|
||||||
|
style="display:none">
|
||||||
|
<rect
|
||||||
|
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.60956234;stroke-opacity:0.58823529"
|
||||||
|
id="rect216"
|
||||||
|
width="180"
|
||||||
|
height="180"
|
||||||
|
x="0"
|
||||||
|
y="1.6666668e-07" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
style="display:inline"
|
||||||
|
inkscape:label="picasoft"
|
||||||
|
id="g4769"
|
||||||
|
inkscape:groupmode="layer">
|
||||||
|
<text
|
||||||
|
xml:space="preserve"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:6.61458349px;font-family:'Montserrat Alternates';-inkscape-font-specification:'Montserrat Alternates';letter-spacing:0px;word-spacing:0px;display:inline;fill:#333333;fill-opacity:1;stroke:none;stroke-width:0.26458332;enable-background:new"
|
||||||
|
x="38.714001"
|
||||||
|
y="153.04688"
|
||||||
|
id="text4763"><tspan
|
||||||
|
sodipodi:role="line"
|
||||||
|
id="tspan4761"
|
||||||
|
x="38.714001"
|
||||||
|
y="153.04688"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25.39999962px;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#333333;fill-opacity:1;stroke-width:0.26458332">pica<tspan
|
||||||
|
id="tspan4759"
|
||||||
|
style="fill:#117f7f;fill-opacity:1">soft</tspan></tspan></text>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
inkscape:label="picasoft.net"
|
||||||
|
style="display:none">
|
||||||
|
<text
|
||||||
|
id="text4668"
|
||||||
|
y="153.0724"
|
||||||
|
x="19.196852"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:6.61458349px;font-family:'Montserrat Alternates';-inkscape-font-specification:'Montserrat Alternates';letter-spacing:0px;word-spacing:0px;display:inline;fill:#333333;fill-opacity:1;stroke:none;stroke-width:0.26458332;enable-background:new"
|
||||||
|
xml:space="preserve"><tspan
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25.39999962px;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#333333;fill-opacity:1;stroke-width:0.26458332"
|
||||||
|
y="153.0724"
|
||||||
|
x="19.196852"
|
||||||
|
id="tspan4666"
|
||||||
|
sodipodi:role="line">pica<tspan
|
||||||
|
style="fill:#117f7f;fill-opacity:1"
|
||||||
|
id="tspan4653">soft</tspan><tspan
|
||||||
|
id="tspan886"
|
||||||
|
style="font-size:16.93333244px;fill:#333333;fill-opacity:1">.net</tspan></tspan></text>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer10"
|
||||||
|
inkscape:label="Chaton"
|
||||||
|
style="display:inline">
|
||||||
|
<path
|
||||||
|
style="display:inline;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new"
|
||||||
|
d="m 69.015209,83.111666 c 0.03133,-0.615271 3.537745,-0.978126 8.804873,-1.016569 1.911624,0.04462 4.216154,0.175588 6.580278,0.585521 0.815679,0.138498 1.711581,0.32992 2.634368,0.653292 0.364761,0.07244 0.853392,0.276055 1.388553,0.683233 0.232174,0.17665 0.471645,0.390536 0.712156,0.646599 0.529774,0.698664 0.861501,1.382016 1.094881,1.959861 l 0,0 c 0.369109,0.862869 0.659774,1.717103 0.905951,2.521922 l 0,2e-6 c 0.660569,2.152407 1.11312,4.250039 1.432135,6.016057 l 0,0 c 0.399595,2.206251 0.618343,4.094868 0.683907,5.451686 l 0,0 c 0.03617,0.74782 0.02648,1.34542 -0.02757,1.76882 l 0,0 c -0.0279,0.21855 -0.06755,0.39042 -0.11899,0.51247 l 0,0 c -0.02605,0.0619 -0.05508,0.11097 -0.08716,0.1467 l 0,0 c 0,0 -10e-7,0 -10e-7,0 -0.05417,0.0254 -0.08186,0.0421 -0.09596,0.0526 0,0 -1e-6,0 -1e-6,0 -0.01368,0.0102 -0.01443,0.0146 -0.01444,0.0153 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 -1e-6,8e-5 -5e-6,6e-5 -5e-6,6e-5 0,0 5e-6,2e-5 -2.6e-5,-5e-5 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 -2.75e-4,-6.6e-4 -0.0026,-0.004 -0.01913,-0.009 0,0 -10e-7,0 -10e-7,0 -0.01702,-0.004 -0.04896,-0.009 -0.108746,-0.0124 0,0 -1e-6,0 -1e-6,0 l 0,0 c -0.04319,-0.0207 -0.08871,-0.0547 -0.136399,-0.1014 l 0,0 c -0.0941,-0.0923 -0.196981,-0.23464 -0.307856,-0.42338 l 0,0 c -0.214723,-0.36552 -0.460213,-0.90615 -0.73269,-1.59584 l 0,0 c -0.50578,-1.280228 -1.079002,-3.005284 -1.762528,-5.124031 l 0,0 c -0.520865,-1.613406 -1.181328,-3.72737 -1.875247,-5.639748 l -10e-7,-2e-6 C 87.695754,89.462201 87.412236,88.7125 87.090205,88.010809 l 0,0 c -0.246532,-0.508517 -0.440856,-0.944736 -0.667368,-1.203143 0.04555,0.0095 0.05379,0.01543 0.02971,0.01193 -0.05638,-0.0082 -0.278761,-0.06597 -0.590322,-0.237992 -0.633542,-0.238464 -1.358871,-0.403779 -2.103773,-0.565589 -2.063966,-0.441152 -4.327426,-0.743026 -6.132638,-1.001009 -5.19467,-0.57088 -8.641925,-1.288334 -8.61061,-1.903342 z"
|
||||||
|
id="path4670"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
inkscape:path-effect="#path-effect81-7-0"
|
||||||
|
inkscape:original-d="m 69.01516,83.111665 c 0,0 16.930949,0.3048 18.763977,2.624039 2.304862,2.916227 5.129048,17.373456 5.129048,17.373456"
|
||||||
|
sodipodi:nodetypes="csc" />
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
style="display:inline;fill:#000000;fill-opacity:0.58823529;stroke:none;stroke-width:0.42333335;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
d="m 98.967983,47.853917 a 2.4999998,2.4999998 0 0 0 -2.499591,2.494941 l -0.004,-0.01188 -5.635826,2.082043 a 3.4999999,3.4999999 0 0 0 -2.868578,-1.501714 3.4999999,3.4999999 0 0 0 -3.500049,3.500046 3.4999999,3.4999999 0 0 0 3.500049,3.500043 3.4999999,3.4999999 0 0 0 3.499517,-3.500043 3.4999999,3.4999999 0 0 0 -0.0284,-0.408247 l 5.299935,-1.958017 -9.939954,13.294794 a 2.9999998,2.9999998 0 0 0 -1.137399,-0.225309 2.9999998,2.9999998 0 0 0 -2.999827,2.999817 2.9999998,2.9999998 0 0 0 2.999827,3.000332 2.9999998,2.9999998 0 0 0 2.999809,-3.000332 2.9999998,2.9999998 0 0 0 -0.574119,-1.759067 l 0.0481,0.03617 10.185932,-13.623975 -0.01961,-0.01447 a 2.4999998,2.4999998 0 0 0 0.67437,0.09508 2.4999998,2.4999998 0 0 0 0.625808,-0.08113 l -0.0269,0.0181 8.743653,12.907737 a 2.9999998,2.9999998 0 0 0 -0.44598,0.702803 l -3.1812,-0.455788 -0.001,0.0083 a 2.4999998,2.4999998 0 0 0 -2.43758,-1.959057 2.4999998,2.4999998 0 0 0 -2.500101,2.500106 2.4999998,2.4999998 0 0 0 2.500101,2.500109 2.4999998,2.4999998 0 0 0 2.22312,-1.362707 l 3.15795,0.452683 a 2.9999998,2.9999998 0 0 0 0.0501,0.256318 l -9.010814,4.952151 0.0284,0.05116 a 3.4999999,3.4999999 0 0 0 -2.62723,-1.193724 3.4999999,3.4999999 0 0 0 -3.500036,3.500044 3.4999999,3.4999999 0 0 0 3.500036,3.500046 3.4999999,3.4999999 0 0 0 3.50004,-3.500046 3.4999999,3.4999999 0 0 0 -0.138488,-0.968934 l 0.008,0.01394 9.010812,-4.952151 a 2.9999998,2.9999998 0 0 0 2.14457,0.902272 2.9999998,2.9999998 0 0 0 2.99983,-2.999817 2.9999998,2.9999998 0 0 0 -2.31717,-2.918169 l -0.31419,-7.60009 a 3.4999999,3.4999999 0 0 0 2.56469,-3.372403 3.4999999,3.4999999 0 0 0 -3.50004,-3.500046 3.4999999,3.4999999 0 0 0 -3.50004,3.500046 3.4999999,3.4999999 0 0 0 2.836,3.434932 l 0.31006,7.484298 -8.69452,-12.835906 a 2.4999998,2.4999998 0 0 0 0.49248,-1.48518 2.4999998,2.4999998 0 0 0 -2.500106,-2.500106 z"
|
||||||
|
id="circle4819-5" />
|
||||||
|
<g
|
||||||
|
style="display:inline;enable-background:new"
|
||||||
|
id="g4761-7"
|
||||||
|
transform="matrix(0.13229167,0,0,0.13229167,-5.3898654,-20.680974)">
|
||||||
|
<g
|
||||||
|
id="g5083-4"
|
||||||
|
style="display:inline"
|
||||||
|
transform="translate(160.33913,51.406037)">
|
||||||
|
<path
|
||||||
|
inkscape:original-d="m 721.7077,455.97731 c 0,0 194.30399,-96 233.472,-65.28"
|
||||||
|
inkscape:path-effect="#path-effect4760-0-93-2-6"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path4996-8"
|
||||||
|
d="m 721.7077,455.97731 c -0.0192,-0.0389 -0.0353,-0.0793 -0.0483,-0.12122 -0.0127,-0.0411 -0.0225,-0.0835 -0.0293,-0.12736 -0.0136,-0.0876 -0.0153,-0.18074 -0.005,-0.27935 0,0 0,0 0,0 l 0,0 c 0.02,-0.19698 0.0869,-0.41548 0.19962,-0.65512 0,0 0,0 0,0 l 0,0 c 0.22472,-0.47783 0.63145,-1.03818 1.21273,-1.67608 l 0,0 c 1.15507,-1.26756 2.99435,-2.83465 5.46356,-4.65852 l 0,0 c 4.85816,-3.58845 12.11024,-8.1387 21.34784,-13.29367 l 0,0 c 17.3955,-9.70888 42.01622,-21.69264 70.40992,-32.66242 3.90926,-1.51054 7.89744,-3.00399 11.95359,-4.46669 9.91356,-3.57496 19.56965,-6.72686 29.01776,-9.45461 14.1342,-4.08654 27.04249,-7.00898 39.34897,-8.76983 13.12543,-1.91623 23.90826,-2.21909 33.52515,-0.86895 5.24004,0.7258 9.55564,1.9855 13.05227,3.6034 6.9998,3.19054 8.76766,7.20162 8.0235,8.15042 -0.80167,1.02213 -4.36843,-0.0893 -10.12825,-0.50788 -3.27513,-0.22046 -6.63825,-0.16121 -11.34683,0.23184 -8.90123,0.75303 -17.352,2.46791 -29.92108,5.63875 -11.53165,2.95359 -23.07363,6.49516 -36.80457,11.05662 -9.07146,3.01806 -18.25854,6.2282 -27.9816,9.73497 -3.95376,1.42599 -7.86828,2.85483 -11.71979,4.27014 -28.04848,10.30862 -53.05727,20.005 -71.74067,26.61508 l 0,0 c -9.85041,3.48536 -17.96857,6.13676 -23.75382,7.61985 l 0,0 c -2.94997,0.75626 -5.31335,1.21412 -7.01155,1.33369 l 0,0 c -0.85598,0.0603 -1.54533,0.0346 -2.05812,-0.0815 l 0,0 c 0,0 0,0 0,0 -0.2573,-0.0582 -0.47047,-0.13943 -0.63814,-0.2439 l 0,0 c 0,0 0,0 0,0 -0.084,-0.0523 -0.15668,-0.11055 -0.21778,-0.17471 -0.0306,-0.0321 -0.0583,-0.0657 -0.0831,-0.10084 -0.0253,-0.0358 -0.0475,-0.0732 -0.0667,-0.11211 z"
|
||||||
|
style="display:inline;fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
inkscape:original-d="m 793.1317,528.93731 c 0,0 153.6,-105.216 159.744,-129.792"
|
||||||
|
inkscape:path-effect="#path-effect4764-7-6-1-2"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path4998-5"
|
||||||
|
d="m 793.1317,528.93731 c -1.55436,-2.22622 6.22749,-10.66464 20.09419,-22.54478 0,0 0,0 0,0 12.96326,-11.24173 31.02058,-25.52025 51.50168,-41.11985 2.07263,-1.57862 4.16684,-3.16829 6.28233,-4.76989 7.66043,-5.7996 15.64529,-11.78909 22.66089,-17.03275 9.67583,-7.23393 18.58899,-13.85805 26.38901,-19.717 8.23195,-6.20258 15.07558,-11.37764 20.31498,-15.52348 2.81333,-2.23599 5.08319,-4.03975 6.88015,-5.51827 0,0 0,0 0,0 2.63361,-2.30902 4.82113,-3.7659 5.62077,-3.56598 1.21231,0.30307 1.76625,3.02371 0.009,7.44813 0,-10e-6 0,0 0,0 -0.99296,2.60472 -2.5455,5.45294 -4.76107,8.73081 -4.21401,6.25532 -9.83935,12.77844 -17.52739,20.50218 -7.20817,7.25215 -15.46252,14.73838 -24.98821,22.71628 -7.04185,5.89867 -14.55539,11.87188 -22.5254,17.90584 -2.14087,1.62081 -4.27218,3.21385 -6.38932,4.77761 -20.88672,15.42739 -40.52598,28.11492 -55.44,36.59141 0,0 0,10e-6 0,10e-6 -15.96206,8.94632 -26.56665,13.34615 -28.12117,11.11973 z"
|
||||||
|
style="display:inline;fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:original-d="m 784.6837,533.54531 c 0,0 88.94823,198.0868 -55.43576,360.9028"
|
||||||
|
inkscape:path-effect="#path-effect4768-2-0-2-9"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path5000-8"
|
||||||
|
d="m 784.6837,533.54531 c 2.03566,-0.70749 8.23514,11.05438 17.15789,31.75954 0,0 0,10e-6 0,10e-6 7.63842,20.77109 15.65135,50.68897 18.5781,87.09425 1.77095,22.11671 1.52821,46.21447 -1.85593,71.31806 -2.28881,16.9784 -5.8426,33.1335 -10.43962,48.34671 0,0 -10e-6,2e-5 -10e-6,2e-5 -12.51318,41.26397 -32.17124,72.94348 -48.4811,93.5921 -16.33199,20.67666 -28.86919,30.14527 -30.39509,28.79211 -1.9353,-1.71621 7.28358,-14.03452 20.2297,-35.80272 12.98237,-21.82916 29.39219,-52.97291 40.03625,-91.95207 0,0 1e-5,-10e-6 1e-5,-10e-6 3.95192,-14.41099 7.08194,-29.62886 9.2338,-45.64329 3.17945,-23.66195 3.87209,-46.44127 3.05417,-67.53553 -1.3293,-34.65322 -6.55709,-63.57202 -10.98334,-84.70943 0,0 0,-10e-6 0,-10e-6 -5.7444,-21.49291 -8.1695,-34.55258 -6.13483,-35.25974 z"
|
||||||
|
style="display:inline;fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:original-d="m 729.05538,902.28975 c 0,0 -0.27153,104.47075 -105.08173,105.42115"
|
||||||
|
inkscape:path-effect="#path-effect4900-6-0-1"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path5002-2"
|
||||||
|
d="m 729.05538,902.28976 c 0.0316,3.3e-4 0.063,0.007 0.0944,0.0209 0.0307,0.0133 0.0612,0.0329 0.0916,0.0588 0,0 0,0 0,0 0.0606,0.0518 0.12012,0.12848 0.17863,0.2299 0,0 0,0 0,0 l 0,0 c 0.11652,0.20249 0.22731,0.50156 0.33037,0.89552 l 0,0 0,0 c 0.20424,0.78078 0.37322,1.91751 0.48139,3.39882 l 0,0 c 0.21076,2.88614 0.18838,7.01209 -0.33099,12.17741 l 0,0 c -0.96031,9.59546 -3.67502,23.16353 -10.48519,37.39469 l 0,0 c -3.25414,6.79654 -7.47182,13.71707 -12.84652,20.22367 -1.28344,1.55271 -2.63068,3.07634 -4.04132,4.56458 -4.83872,5.10489 -10.10751,9.4609 -15.59323,13.05754 -9.24552,6.05001 -18.80745,9.77601 -27.37159,11.95931 -21.5573,5.4866 -35.58271,2.1609 -35.58924,1.44 -0.0131,-1.4447 14.17189,-1.6237 33.61559,-8.16253 7.81384,-2.62466 16.45413,-6.47867 24.68109,-12.17466 4.89405,-3.38138 9.62133,-7.39421 14.01824,-12.0333 1.28218,-1.35281 2.51239,-2.73375 3.69033,-4.1375 4.93949,-5.88226 8.96401,-12.16704 12.22962,-18.35575 l 0,0 c 6.82954,-12.93705 10.44317,-25.62533 12.63655,-34.63378 l 0,0 c 1.17943,-4.85446 1.97254,-8.78424 2.59979,-11.52675 l 0,0 c 0.32033,-1.40073 0.60234,-2.50697 0.85789,-3.24403 l 0,0 0,0 c 0.13036,-0.376 0.25673,-0.66407 0.37998,-0.85714 l 0,0 c 0,0 0,0 0,0 0.0621,-0.0976 0.12398,-0.17149 0.18547,-0.22093 0,0 0,0 0,0 0.0309,-0.0248 0.0617,-0.0435 0.0926,-0.056 0.0315,-0.0128 0.063,-0.0191 0.0946,-0.0187 z"
|
||||||
|
style="display:inline;fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
inkscape:original-d="m 621.504,1006.624 c 0,0 -132.288,64.896 -203.328,-94.848"
|
||||||
|
inkscape:path-effect="#path-effect4904-2-7-2"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path5004-6"
|
||||||
|
d="m 621.50399,1006.624 c 0.27374,0.7801 -7.54357,4.3343 -21.14111,9.7691 -12.88956,4.0186 -31.98411,7.9156 -54.21286,6.2435 -10.80064,-0.8258 -22.24424,-3.0124 -33.71668,-7.0507 -5.08845,-1.7933 -10.14254,-3.9397 -15.12119,-6.4426 -7.05437,-3.5464 -13.61847,-7.6381 -19.64469,-12.09784 -13.78229,-10.20796 -24.64278,-22.15328 -32.9292,-33.3559 C 423.44085,934.89741 417.86343,911.915 418.176,911.776 c 1.24169,-0.55219 10.21404,21.23101 31.69667,47.95627 8.43054,10.48745 19.12316,21.68835 32.27667,31.18715 5.75037,4.15618 11.97419,7.98864 18.62694,11.33468 4.69591,2.3618 9.449,4.4024 14.22553,6.1249 10.76664,3.8874 21.55133,6.1368 31.77969,7.1899 20.93536,2.1839 39.44633,-0.6094 52.2761,-3.4187 13.85531,-4.199 22.17277,-6.3059 22.44639,-5.5262 z"
|
||||||
|
style="display:inline;fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:original-d="M 426.24,953.248 C 363.22219,815.46334 177.80569,848.2437 257.78088,518.58857"
|
||||||
|
inkscape:path-effect="#path-effect4908-6-3-7"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path5006-0"
|
||||||
|
d="m 426.24,953.248 c -2.10456,0.96255 -11.08748,-17.1097 -33.29942,-40.74827 -9.93173,-10.58133 -21.25669,-20.79736 -36.10559,-32.81948 -11.67506,-9.43999 -24.83718,-19.32778 -38.60716,-30.57864 -12.26026,-10.00101 -25.29863,-21.48481 -37.19438,-34.75577 -11.38491,-12.71485 -21.73474,-27.32257 -29.90482,-43.6932 -0.26995,-0.5409 -0.53708,-1.08286 -0.80137,-1.62585 -9.74506,-20.12471 -15.45514,-41.15093 -18.39462,-61.32581 -4.30895,-29.60247 -3.25229,-58.08241 -0.66991,-82.09329 3.50667,-32.75503 10.1589,-60.9404 15.28475,-78.81283 5.30724,-18.50492 9.65173,-28.59001 11.2334,-28.2063 3.31869,0.80513 -6.76745,43.43399 -10.09758,108.32591 -1.18231,23.27221 -1.21613,50.5197 3.38647,77.78735 3.1295,18.55143 8.49704,37.65778 17.24503,55.58253 0.23496,0.48424 0.47251,0.96778 0.71261,1.45061 7.26165,14.60254 16.52827,27.87544 26.71527,39.65863 10.65261,12.33553 22.7949,23.54862 34.34529,33.68465 13.02693,11.41238 25.82578,21.98028 37.24927,32.36614 14.44777,13.118 25.74981,25.07323 34.97875,37.12183 21.21378,27.71893 25.35355,48.02797 23.92401,48.68179 z"
|
||||||
|
style="display:inline;fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
inkscape:original-d="m 257.28,520.704 c 0,0 -189.696,-637.44 221.952,-84.48"
|
||||||
|
inkscape:path-effect="#path-effect4934-1-1-0"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path5008-6"
|
||||||
|
d="m 257.27778,520.69653 c -0.0441,0.0131 -0.0903,0.0187 -0.13861,0.0171 -0.0494,-0.007 -0.10155,-0.0228 -0.15647,-0.0486 0,0 0,0 0,0 -0.10955,-0.0515 -0.22999,-0.14119 -0.36115,-0.26866 0,0 -1e-5,0 -1e-5,0 l 0,0 c -0.261,-0.25374 -0.56391,-0.6567 -0.90726,-1.20596 l 0,0 c -0.67927,-1.08666 -1.51293,-2.73976 -2.48837,-4.94028 l 0,0 c -1.90228,-4.29141 -4.32351,-10.61546 -7.14852,-18.83183 l 0,0 c -5.21399,-15.16417 -11.97147,-37.25341 -18.82747,-64.17155 l 0,0 c -5.893,-23.12928 -12.29163,-51.4028 -17.05886,-81.85143 l 0,0 c -2.03707,-13.00897 -3.8263,-26.7944 -4.97848,-41.00891 l 0,0 c -0.98279,-12.0618 -1.53316,-24.7542 -1.04995,-37.72408 l 0,0 c 0.35884,-10.33111 1.4324,-21.27743 4.26929,-32.26171 l 0,0 c 1.15321,-4.46126 2.70005,-9.02706 4.81988,-13.54331 l 0,0 c 1.81773,-3.90609 4.2107,-7.80759 7.32045,-11.44802 2.83256,-3.30806 6.33547,-6.22404 10.44762,-8.48046 0,0 4e-5,-2e-5 4e-5,-2e-5 4.18957,-2.23439 8.68596,-3.58838 13.22763,-4.07542 0.73591,-0.0753 1.46796,-0.13228 2.19566,-0.17167 4.42088,-0.23929 8.65199,0.17079 12.5798,1.01515 5.75232,1.2139 11.07558,3.1241 15.95177,5.3507 14.06527,6.42036 26.25296,15.20278 37.02935,23.98429 17.1824,13.90717 32.523,29.1712 46.13511,43.67447 21.70041,23.10052 40.93113,46.49872 56.6013,66.52424 0,0 1e-5,2e-5 1e-5,2e-5 43.37885,55.42719 66.50637,93.49339 64.49147,94.99338 -2.8327,2.10878 -30.33208,-32.72554 -76.16558,-85.35524 -1e-5,-10e-6 -1e-5,-10e-6 -2e-5,-2e-5 -16.4431,-18.87894 -36.52563,-41.49321 -58.1865,-63.38178 -13.69703,-13.82924 -28.76928,-28.29236 -45.10076,-41.14356 -10.40409,-8.12945 -21.29224,-15.96423 -32.97189,-21.10032 -3.98689,-1.75184 -7.93565,-3.19958 -11.81005,-3.96488 -2.61994,-0.50183 -5.13833,-0.78854 -7.43284,-0.65036 -0.37783,0.0228 -0.74926,0.057 -1.11384,0.10363 -2.16832,0.2566 -4.23589,0.84453 -5.94454,1.79043 0,0 -2e-5,0 -2e-5,0 -1.73181,0.89464 -3.37785,2.3061 -4.86416,3.97209 -1.68876,1.88602 -3.12025,4.28116 -4.42074,6.92196 l 0,0 c -1.4991,3.0819 -2.6562,6.49534 -3.64032,10.07475 l 0,0 c -2.44933,8.90283 -3.43585,18.47127 -3.96677,28.04135 l 0,0 c -0.63009,11.9313 -0.31491,23.92032 0.36196,35.53943 l 0,0 c 0.80159,13.66234 2.1826,27.093 3.76409,39.8604 l 0,0 c 3.68235,29.72064 8.78091,58.23365 13.14892,81.28626 5.15139,27.1765 9.81623,49.32199 12.89505,65.1343 l 0,0 c 1.64689,8.4579 2.85624,15.14135 3.48743,19.74766 l 0,0 c 0.32506,2.37216 0.50016,4.21443 0.50945,5.48846 l 0,0 c 0.005,0.6453 -0.0331,1.14693 -0.11511,1.50033 l 0,0 c 0,0 0,0 0,0 -0.0412,0.17782 -0.0937,0.31829 -0.15762,0.42086 0,0 0,10e-6 0,10e-6 -0.0321,0.0514 -0.067,0.0934 -0.10481,0.1257 -0.0396,0.0276 -0.0815,0.048 -0.12556,0.0611 z"
|
||||||
|
style="display:inline;fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
inkscape:original-d="m 456.71178,382.00174 c 0,0 140.65202,-20.09316 287.82074,39.64322"
|
||||||
|
inkscape:path-effect="#path-effect4938-8-1-9"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path5010-6"
|
||||||
|
d="m 456.71179,382.00174 c -0.11963,-4.1169 36.38598,-8.71117 88.81722,-11.75952 18.11637,0.30178 37.85666,1.64983 58.67608,4.45798 12.18954,1.64414 23.9154,3.67636 35.11549,6.01234 0,0 1e-5,0 1e-5,0 32.21825,6.74378 58.57843,15.75353 77.38552,23.95712 18.55582,8.09398 28.67449,14.88594 27.82641,16.9753 -0.91703,2.25924 -12.63035,-0.49841 -31.81729,-5.1986 -20.09757,-4.92326 -45.05405,-11.05469 -77.0645,-16.65546 0,0 -10e-6,-1e-5 -10e-6,-1e-5 -10.85376,-1.90598 -22.11654,-3.67809 -33.84857,-5.2737 -20.07248,-2.72995 -38.88207,-4.58505 -56.4257,-5.91328 -51.91516,-0.0136 -88.54511,-2.48782 -88.66466,-6.60217 z"
|
||||||
|
style="display:inline;fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
style="fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 591.74401,958.84801 c 0.0271,-0.0474 0.0576,-0.092 0.0918,-0.13494 0.0331,-0.0414 0.0694,-0.0808 0.109,-0.1182 0.0789,-0.0745 0.17097,-0.1416 0.27538,-0.20068 0,0 0,0 0,0 l 0,0 c 0.20713,-0.11784 0.4654,-0.2075 0.77017,-0.26835 l 0,0 c 0.60383,-0.12058 1.40347,-0.13651 2.37227,-0.062 l 0,0 c 1.891,0.1453 4.52284,0.63394 7.67169,1.29702 l 0,0 c 6.14161,1.28999 14.36015,3.25022 23.93158,4.51564 5.11273,0.66489 10.59553,1.13555 16.24055,1.17043 4.88765,0.0302 9.48846,-0.26845 13.86366,-0.87223 0,0 10e-6,0 10e-6,0 10.02158,-1.33685 18.31822,-4.30802 24.49488,-6.62918 6.11484,-2.29793 10.05469,-3.87475 11.17099,-2.53751 1.01422,1.21494 -0.93825,5.27178 -6.50102,10.15098 -5.53261,4.85273 -14.58492,10.32252 -26.63554,12.98315 0,0 -10e-6,0 -10e-6,0 -5.18793,1.12774 -10.70731,1.72376 -16.46377,1.70303 -6.67342,-0.024 -12.9864,-0.87389 -18.71155,-2.2121 -10.67001,-2.47539 -19.17511,-6.48482 -24.80295,-10.1184 l 0,0 c -2.92572,-1.88711 -5.08129,-3.67483 -6.42182,-5.17964 l 0,0 c -0.68031,-0.76374 -1.14727,-1.44758 -1.39389,-2.03578 l 0,0 c -0.12411,-0.29605 -0.1927,-0.56503 -0.20374,-0.8073 l 0,0 c 0,0 0,0 0,-10e-6 -0.005,-0.12124 0.004,-0.23494 0.0268,-0.34169 0.0117,-0.0534 0.0269,-0.10489 0.0457,-0.15453 0.0195,-0.0514 0.0426,-0.10035 0.0697,-0.1477 z"
|
||||||
|
id="path5045-4"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
inkscape:path-effect="#path-effect5047-7-9-3"
|
||||||
|
inkscape:original-d="m 591.744,958.848 c 0,0 56.832,33.024 100.992,-3.84"
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
<path
|
||||||
|
style="fill:#000000;stroke:none;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 615.29977,985.732 c -0.63974,-2.59351 5.93847,-6.44912 14.68352,-8.60627 8.74505,-2.15716 16.3617,-1.80301 17.00144,0.7905 0.63975,2.59351 -5.93847,6.44912 -14.68352,8.60627 -8.74505,2.15716 -16.3617,1.80301 -17.00144,-0.7905 z"
|
||||||
|
id="path5049-6"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
inkscape:path-effect="#path-effect5051-9-0-6"
|
||||||
|
inkscape:original-d="m 615.29977,985.732 31.68496,-7.81577"
|
||||||
|
sodipodi:nodetypes="cc"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 34 KiB |
BIN
content/blog/Le grand départ/bivouac.JPG
Normal file
BIN
content/blog/Le grand départ/bivouac.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 572 KiB |
BIN
content/blog/Le grand départ/gallery_1.JPG
Normal file
BIN
content/blog/Le grand départ/gallery_1.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 402 KiB |
BIN
content/blog/Le grand départ/gallery_2.JPG
Normal file
BIN
content/blog/Le grand départ/gallery_2.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 484 KiB |
BIN
content/blog/Le grand départ/gallery_3.JPG
Normal file
BIN
content/blog/Le grand départ/gallery_3.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 560 KiB |
BIN
content/blog/Le grand départ/gallery_4.JPG
Normal file
BIN
content/blog/Le grand départ/gallery_4.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 317 KiB |
BIN
content/blog/Le grand départ/gallery_5.JPG
Normal file
BIN
content/blog/Le grand départ/gallery_5.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 521 KiB |
BIN
content/blog/Le grand départ/gallery_6.JPG
Normal file
BIN
content/blog/Le grand départ/gallery_6.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 590 KiB |
53
content/blog/Le grand départ/index.md
Normal file
53
content/blog/Le grand départ/index.md
Normal file
|
|
@ -0,0 +1,53 @@
|
||||||
|
+++
|
||||||
|
title = "Première étape : Compiègne - Rouen"
|
||||||
|
date = 2023-07-20
|
||||||
|
|
||||||
|
[taxonomies]
|
||||||
|
Categorie = [
|
||||||
|
"Voyage"
|
||||||
|
]
|
||||||
|
[extra]
|
||||||
|
image="cargo.jpg"
|
||||||
|
+++
|
||||||
|
|
||||||
|
Revenus sur Compiègne le 10 Juin avec le nouveau vélo de Tiphaine et la logistique du déménagement terminée, on peut se focaliser sur la préparation au départ. Au programme, bricolages de dernières minutes et choix des affaires pour le voyage. Pendant que je bricole un système de fermeture pour mes caisses du vélo cargo, Tiphaine étudie la liste publié par [Corentin et Auréline](https://letandemelilots.oiseauroch.fr/2019/11/dans-nos-valises-il-y-a/) pour leur propre périple. Cette liste nous aura fait gagner un temps précieux (et nécessaire) pour le choix de notre chargement.
|
||||||
|
<!-- more -->
|
||||||
|
|
||||||
|
### Premier jour : Organisation des sacs et départ
|
||||||
|
|
||||||
|
Choisir les affaires avec lesquelles on part, c'est bien, savoir comment les organiser sur les vélos, c'est mieux ! Cette étape est plus longue prévue et du fait tu temps particulièrement sec, en se permet de ne pas ranger tout ce qui craint l'eau dans des compartiments étanches. Nous ne sommes pas encore parés pour la pluie mais il faut partir.
|
||||||
|
|
||||||
|
Nous partiront finalement vers 18h30 après un petit arrêt au poulailler accompagné d'Antoine qui a accepté de faire les premiers kilomètre avec nous en roller. Un grand merci à lui. Nous partons avec 1h30 de retard sur notre planning initial mais ce retard nous aura permis de rouler sous des chaleurs un peu plus clémentes en ces journée très chaudes.
|
||||||
|
|
||||||
|
Le début de la route est très agréable, Antoine nous propose un itinéraire que nous n'avions presque jamais emprunté jusque La Croix Saint Ouen. Ensuite, la route, impraticable en roller, nous sépare un peu plus tôt que prévu.
|
||||||
|
|
||||||
|
Nous continuons notre périple jusque Pont Sainte Maxence ce soir là avec l'heureuse surprise d'être sur un itinéraire dédié aux vélos qui serpente au milieu d'une très belle campagne. Première péripétie : un passage étroit qui aurait bien pu nous arrêter mais heureusement, les vélos passent… tout juste !
|
||||||
|
|
||||||
|
{{ image(size=480, name="passage_etroit.jpg", caption="Ça passe… large !") }}
|
||||||
|
|
||||||
|
La journée se termine sans encombre et on trouve un lieu de bivouac dans une belle forêt.
|
||||||
|
|
||||||
|
{{ image(size=480, name="bivouac.JPG", caption="Notre premier bivouac") }}
|
||||||
|
|
||||||
|
### Deuxième jour : une grosse étape
|
||||||
|
|
||||||
|
Du fait des grosses chaleurs, on fait le choix de rouler matin et soir. Le réveil (un peu dur) est donc programmé à 6h le lendemain pour un départ à 7h. La route est toujours aussi belle et bien aménagée en ce deuxième jours de vélo. On profite de notre forme pour faire plus de 50km le matin. On se posera ensuite au bord d'un cours d'eau pour une bonne pause cuisine/sieste le reste l'après midi. On repart à nouveau vers 18h pour une journée qui aura vue défiler environ 75km. Ça fait beaucoup pour une deuxième étape mais à nouveau, on trouve une belle forêt pour notre bivouac.
|
||||||
|
|
||||||
|
|
||||||
|
### Troisième jour : Objectif Rouen
|
||||||
|
|
||||||
|
Météo toujours caniculaire, nouveau départ aux aurores. Cette journée sera tout de même différente. J'ai un entretien pour le travail prévu à 14h et ce soir nous avons prévus de dormir chez des hôtes trouvés grâce au réseau [welcome to my garden](https://welcometomygarden.com). Point amusant, nos hôtes utilisent aussi des vélos couchés.
|
||||||
|
|
||||||
|
Nous avions prévu une étape différente, nous ne savions pas à quel point. C'est en début d'après-midi après une pause à nouveau au bord d'une rivière que Tiphaine abîme son dérailleur suite à une mauvaise manipulation. Rien de grave, mais nous avions prévu d'acheter un complément d'outils sur Rouen qui nous manquent pour réparer proprement le vélo. On se pose donc pour bricoler une solution qui nous permettra de faire les kilomètres restant jusqu'à notre destination. La fin du trajet se fait donc plus lentement et avec l'intégralité des bagages sur mon vélo cargo pour ne pas abîmer le vélo de Tiphaine.
|
||||||
|
|
||||||
|
{{ image(size=480, name="velo_charge.jpg", caption="C'est officiel, tous nos bagages passent sur mon vélo.") }}
|
||||||
|
|
||||||
|
### Finalement
|
||||||
|
|
||||||
|
Cette étape aura été une belle étape de mise en jambe tant sur les kilomètres que sur la réaction aux pannes des vélos. On n'a pas encore testé la pluie mais ça tombe bien, elle arrive au prochain épisode…
|
||||||
|
|
||||||
|
### Quelques photos
|
||||||
|
|
||||||
|
{{ gallery(name="gallery") }}
|
||||||
|
|
||||||
|
|
||||||
BIN
content/blog/Le grand départ/passage_etroit.jpg
Normal file
BIN
content/blog/Le grand départ/passage_etroit.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 462 KiB |
BIN
content/blog/Le grand départ/velo_charge.jpg
Normal file
BIN
content/blog/Le grand départ/velo_charge.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 225 KiB |
9
content/blog/_index.md
Normal file
9
content/blog/_index.md
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
+++
|
||||||
|
title = "List of blog posts"
|
||||||
|
sort_by = "date"
|
||||||
|
template = "blog-list.html"
|
||||||
|
page_template = "blog-page.html"
|
||||||
|
|
||||||
|
paginate_by = 9
|
||||||
|
|
||||||
|
+++
|
||||||
BIN
content/blog/drole_de_velo/cargo.jpg
Executable file
BIN
content/blog/drole_de_velo/cargo.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 516 KiB |
16
content/blog/drole_de_velo/index.md
Normal file
16
content/blog/drole_de_velo/index.md
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
+++
|
||||||
|
title = "De droles de vélos"
|
||||||
|
date = 2023-07-04
|
||||||
|
draft = true
|
||||||
|
|
||||||
|
[taxonomies]
|
||||||
|
Categorie = [
|
||||||
|
"Général"
|
||||||
|
]
|
||||||
|
[extra]
|
||||||
|
image="cargo.jpg"
|
||||||
|
+++
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- more -->
|
||||||
13
content/blog/une semaine de woofinx/index.md
Normal file
13
content/blog/une semaine de woofinx/index.md
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
+++
|
||||||
|
title = "Une semaine de wwoofing"
|
||||||
|
date = 2023-07-04
|
||||||
|
draft = true
|
||||||
|
[taxonomies]
|
||||||
|
Categorie = [
|
||||||
|
"Voyage"
|
||||||
|
]
|
||||||
|
[extra]
|
||||||
|
image=""
|
||||||
|
+++
|
||||||
|
|
||||||
|
hello toto
|
||||||
7
content/blog_amis/_index.md
Normal file
7
content/blog_amis/_index.md
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
+++
|
||||||
|
title = "List of notes posts"
|
||||||
|
sort_by = "date"
|
||||||
|
template = "blog-amis.html"
|
||||||
|
page_template = "note-page.html"
|
||||||
|
|
||||||
|
+++
|
||||||
10
content/blog_amis/chosto.md
Normal file
10
content/blog_amis/chosto.md
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
+++
|
||||||
|
title = "Blog de Chosto"
|
||||||
|
date = 2019-11-28
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
short_title="Chosto"
|
||||||
|
url="https://blog.chosto.me"
|
||||||
|
+++
|
||||||
|
Un amis informaticien qui parle de capitalisme de surveillance, de ses rando et qui écrit quelques textes.
|
||||||
|
<!-- more -->
|
||||||
10
content/blog_amis/deuxfleurs.md
Normal file
10
content/blog_amis/deuxfleurs.md
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
+++
|
||||||
|
title = "Blog de Deux fleurs"
|
||||||
|
date = 2019-11-28
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
short_title="Deuxfleurs"
|
||||||
|
url="https://plume.deuxfleurs.fr"
|
||||||
|
+++
|
||||||
|
Un chatons qui crée des outils numériques résilient fasse à un internet lent et instable.
|
||||||
|
<!-- more -->
|
||||||
29
sass/blog.scss
Normal file
29
sass/blog.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
@import url('fonts/Nunito-Regular.woff2');
|
||||||
|
|
||||||
|
$family-sans-serif: "Nunito", sans-serif;
|
||||||
|
|
||||||
|
@import "../bulma/bulma.sass";
|
||||||
|
@import "../bulma/sass/utilities/_all.sass";
|
||||||
|
@import "../bulma/sass/base/_all.sass";
|
||||||
|
@import "../bulma/sass/components/card.sass";
|
||||||
|
@import "../bulma/sass/helpers/_all.sass";
|
||||||
|
@import "../bulma/sass/components/navbar.sass";
|
||||||
|
@import "../bulma/sass/elements/_all.sass";
|
||||||
|
@import "../bulma/sass/grid/columns.sass";
|
||||||
|
@import "../bulma/sass/layout/footer.sass";
|
||||||
|
@import "./fontawesome/scss/fontawesome.scss";
|
||||||
|
@import "./fontawesome/scss/solid.scss";
|
||||||
|
@import "./fontawesome/scss/brands.scss";
|
||||||
|
|
||||||
|
|
||||||
|
.bulma-overlay-mixin {
|
||||||
|
@include overlay(1.5rem);
|
||||||
|
background-color: darkorange;
|
||||||
|
border-radius: 0.25em;
|
||||||
|
color: white;
|
||||||
|
opacity: 0.9;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user