library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2025-01-09 15:44:25 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use https for Bulma

Browse Source
This commit is contained in:
Jeremy Thomas 2017-10-16 13:23:57 +01:00
parent 605984f36c
commit 80bd5415be
10 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -1,4 +1,4 @@
# [Bulma](http://bulma.io)
# [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).
@ -9,7 +9,7 @@ Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla
[![Join the chat at https://gitter.im/jgthms/bulma](https://badges.gitter.im/jgthms/bulma.svg)](https://gitter.im/jgthms/bulma)
[![Build Status](https://travis-ci.org/jgthms/bulma.svg?branch=master)](https://travis-ci.org/jgthms/bulma)
<a href="http://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" height="315"></a>
<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" height="315"></a>
## Quick install
@ -44,13 +44,13 @@ Feel free to raise an issue or submit a pull request.
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](http://bulma.io/documentation/overview/variables/).
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](http://caniuse.com/#feat=flexbox), Bulma is compatible with **recent** versions of:
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
@ -64,7 +64,7 @@ Internet Explorer (10+) is only partially supported.
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.](http://bulma.io/documentation/overview/start/)
Browse the [online documentation here.](https://bulma.io/documentation/overview/start/)
## Related projects

2
bower.json
View File

@ -1,7 +1,7 @@
{
"name": "bulma",
"version": "0.6.0",
"homepage": "http://bulma.io",
"homepage": "https://bulma.io",
"authors": [
"jgthms <bbxdesign@gmail.com>"
],

2
docs/_config.yml
View File

@ -8,7 +8,7 @@ env: "production"
markdown: kramdown
permalink: pretty
url: http://bulma.io
url: https://bulma.io
exclude: ['icons', 'node_modules', 'templates', '.babelrc', 'bulma-docs.sass', 'docker-compose.yml', 'package.json', 'yarn.lock']
# Icons

8
docs/_posts/2016-04-11-metro-ui-css-grid-with-bulma-tiles.md
View File

@ -1,15 +1,15 @@
---
layout: post
title: "Metro UI CSS grid with Bulma tiles"
introduction: "Have you ever wanted to build a **Metro-UI-like grid in CSS**?<br>Thanks to Flexbox and the new [Bulma tiles](http://bulma.io/documentation/layout/tiles/), you now can! And it only requires 1 HTML element: the `tile` element."
introduction: "Have you ever wanted to build a **Metro-UI-like grid in CSS**?<br>Thanks to Flexbox and the new [Bulma tiles](https://bulma.io/documentation/layout/tiles/), you now can! And it only requires 1 HTML element: the `tile` element."
color: "info"
name: "Metro UI"
icon: "th-large"
---
Have you ever wanted to build a **Metro-UI-like grid in CSS**?
Thanks to Flexbox and the new [Bulma tiles](http://bulma.io/documentation/layout/tiles/), you now can! And it only requires 1 HTML element: the `tile` element.
Thanks to Flexbox and the new [Bulma tiles](https://bulma.io/documentation/layout/tiles/), you now can! And it only requires 1 HTML element: the `tile` element.
[![Metro UI grid tiles in CSS](/images/blog/metro-ui-css-grid-tiles.png)](http://bulma.io/documentation/layout/tiles/)
[![Metro UI grid tiles in CSS](/images/blog/metro-ui-css-grid-tiles.png)](https://bulma.io/documentation/layout/tiles/)
Check out the [documentation](http://bulma.io/documentation/layout/tiles/)!
Check out the [documentation](https://bulma.io/documentation/layout/tiles/)!

4
docs/_posts/2017-08-01-bulma-bootstrap-comparison.md
View File

@ -1,7 +1,7 @@
---
layout: post
title: "Bulma / Bootstrap comparison"
introduction: "If you're unsure _how_ or _why_ you should try out Bulma if you're familiar to Bootstrap, the new page [\"Alternative to Bootstrap\"](http://bulma.io/alternative-to-bootstrap/) tries to help you answer questions you might have."
introduction: "If you're unsure _how_ or _why_ you should try out Bulma if you're familiar to Bootstrap, the new page [\"Alternative to Bootstrap\"](https://bulma.io/alternative-to-bootstrap/) tries to help you answer questions you might have."
color: "bootstrap"
name: "Bulma over Bootstrap?"
icon: "heart"
@ -11,4 +11,4 @@ Bulma has always been a Bootstrap fan, inspired by its goal and purpose.
Some users ask why they should use Bulma over Bootstrap, and there is **no definite answer**, because while both CSS frameworks share _similarities_, they also **differ** in many ways.
The new page [\"Alternative to Bootstrap\"](http://bulma.io/alternative-to-bootstrap/) draws a **feature comparison** to help undecided users choose the right tool for their web design needs, which can be either Bulma or Bootstrap.
The new page [\"Alternative to Bootstrap\"](https://bulma.io/alternative-to-bootstrap/) draws a **feature comparison** to help undecided users choose the right tool for their web design needs, which can be either Bulma or Bootstrap.

2
docs/documentation/components/breadcrumb.html
View File

@ -175,7 +175,7 @@ variables:
{% include anchor.html name="Icons" %}
<div class="content">
<p>You can use any of the <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a> <strong>icons</strong>.</p>
<p>You can use any of the <a href="http://fontawesome.io/">Font Awesome</a> <strong>icons</strong>.</p>
</div>
{% include snippet.html content=breadcrumb_icons_example horizontal=true clipped=true %}

2
docs/documentation/components/tabs.html
View File

@ -401,7 +401,7 @@ variables:
{% include anchor.html name="Icons" %}
<div class="content">
<p>You can use any of the <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a> <strong>icons</strong>.</p>
<p>You can use any of the <a href="http://fontawesome.io/">Font Awesome</a> <strong>icons</strong>.</p>
</div>
{% include snippet.html content=tabs_icons_example horizontal=true more=true %}

2
docs/documentation/elements/icon.html
View File

@ -63,7 +63,7 @@ variables:
<div class="container">
<h1 class="title">Icons</h1>
<h2 class="subtitle">
Bulma is compatible with <strong>all icon font libraries</strong>: <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a>, <a href="https://materialdesignicons.com">Material Design Icons</a>, <a href="https://useiconic.com/open">Open Iconic</a>, <a href="http://ionicons.com/">Ionicons</a> etc.
Bulma is compatible with <strong>all icon font libraries</strong>: <a href="http://fontawesome.io/">Font Awesome</a>, <a href="https://materialdesignicons.com">Material Design Icons</a>, <a href="https://useiconic.com/open">Open Iconic</a>, <a href="http://ionicons.com/">Ionicons</a> etc.
</h2>
{%
include meta.html

10
docs/made-with-bulma.html
View File

@ -30,13 +30,13 @@ images:
---
{% capture image_example %}
<a href="http://bulma.io">
<a href="https://bulma.io">
<img src="/path/to/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
</a>
{% endcapture %}
{% capture image_bigger_example %}
<a href="http://bulma.io">
<a href="https://bulma.io">
<img src="/path/to/made-with-bulma.png" alt="Made with Bulma" width="256" height="48">
</a>
{% endcapture %}
@ -112,7 +112,7 @@ images:
<div class="bd-snippet bd-is-vertical bd-is-two-fifths">
<div class="bd-snippet-preview">
<a href="http://bulma.io">
<a href="https://bulma.io">
<img src="{{ site.url }}/images/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
</a>
</div>
@ -129,7 +129,7 @@ images:
<div class="bd-snippet bd-is-vertical bd-is-two-fifths">
<div class="bd-snippet-preview">
<a href="http://bulma.io">
<a href="https://bulma.io">
<img src="{{ site.url }}/images/made-with-bulma.png" alt="Made with Bulma" width="256" height="48">
</a>
</div>
@ -147,7 +147,7 @@ images:
</div>
{% for image in page.images %}
{% capture image_example %}
<a href="http://bulma.io">
<a href="https://bulma.io">
<img src="{{ site.url }}/images/made-with-bulma{{ image.type }}.png" alt="Made with Bulma" width="128" height="24">
</a>
{% endcapture %}

2
package.json
View File

@ -1,7 +1,7 @@
{
"name": "bulma",
"version": "0.6.0",
"homepage": "http://bulma.io",
"homepage": "https://bulma.io",
"author": "Jeremy Thomas <bbxdesign@gmail.com> (http://jgthms.com)",
"description": "Modern CSS framework based on Flexbox",
"main": "bulma.sass",