mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
Remove Open Iconic references
This commit is contained in:
parent
12af036051
commit
5944dcad67
@ -1,7 +1,6 @@
|
|||||||
{
|
{
|
||||||
"fontawesome4": "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css",
|
"fontawesome4": "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css",
|
||||||
"fontawesome5": "https://use.fontawesome.com/releases/v5.3.1/js/all.js",
|
"fontawesome5": "https://use.fontawesome.com/releases/v5.3.1/js/all.js",
|
||||||
"iconic": "https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic.min.css",
|
|
||||||
"ionicons": "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css",
|
"ionicons": "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css",
|
||||||
"mdi": "https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css"
|
"mdi": "https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css"
|
||||||
}
|
}
|
||||||
|
@ -9,9 +9,6 @@
|
|||||||
{% if page.fontawesome4 %}
|
{% if page.fontawesome4 %}
|
||||||
<link rel="stylesheet" href="{{ site.data.icons.fontawesome4 }}">
|
<link rel="stylesheet" href="{{ site.data.icons.fontawesome4 }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if page.iconic %}
|
|
||||||
<link rel="stylesheet" href="{{ site.data.icons.iconic }}">
|
|
||||||
{% endif %}
|
|
||||||
{% if page.ionicons %}
|
{% if page.ionicons %}
|
||||||
<link rel="stylesheet" href="{{ site.data.icons.ionicons }}">
|
<link rel="stylesheet" href="{{ site.data.icons.ionicons }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
@ -8,7 +8,7 @@ icon: "font-awesome"
|
|||||||
icon_brand: true
|
icon_brand: true
|
||||||
---
|
---
|
||||||
|
|
||||||
Bulma is **icon library agnostic**: this means that you can use _any_ icon font library (like Font Awesome 4 or 5, Material Design Icons, Open Iconic, Ionicons…) with Bulma's `icon` class.
|
Bulma is **icon library agnostic**: this means that you can use _any_ icon font library (like Font Awesome 4 or 5, Material Design Icons, Ionicons…) with Bulma's `icon` class.
|
||||||
|
|
||||||
As a result, **Bulma already supports Font Awesome 5**! 😃
|
As a result, **Bulma already supports Font Awesome 5**! 😃
|
||||||
|
|
||||||
|
@ -1,8 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Icon
|
title: Icon
|
||||||
subtitle: "Bulma is compatible with <strong>all icon font libraries</strong>: <a href=\"https://fontawesome.com/\">Font Awesome 5</a>, <a href=\"http://fontawesome.io/\">Font Awesome 4</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."
|
subtitle: "Bulma is compatible with <strong>all icon font libraries</strong>: <a href=\"https://fontawesome.com/\">Font Awesome 5</a>, <a href=\"http://fontawesome.io/\">Font Awesome 4</a>, <a href=\"https://materialdesignicons.com\">Material Design Icons</a>, <a href=\"http://ionicons.com/\">Ionicons</a>, etc."
|
||||||
fontawesome4: true
|
fontawesome4: true
|
||||||
iconic: true
|
|
||||||
ionicons: true
|
ionicons: true
|
||||||
mdi: true
|
mdi: true
|
||||||
layout: documentation
|
layout: documentation
|
||||||
@ -751,104 +750,6 @@ meta:
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
{% include elements/anchor.html name="Open Iconic" %}
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
<p>
|
|
||||||
Here is how the <code>icon</code> container can be used with <a href="https://useiconic.com/open">Open Iconic</a>.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<table class="table is-bordered">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Container class</th>
|
|
||||||
<th>Container size</th>
|
|
||||||
<th>Iconic class</th>
|
|
||||||
<th>Icon size</th>
|
|
||||||
<th>Result</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>icon is-small</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>1rem x 1rem</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>oi [data-glyph=puzzle-piece]</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>1em</code>
|
|
||||||
</td>
|
|
||||||
<td class="bd-icon-size">
|
|
||||||
<span class="icon is-small">
|
|
||||||
<span class="oi" data-glyph="puzzle-piece"></span>
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>icon</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>1.5rem x 1.5rem</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>oi [data-glyph=puzzle-piece]</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>1em</code>
|
|
||||||
</td>
|
|
||||||
<td class="bd-icon-size">
|
|
||||||
<span class="icon">
|
|
||||||
<span class="oi" data-glyph="puzzle-piece"></span>
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>icon is-medium</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>2rem x 2rem</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>oi [data-glyph=puzzle-piece]</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>1em</code>
|
|
||||||
</td>
|
|
||||||
<td class="bd-icon-size">
|
|
||||||
<span class="icon is-medium">
|
|
||||||
<span class="oi" data-glyph="puzzle-piece"></span>
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>icon is-large</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>3rem x 3rem</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>oi [data-glyph=puzzle-piece]</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<code>1em</code>
|
|
||||||
</td>
|
|
||||||
<td class="bd-icon-size">
|
|
||||||
<span class="icon is-large">
|
|
||||||
<span class="oi" data-glyph="puzzle-piece"></span>
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
{% include elements/anchor.html name="Ionicons" %}
|
{% include elements/anchor.html name="Ionicons" %}
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
Loading…
Reference in New Issue
Block a user