mirror of
https://github.com/jgthms/bulma.git
synced 2025-01-09 15:44:25 +00:00
Use https for Bulma
This commit is contained in:
parent
605984f36c
commit
80bd5415be
10
README.md
10
README.md
@ -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).
|
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)
|
[![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)
|
[![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
|
## 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)
|
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.
|
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
|
## 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
|
* Chrome
|
||||||
* Edge
|
* 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.
|
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
|
## Related projects
|
||||||
|
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "bulma",
|
"name": "bulma",
|
||||||
"version": "0.6.0",
|
"version": "0.6.0",
|
||||||
"homepage": "http://bulma.io",
|
"homepage": "https://bulma.io",
|
||||||
"authors": [
|
"authors": [
|
||||||
"jgthms <bbxdesign@gmail.com>"
|
"jgthms <bbxdesign@gmail.com>"
|
||||||
],
|
],
|
||||||
|
@ -8,7 +8,7 @@ env: "production"
|
|||||||
|
|
||||||
markdown: kramdown
|
markdown: kramdown
|
||||||
permalink: pretty
|
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']
|
exclude: ['icons', 'node_modules', 'templates', '.babelrc', 'bulma-docs.sass', 'docker-compose.yml', 'package.json', 'yarn.lock']
|
||||||
|
|
||||||
# Icons
|
# Icons
|
||||||
|
@ -1,15 +1,15 @@
|
|||||||
---
|
---
|
||||||
layout: post
|
layout: post
|
||||||
title: "Metro UI CSS grid with Bulma tiles"
|
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"
|
color: "info"
|
||||||
name: "Metro UI"
|
name: "Metro UI"
|
||||||
icon: "th-large"
|
icon: "th-large"
|
||||||
---
|
---
|
||||||
|
|
||||||
Have you ever wanted to build a **Metro-UI-like grid in CSS**?
|
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/)!
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
---
|
---
|
||||||
layout: post
|
layout: post
|
||||||
title: "Bulma / Bootstrap comparison"
|
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"
|
color: "bootstrap"
|
||||||
name: "Bulma over Bootstrap?"
|
name: "Bulma over Bootstrap?"
|
||||||
icon: "heart"
|
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.
|
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.
|
||||||
|
@ -175,7 +175,7 @@ variables:
|
|||||||
{% include anchor.html name="Icons" %}
|
{% include anchor.html name="Icons" %}
|
||||||
|
|
||||||
<div class="content">
|
<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>
|
</div>
|
||||||
|
|
||||||
{% include snippet.html content=breadcrumb_icons_example horizontal=true clipped=true %}
|
{% include snippet.html content=breadcrumb_icons_example horizontal=true clipped=true %}
|
||||||
|
@ -401,7 +401,7 @@ variables:
|
|||||||
{% include anchor.html name="Icons" %}
|
{% include anchor.html name="Icons" %}
|
||||||
|
|
||||||
<div class="content">
|
<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>
|
</div>
|
||||||
|
|
||||||
{% include snippet.html content=tabs_icons_example horizontal=true more=true %}
|
{% include snippet.html content=tabs_icons_example horizontal=true more=true %}
|
||||||
|
@ -63,7 +63,7 @@ variables:
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="title">Icons</h1>
|
<h1 class="title">Icons</h1>
|
||||||
<h2 class="subtitle">
|
<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>
|
</h2>
|
||||||
{%
|
{%
|
||||||
include meta.html
|
include meta.html
|
||||||
|
@ -30,13 +30,13 @@ images:
|
|||||||
---
|
---
|
||||||
|
|
||||||
{% capture image_example %}
|
{% 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">
|
<img src="/path/to/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
|
||||||
</a>
|
</a>
|
||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
|
|
||||||
{% capture image_bigger_example %}
|
{% 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">
|
<img src="/path/to/made-with-bulma.png" alt="Made with Bulma" width="256" height="48">
|
||||||
</a>
|
</a>
|
||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
@ -112,7 +112,7 @@ images:
|
|||||||
|
|
||||||
<div class="bd-snippet bd-is-vertical bd-is-two-fifths">
|
<div class="bd-snippet bd-is-vertical bd-is-two-fifths">
|
||||||
<div class="bd-snippet-preview">
|
<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">
|
<img src="{{ site.url }}/images/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -129,7 +129,7 @@ images:
|
|||||||
|
|
||||||
<div class="bd-snippet bd-is-vertical bd-is-two-fifths">
|
<div class="bd-snippet bd-is-vertical bd-is-two-fifths">
|
||||||
<div class="bd-snippet-preview">
|
<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">
|
<img src="{{ site.url }}/images/made-with-bulma.png" alt="Made with Bulma" width="256" height="48">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -147,7 +147,7 @@ images:
|
|||||||
</div>
|
</div>
|
||||||
{% for image in page.images %}
|
{% for image in page.images %}
|
||||||
{% capture image_example %}
|
{% 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">
|
<img src="{{ site.url }}/images/made-with-bulma{{ image.type }}.png" alt="Made with Bulma" width="128" height="24">
|
||||||
</a>
|
</a>
|
||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "bulma",
|
"name": "bulma",
|
||||||
"version": "0.6.0",
|
"version": "0.6.0",
|
||||||
"homepage": "http://bulma.io",
|
"homepage": "https://bulma.io",
|
||||||
"author": "Jeremy Thomas <bbxdesign@gmail.com> (http://jgthms.com)",
|
"author": "Jeremy Thomas <bbxdesign@gmail.com> (http://jgthms.com)",
|
||||||
"description": "Modern CSS framework based on Flexbox",
|
"description": "Modern CSS framework based on Flexbox",
|
||||||
"main": "bulma.sass",
|
"main": "bulma.sass",
|
||||||
|
Loading…
Reference in New Issue
Block a user