mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
Fix imports
This commit is contained in:
Jeremy Thomas
parent
c52a3da371
commit
aed21e7fb3
1
.gitignore
vendored
1
.gitignore
vendored
@ -1,6 +1,7 @@
|
||||
# Files
|
||||
.DS_Store
|
||||
.ruby-version
|
||||
test.sass
|
||||
npm-debug.log
|
||||
|
||||
# Folders
|
||||
|
||||
@ -1,5 +1,9 @@
|
||||
# Bulma Changelog
|
||||
|
||||
## 0.2.2
|
||||
|
||||
* Fix: remove multiple imports
|
||||
|
||||
## 0.2.1
|
||||
|
||||
* Fix: container flex
|
||||
|
||||
11
bulma.sass
vendored
11
bulma.sass
vendored
@ -1,7 +1,8 @@
|
||||
@charset "utf-8"
|
||||
|
||||
@import "sass/base/base.sass"
|
||||
@import "sass/elements/elements.sass"
|
||||
@import "sass/components/components.sass"
|
||||
@import "sass/grid/grid.sass"
|
||||
@import "sass/layout/layout.sass"
|
||||
@import "sass/utilities/_all"
|
||||
@import "sass/base/_all"
|
||||
@import "sass/elements/_all"
|
||||
@import "sass/components/_all"
|
||||
@import "sass/grid/_all"
|
||||
@import "sass/layout/_all"
|
||||
|
||||
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>
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
$body-background: $white-ter !default
|
||||
|
||||
html
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
|
||||
// Display
|
||||
|
||||
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.card-header
|
||||
align-items: stretch
|
||||
box-shadow: 0 1px 2px rgba($black, 0.1)
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.level-item
|
||||
.title,
|
||||
.subtitle
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.media-number,
|
||||
.media-left,
|
||||
.media-right
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.menu-nav
|
||||
a
|
||||
display: block
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/functions.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.message-body
|
||||
border: 1px solid $border
|
||||
border-radius: $radius
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.modal-background
|
||||
+overlay
|
||||
background-color: rgba($black, 0.86)
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
$nav-height: 50px !default
|
||||
|
||||
// Components
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.pagination
|
||||
align-items: center
|
||||
display: flex
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.panel-icon
|
||||
+fa(14px, 16px)
|
||||
color: $text-light
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.tabs
|
||||
+block
|
||||
+unselectable
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.box
|
||||
+block
|
||||
background-color: $white
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/controls.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
=button-small
|
||||
border-radius: $radius-small
|
||||
font-size: 11px
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.content
|
||||
+block
|
||||
color: $text
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/controls.sass"
|
||||
@import "../utilities/mixins.sass"
|
||||
|
||||
=form-control
|
||||
+control
|
||||
@each $name, $pair in $colors
|
||||
@ -238,7 +235,7 @@
|
||||
margin-right: 10px
|
||||
&.is-expanded
|
||||
flex-grow: 1
|
||||
flex-shrink: 0
|
||||
flex-shrink: 1
|
||||
&.is-grouped-centered
|
||||
justify-content: center
|
||||
&.is-grouped-right
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
|
||||
$dimensions: 16 24 32 48 64 96 128
|
||||
|
||||
.image
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.notification
|
||||
+block
|
||||
+clearfix
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.block
|
||||
+block
|
||||
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.progress
|
||||
+block
|
||||
-moz-appearance: none
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
$table: $text-strong !default
|
||||
$table-background: $white !default
|
||||
$table-border: $border !default
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.title,
|
||||
.subtitle
|
||||
+block
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.column
|
||||
display: block
|
||||
flex-basis: 0
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.tile
|
||||
align-items: stretch
|
||||
display: block
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.footer
|
||||
background-color: $background
|
||||
padding: 40px 20px 80px
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
// Components
|
||||
|
||||
.hero-video
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "../utilities/mixins.sass"
|
||||
@import "../utilities/variables.sass"
|
||||
|
||||
.section
|
||||
background-color: $white
|
||||
padding: 40px 20px
|
||||
|
||||
6
sass/utilities/_all.sass
Normal file
6
sass/utilities/_all.sass
Normal file
@ -0,0 +1,6 @@
|
||||
@charset "utf-8"
|
||||
|
||||
@import "functions.sass"
|
||||
@import "variables.sass"
|
||||
@import "mixins.sass"
|
||||
@import "controls.sass"
|
||||
@ -1,5 +0,0 @@
|
||||
@keyframes spin-around
|
||||
from
|
||||
transform: rotate(0deg)
|
||||
to
|
||||
transform: rotate(359deg)
|
||||
@ -1,6 +1,3 @@
|
||||
@import "./mixins.sass"
|
||||
@import "./variables.sass"
|
||||
|
||||
$control: $text-strong !default
|
||||
$control-background: $text-invert !default
|
||||
$control-border: $border !default
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
@import "./animations.sass"
|
||||
@import "./variables.sass"
|
||||
|
||||
=arrow($color)
|
||||
border: 1px solid $color
|
||||
border-right: 0
|
||||
@ -122,8 +119,14 @@
|
||||
transform: rotate(-45deg)
|
||||
transform-origin: left bottom
|
||||
|
||||
@keyframes spinAround
|
||||
from
|
||||
transform: rotate(0deg)
|
||||
to
|
||||
transform: rotate(359deg)
|
||||
|
||||
=loader
|
||||
animation: spin-around 500ms infinite linear
|
||||
animation: spinAround 500ms infinite linear
|
||||
border: 2px solid $border
|
||||
border-radius: 290486px
|
||||
border-right-color: transparent
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
@import "./functions.sass"
|
||||
|
||||
////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////
|
||||
// 1. Initial variables
|
||||
|
||||
Loading…
Reference in New Issue
Block a user