mirror of
https://github.com/jgthms/bulma
synced 2026-03-16 18:44:28 -07:00
Fix imports
This commit is contained in:
Jeremy Thomas
3
docs/.gitignore
vendored
3
docs/.gitignore
vendored
@@ -1,9 +1,10 @@
|
||||
# Files
|
||||
.DS_Store
|
||||
.jekyll-metadata
|
||||
_config.local.yml
|
||||
css/bulma-test.css
|
||||
bulma-test.sass
|
||||
bulma-website-local.sass
|
||||
css/bulma-test.css
|
||||
npm-debug.log
|
||||
|
||||
# Folders
|
||||
|
||||
@@ -11,7 +11,6 @@ url: http://bulma.io
|
||||
|
||||
# Variables
|
||||
|
||||
baseurl: ""
|
||||
documentation: "/documentation/overview/start/"
|
||||
download: https://github.com/jgthms/bulma/archive/0.2.1.zip
|
||||
github: https://github.com/jgthms/bulma
|
||||
|
||||
@@ -10,12 +10,12 @@
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column">
|
||||
<h1 class="title">
|
||||
<a href="{{ site.baseurl }}/blog">Blog</a>
|
||||
<a href="{{ site.url }}/blog">Blog</a>
|
||||
</h1>
|
||||
<p class="subtitle">
|
||||
Stay updated about new features, bug fixes, and releases
|
||||
</p>
|
||||
<a class="button is-primary is-inverted" href="{{ site.baseurl }}/atom.xml">
|
||||
<a class="button is-primary is-inverted" href="{{ site.url }}/atom.xml">
|
||||
<span class="icon">
|
||||
<i class="fa fa-rss"></i>
|
||||
</span>
|
||||
|
||||
@@ -120,12 +120,12 @@
|
||||
<script async id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script>
|
||||
<script async type="text/javascript" src="https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
|
||||
|
||||
<script src="{{ site.baseurl }}/javascript/jquery-2.2.0.min.js"></script>
|
||||
<script src="{{ site.baseurl }}/javascript/clipboard.min.js"></script>
|
||||
<script src="{{ site.baseurl }}/javascript/bulma.js"></script>
|
||||
<script src="{{ site.url }}/javascript/jquery-2.2.0.min.js"></script>
|
||||
<script src="{{ site.url }}/javascript/clipboard.min.js"></script>
|
||||
<script src="{{ site.url }}/javascript/bulma.js"></script>
|
||||
|
||||
{% if page.route == 'index' %}
|
||||
<script type="text/javascript" src="{{ site.baseurl }}/javascript/index.js"></script>
|
||||
<script type="text/javascript" src="{{ site.url }}/javascript/index.js"></script>
|
||||
{% endif %}
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
@@ -7,10 +7,10 @@
|
||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/css/bulma-docs.css">
|
||||
<link rel="stylesheet" href="{{ site.url }}/css/bulma-docs.css">
|
||||
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.url }}">
|
||||
|
||||
<meta property="og:url" content="{{site.url}}">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<nav class="nav">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-brand" href="{{ site.baseurl }}/">
|
||||
<a class="nav-item is-brand" href="{{ site.url }}/">
|
||||
{% if page.route == 'index' %}
|
||||
<img src="{{ site.baseurl }}/images/bulma-type.png" alt="{{ site.title }}">
|
||||
<img src="{{ site.url }}/images/bulma-type.png" alt="{{ site.title }}">
|
||||
{% else %}
|
||||
<img src="{{ site.baseurl }}/images/bulma-type-white.png" alt="{{ site.title }}">
|
||||
<img src="{{ site.url }}/images/bulma-type-white.png" alt="{{ site.title }}">
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
@@ -29,17 +29,17 @@
|
||||
</span>
|
||||
|
||||
<div id="nav-menu" class="nav-right nav-menu">
|
||||
<a class="nav-item {% if page.route == 'index' %}is-active{% endif %}" href="{{ site.baseurl }}/">
|
||||
<a class="nav-item {% if page.route == 'index' %}is-active{% endif %}" href="{{ site.url }}/">
|
||||
Home
|
||||
</a>
|
||||
<a class="is-hidden nav-item {% if page.route == 'templates' %}is-active{% endif %} {% if page.layout == 'templates' %}is-active{% endif %}" href="{{ site.baseurl }}/templates/">
|
||||
<a class="is-hidden nav-item {% if page.route == 'templates' %}is-active{% endif %} {% if page.layout == 'templates' %}is-active{% endif %}" href="{{ site.url }}/templates/">
|
||||
<span>Templates</span>
|
||||
<span class="tag is-small is-success">New!</span>
|
||||
</a>
|
||||
<a class="nav-item {% if page.route == 'documentation' %}is-active{% endif %} {% if page.layout == 'documentation' %}is-active{% endif %}" href="{{ site.documentation }}">
|
||||
Documentation
|
||||
</a>
|
||||
<a class="nav-item {% if page.route == 'blog' %}is-active{% endif %}" href="{{ site.baseurl }}/blog/">
|
||||
<a class="nav-item {% if page.route == 'blog' %}is-active{% endif %}" href="{{ site.url }}/blog/">
|
||||
Blog
|
||||
</a>
|
||||
|
||||
|
||||
@@ -1,34 +1,34 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'card' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/card/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'card' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/card/">
|
||||
Card
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'level' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/level/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'level' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/level/">
|
||||
Level
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'media-object' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/media-object/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'media-object' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/media-object/">
|
||||
Media object
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'menu' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/menu/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'menu' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/menu/">
|
||||
Menu
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'message' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/message/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'message' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/message/">
|
||||
Message
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'modal' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/modal/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'modal' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/modal/">
|
||||
Modal
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'nav' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/nav/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'nav' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/nav/">
|
||||
Nav
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'pagination' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/pagination/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'pagination' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/pagination/">
|
||||
Pagination
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'panel' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/panel/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'panel' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/panel/">
|
||||
Panel
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tabs' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/tabs/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tabs' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/tabs/">
|
||||
Tabs
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,37 +1,37 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'box' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/box/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'box' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/box/">
|
||||
Box
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'button' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/button/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'button' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/button/">
|
||||
Button
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'content' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/content/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'content' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/content/">
|
||||
Content
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'form' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/form/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'form' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/form/">
|
||||
Form
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'icon' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/icon/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'icon' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/icon/">
|
||||
Icon
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'image' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/image/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'image' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/image/">
|
||||
Image
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'notification' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/notification/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'notification' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/notification/">
|
||||
Notification
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'progress' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/progress/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'progress' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/progress/">
|
||||
Progress
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'table' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/table/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'table' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/table/">
|
||||
Table
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tag' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/tag/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tag' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/tag/">
|
||||
Tag
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'title' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/title/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'title' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/title/">
|
||||
Title
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'columns' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/grid/columns/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'columns' %}is-active{% endif %}" href="{{ site.url }}/documentation/grid/columns/">
|
||||
Columns
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tiles' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/grid/tiles/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tiles' %}is-active{% endif %}" href="{{ site.url }}/documentation/grid/tiles/">
|
||||
Tiles
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,16 +1,16 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'container' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/layout/container/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'container' %}is-active{% endif %}" href="{{ site.url }}/documentation/layout/container/">
|
||||
Container
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'hero' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/layout/hero/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'hero' %}is-active{% endif %}" href="{{ site.url }}/documentation/layout/hero/">
|
||||
Hero
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'section' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/layout/section/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'section' %}is-active{% endif %}" href="{{ site.url }}/documentation/layout/section/">
|
||||
Section
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'footer' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/layout/footer/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'footer' %}is-active{% endif %}" href="{{ site.url }}/documentation/layout/footer/">
|
||||
Footer
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'syntax' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/modifiers/syntax/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'syntax' %}is-active{% endif %}" href="{{ site.url }}/documentation/modifiers/syntax/">
|
||||
Syntax
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'helpers' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/modifiers/helpers/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'helpers' %}is-active{% endif %}" href="{{ site.url }}/documentation/modifiers/helpers/">
|
||||
Helpers
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'responsive-helpers' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/modifiers/responsive-helpers/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'responsive-helpers' %}is-active{% endif %}" href="{{ site.url }}/documentation/modifiers/responsive-helpers/">
|
||||
Responsive helpers
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'start' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/start/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'start' %}is-active{% endif %}" href="{{ site.url }}/documentation/overview/start/">
|
||||
Start
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'variables' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/variables/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'variables' %}is-active{% endif %}" href="{{ site.url }}/documentation/overview/variables/">
|
||||
Variables
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'responsiveness' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/responsiveness/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'responsiveness' %}is-active{% endif %}" href="{{ site.url }}/documentation/overview/responsiveness/">
|
||||
Responsiveness
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'modular' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/modular/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'modular' %}is-active{% endif %}" href="{{ site.url }}/documentation/overview/modular/">
|
||||
Modular
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'classes' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/classes/">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'classes' %}is-active{% endif %}" href="{{ site.url }}/documentation/overview/classes/">
|
||||
Classes
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -36,19 +36,19 @@ route: documentation
|
||||
<a href="{{ site.documentation }}">Overview</a>
|
||||
</li>
|
||||
<li {% if page.doc-tab == 'modifiers' %}class="is-active"{% endif %}>
|
||||
<a href="{{ site.baseurl }}/documentation/modifiers/syntax">Modifiers</a>
|
||||
<a href="{{ site.url }}/documentation/modifiers/syntax">Modifiers</a>
|
||||
</li>
|
||||
<li {% if page.doc-tab == 'grid' %}class="is-active"{% endif %}>
|
||||
<a href="{{ site.baseurl }}/documentation/grid/columns">Grid</a>
|
||||
<a href="{{ site.url }}/documentation/grid/columns">Grid</a>
|
||||
</li>
|
||||
<li {% if page.doc-tab == 'elements' %}class="is-active"{% endif %}>
|
||||
<a href="{{ site.baseurl }}/documentation/elements/box/">Elements</a>
|
||||
<a href="{{ site.url }}/documentation/elements/box/">Elements</a>
|
||||
</li>
|
||||
<li {% if page.doc-tab == 'components' %}class="is-active"{% endif %}>
|
||||
<a href="{{ site.baseurl }}/documentation/components/card/">Components</a>
|
||||
<a href="{{ site.url }}/documentation/components/card/">Components</a>
|
||||
</li>
|
||||
<li {% if page.doc-tab == 'layout' %}class="is-active"{% endif %}>
|
||||
<a href="{{ site.baseurl }}/documentation/layout/container/">Layout</a>
|
||||
<a href="{{ site.url }}/documentation/layout/container/">Layout</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -9,7 +9,7 @@ route: blog
|
||||
<div class="container">
|
||||
<article class="article {{ page.category | downcase }}{% if page.recommended == true %} recommended{% endif %}">
|
||||
<p class="subtitle">
|
||||
<a href="{{ site.baseurl }}/blog">Back</a>
|
||||
<a href="{{ site.url }}/blog">Back</a>
|
||||
</p>
|
||||
<p class="subtitle is-4">
|
||||
{{ page.date | date_to_string }}
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
@charset "utf-8"
|
||||
|
||||
@import "../bulma.sass"
|
||||
@import "../sass/utilities/mixins.sass"
|
||||
@import "../bulma"
|
||||
|
||||
// Override
|
||||
.button
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
5887
docs/css/bulma.css
vendored
5887
docs/css/bulma.css
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,175 +0,0 @@
|
||||
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
article, aside, figure, footer, header, nav, section, details, summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
img,
|
||||
object,
|
||||
embed {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
abbr[title], dfn[title] {
|
||||
border-bottom: 1px dotted #000;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
td {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input, select {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
white-space: pre-line;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
select, input, textarea {
|
||||
font: 99% sans-serif;
|
||||
}
|
||||
|
||||
table {
|
||||
font-size: inherit;
|
||||
font: 100%;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
td, td img {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
sub, sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
pre, code, kbd, samp {
|
||||
font-family: monospace, sans-serif;
|
||||
}
|
||||
|
||||
label,
|
||||
input[type=button],
|
||||
input[type=submit],
|
||||
input[type=file],
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button, input, select, textarea {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type=button] {
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
@keyframes spin-around {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@@ -199,7 +199,7 @@ doc-subtab: level
|
||||
<a class="link is-info">Menu</a>
|
||||
</p>
|
||||
<p class="level-item has-text-centered">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type.png" alt="" style="height: 33px;">
|
||||
<img src="{{ site.url }}/images/bulma-type.png" alt="" style="height: 33px;">
|
||||
</p>
|
||||
<p class="level-item has-text-centered">
|
||||
<a class="link is-info">Reservations</a>
|
||||
@@ -219,7 +219,7 @@ doc-subtab: level
|
||||
<a class="link is-info">Menu</a>
|
||||
</p>
|
||||
<p class="level-item has-text-centered">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type.png" alt="" style="height: 33px;">
|
||||
<img src="{{ site.url }}/images/bulma-type.png" alt="" style="height: 33px;">
|
||||
</p>
|
||||
<p class="level-item has-text-centered">
|
||||
<a class="link is-info">Reservations</a>
|
||||
|
||||
@@ -37,7 +37,7 @@ doc-subtab: nav
|
||||
<nav class="nav">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-brand" href="#">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type.png" alt="Bulma logo">
|
||||
<img src="{{ site.url }}/images/bulma-type.png" alt="Bulma logo">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -93,7 +93,7 @@ doc-subtab: nav
|
||||
<nav class="nav">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-brand" href="#">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type.png" alt="Bulma logo">
|
||||
<img src="{{ site.url }}/images/bulma-type.png" alt="Bulma logo">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -434,7 +434,7 @@ doc-subtab: hero
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type-white.png" alt="Logo">
|
||||
<img src="{{ site.url }}/images/bulma-type-white.png" alt="Logo">
|
||||
</a>
|
||||
</div>
|
||||
<span class="nav-toggle">
|
||||
@@ -581,7 +581,7 @@ doc-subtab: hero
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type-white.png" alt="Logo">
|
||||
<img src="{{ site.url }}/images/bulma-type-white.png" alt="Logo">
|
||||
</a>
|
||||
</div>
|
||||
<span class="nav-toggle">
|
||||
@@ -728,7 +728,7 @@ doc-subtab: hero
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type-white.png" alt="Logo">
|
||||
<img src="{{ site.url }}/images/bulma-type-white.png" alt="Logo">
|
||||
</a>
|
||||
</div>
|
||||
<span class="nav-toggle">
|
||||
|
||||
@@ -196,7 +196,7 @@ doc-tab: navbar
|
||||
<a class="link is-info">Menu</a>
|
||||
</p>
|
||||
<p class="navbar-item has-text-centered">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type.png" alt="" style="height: 33px;">
|
||||
<img src="{{ site.url }}/images/bulma-type.png" alt="" style="height: 33px;">
|
||||
</p>
|
||||
<p class="navbar-item has-text-centered">
|
||||
<a class="link is-info">Reservations</a>
|
||||
@@ -216,7 +216,7 @@ doc-tab: navbar
|
||||
<a class="link is-info">Menu</a>
|
||||
</p>
|
||||
<p class="navbar-item has-text-centered">
|
||||
<img src="{{ site.baseurl }}/images/bulma-type.png" alt="" style="height: 33px;">
|
||||
<img src="{{ site.url }}/images/bulma-type.png" alt="" style="height: 33px;">
|
||||
</p>
|
||||
<p class="navbar-item has-text-centered">
|
||||
<a class="link is-info">Reservations</a>
|
||||
|
||||
@@ -29,7 +29,7 @@ doc-subtab: classes
|
||||
<a href="https://github.com/jgthms/bulma/blob/master/bulma/base/generic.sass"><code>generic.sass</code></a> to define a basic style for your page
|
||||
</li>
|
||||
<li>
|
||||
the <a href="{{ site.baseurl }}/documentation/elements/content/"><code>.content</code> class </a> to use for <em>any</em> textual content, like WYSIWYG
|
||||
the <a href="{{ site.url }}/documentation/elements/content/"><code>.content</code> class </a> to use for <em>any</em> textual content, like WYSIWYG
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -22,10 +22,11 @@ doc-subtab: modular
|
||||
<br>
|
||||
The file is located in the <code>bulma/sass/grid</code> folder.
|
||||
<br>
|
||||
Simply <strong>import</strong> it directly:
|
||||
Simply <strong>import</strong> the utilities dependencies, and then the files you need directly:
|
||||
</p>
|
||||
{% highlight sass %}
|
||||
@import "bulma/sass/grid/columns.sass"
|
||||
@import "bulma/sass/utilities/_all
|
||||
@import "bulma/sass/grid/columns"
|
||||
{% endhighlight %}
|
||||
<p>
|
||||
Now you can use the classes <code>.columns</code> (for the container) and <code>.column</code> directly:
|
||||
|
||||
@@ -48,7 +48,7 @@ route: index
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<nav class="columns">
|
||||
<a class="column has-text-centered" href="{{ site.baseurl }}/documentation/overview/responsiveness/">
|
||||
<a class="column has-text-centered" href="{{ site.url }}/documentation/overview/responsiveness/">
|
||||
<span class="icon is-large" style="margin-right: -15px;">
|
||||
<i class="fa fa-mobile"></i>
|
||||
</span>
|
||||
@@ -61,14 +61,14 @@ route: index
|
||||
<p class="title is-4"><strong>Responsive</strong></p>
|
||||
<p class="subtitle">Designed for <strong>mobile</strong>-first</p>
|
||||
</a>
|
||||
<a class="column has-text-centered" href="{{ site.baseurl }}/documentation/overview/modular/">
|
||||
<a class="column has-text-centered" href="{{ site.url }}/documentation/overview/modular/">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-cubes"></i>
|
||||
</span>
|
||||
<p class="title is-4"><strong>Modular</strong></p>
|
||||
<p class="subtitle">Just import what you <strong>need</strong></p>
|
||||
</a>
|
||||
<a class="column has-text-centered" href="{{ site.baseurl }}/documentation/grid/columns/">
|
||||
<a class="column has-text-centered" href="{{ site.url }}/documentation/grid/columns/">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-css3"></i>
|
||||
</span>
|
||||
@@ -90,7 +90,7 @@ route: index
|
||||
<section class="section is-medium">
|
||||
<div class="container">
|
||||
<h3 class="title is-2">
|
||||
<a href="{{ site.baseurl }}/documentation/grid/columns">
|
||||
<a href="{{ site.url }}/documentation/grid/columns">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-pause"></i>
|
||||
</span>
|
||||
@@ -188,7 +188,7 @@ route: index
|
||||
<section class="section is-medium">
|
||||
<div class="container">
|
||||
<h3 class="title is-2">
|
||||
<a href="{{ site.baseurl }}/documentation/grid/tiles">
|
||||
<a href="{{ site.url }}/documentation/grid/tiles">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-th-large"></i>
|
||||
</span>
|
||||
@@ -280,7 +280,7 @@ route: index
|
||||
<section class="section is-medium">
|
||||
<div class="container">
|
||||
<h3 class="title is-2">
|
||||
<a href="{{ site.baseurl }}/documentation/components/level/">
|
||||
<a href="{{ site.url }}/documentation/components/level/">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-arrows-h"></i>
|
||||
</span>
|
||||
@@ -344,7 +344,7 @@ route: index
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column">
|
||||
<h3 class="title is-2">
|
||||
<a href="{{ site.baseurl }}/documentation/components/media-object/">
|
||||
<a href="{{ site.url }}/documentation/components/media-object/">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-magic"></i>
|
||||
</span>
|
||||
@@ -405,7 +405,7 @@ route: index
|
||||
<div class="hero-body">
|
||||
<div class="container has-text-centered">
|
||||
<h3 class="title is-2">
|
||||
<a href="{{ site.baseurl }}/documentation/layout/hero/">
|
||||
<a href="{{ site.url }}/documentation/layout/hero/">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-arrows-v"></i>
|
||||
</span>
|
||||
@@ -432,7 +432,7 @@ route: index
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column">
|
||||
<h3 class="title is-2">
|
||||
<a href="{{ site.baseurl }}/documentation/modifiers/syntax/">
|
||||
<a href="{{ site.url }}/documentation/modifiers/syntax/">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-cogs"></i>
|
||||
</span>
|
||||
@@ -476,7 +476,7 @@ route: index
|
||||
<section class="section is-medium">
|
||||
<div class="container">
|
||||
<h3 class="title is-2">
|
||||
<a href="{{ site.baseurl }}/documentation/elements/box/">
|
||||
<a href="{{ site.url }}/documentation/elements/box/">
|
||||
<span class="icon is-large">
|
||||
<i class="fa fa-asterisk"></i>
|
||||
</span>
|
||||
|
||||
@@ -26,21 +26,21 @@ route: templates
|
||||
<div class="container">
|
||||
<div class="columns is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a class="box" href="{{ site.baseurl }}/templates/everything.html">
|
||||
<a class="box" href="{{ site.url }}/templates/everything.html">
|
||||
<h3 class="title is-4">Everything</h3>
|
||||
<h4 class="subtitle is-5">All Bulma elements on one page</h4>
|
||||
<figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a class="box" href="{{ site.baseurl }}/templates/business.html">
|
||||
<a class="box" href="{{ site.url }}/templates/business.html">
|
||||
<h3 class="title is-4">Business</h3>
|
||||
<h4 class="subtitle is-5">Classic business homepage</h4>
|
||||
<figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a class="box" href="{{ site.baseurl }}/templates/welcome.html">
|
||||
<a class="box" href="{{ site.url }}/templates/welcome.html">
|
||||
<h3 class="title is-4">Welcome</h3>
|
||||
<h4 class="subtitle is-5">Simple one-page introduction</h4>
|
||||
<figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure>
|
||||
|
||||
@@ -10,7 +10,7 @@ route: index
|
||||
Thank you!
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
Go back to the <a href="{{ site.baseurl }}">homepage</a>
|
||||
Go back to the <a href="{{ site.url }}">homepage</a>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user