library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix imports

Browse Source
This commit is contained in:
Jeremy Thomas 2016-10-16 19:15:56 +01:00
parent c52a3da371
commit aed21e7fb3
68 changed files with 417 additions and 7527 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1,6 +1,7 @@
# Files # Files
.DS_Store .DS_Store
.ruby-version .ruby-version
test.sass
npm-debug.log npm-debug.log
# Folders # Folders

4
CHANGELOG.md
View File

@ -1,5 +1,9 @@
# Bulma Changelog # Bulma Changelog
## 0.2.2
* Fix: remove multiple imports
## 0.2.1 ## 0.2.1
* Fix: container flex * Fix: container flex

11
bulma.sass vendored
View File

@ -1,7 +1,8 @@
@charset "utf-8" @charset "utf-8"
@import "sass/base/base.sass" @import "sass/utilities/_all"
@import "sass/elements/elements.sass" @import "sass/base/_all"
@import "sass/components/components.sass" @import "sass/elements/_all"
@import "sass/grid/grid.sass" @import "sass/components/_all"
@import "sass/layout/layout.sass" @import "sass/grid/_all"
@import "sass/layout/_all"

3
docs/.gitignore vendored
View File

@ -1,9 +1,10 @@
# Files # Files
.DS_Store .DS_Store
.jekyll-metadata
_config.local.yml _config.local.yml
css/bulma-test.css
bulma-test.sass bulma-test.sass
bulma-website-local.sass bulma-website-local.sass
css/bulma-test.css
npm-debug.log npm-debug.log
# Folders # Folders

1
docs/_config.yml
View File

@ -11,7 +11,6 @@ url: http://bulma.io
# Variables # Variables
baseurl: ""
documentation: "/documentation/overview/start/" documentation: "/documentation/overview/start/"
download: https://github.com/jgthms/bulma/archive/0.2.1.zip download: https://github.com/jgthms/bulma/archive/0.2.1.zip
github: https://github.com/jgthms/bulma github: https://github.com/jgthms/bulma

4
docs/_includes/blog-hero.html
View File

@ -10,12 +10,12 @@
<div class="columns is-vcentered"> <div class="columns is-vcentered">
<div class="column"> <div class="column">
<h1 class="title"> <h1 class="title">
<a href="{{ site.baseurl }}/blog">Blog</a> <a href="{{ site.url }}/blog">Blog</a>
</h1> </h1>
<p class="subtitle"> <p class="subtitle">
Stay updated about new features, bug fixes, and releases Stay updated about new features, bug fixes, and releases
</p> </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"> <span class="icon">
<i class="fa fa-rss"></i> <i class="fa fa-rss"></i>
</span> </span>

8
docs/_includes/footer.html
View File

@ -120,12 +120,12 @@
<script async id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script> <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 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.url }}/javascript/jquery-2.2.0.min.js"></script>
<script src="{{ site.baseurl }}/javascript/clipboard.min.js"></script> <script src="{{ site.url }}/javascript/clipboard.min.js"></script>
<script src="{{ site.baseurl }}/javascript/bulma.js"></script> <script src="{{ site.url }}/javascript/bulma.js"></script>
{% if page.route == 'index' %} {% 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 %} {% endif %}
<script type="text/javascript"> <script type="text/javascript">

6
docs/_includes/head.html
View File

@ -7,10 +7,10 @@
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title> <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="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="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.baseurl | 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:url" content="{{site.url}}">
<meta property="og:type" content="website"> <meta property="og:type" content="website">

12
docs/_includes/header.html
View File

@ -1,10 +1,10 @@
<nav class="nav"> <nav class="nav">
<div class="nav-left"> <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' %} {% 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 %} {% 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 %} {% endif %}
</a> </a>
</div> </div>
@ -29,17 +29,17 @@
</span> </span>
<div id="nav-menu" class="nav-right nav-menu"> <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 Home
</a> </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>Templates</span>
<span class="tag is-small is-success">New!</span> <span class="tag is-small is-success">New!</span>
</a> </a>
<a class="nav-item {% if page.route == 'documentation' %}is-active{% endif %} {% if page.layout == 'documentation' %}is-active{% endif %}" href="{{ site.documentation }}"> <a class="nav-item {% if page.route == 'documentation' %}is-active{% endif %} {% if page.layout == 'documentation' %}is-active{% endif %}" href="{{ site.documentation }}">
Documentation Documentation
</a> </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 Blog
</a> </a>

20
docs/_includes/subnav-components.html
View File

@ -1,34 +1,34 @@
<nav class="nav has-shadow"> <nav class="nav has-shadow">
<div class="container"> <div class="container">
<div class="nav-left"> <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 Card
</a> </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 Level
</a> </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 Media object
</a> </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 Menu
</a> </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 Message
</a> </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 Modal
</a> </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 Nav
</a> </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 Pagination
</a> </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 Panel
</a> </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 Tabs
</a> </a>
</div> </div>

22
docs/_includes/subnav-elements.html
View File

@ -1,37 +1,37 @@
<nav class="nav has-shadow"> <nav class="nav has-shadow">
<div class="container"> <div class="container">
<div class="nav-left"> <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 Box
</a> </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 Button
</a> </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 Content
</a> </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 Form
</a> </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 Icon
</a> </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 Image
</a> </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 Notification
</a> </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 Progress
</a> </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 Table
</a> </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 Tag
</a> </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 Title
</a> </a>
</div> </div>

4
docs/_includes/subnav-grid.html
View File

@ -1,10 +1,10 @@
<nav class="nav has-shadow"> <nav class="nav has-shadow">
<div class="container"> <div class="container">
<div class="nav-left"> <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 Columns
</a> </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 Tiles
</a> </a>
</div> </div>

8
docs/_includes/subnav-layout.html
View File

@ -1,16 +1,16 @@
<nav class="nav has-shadow"> <nav class="nav has-shadow">
<div class="container"> <div class="container">
<div class="nav-left"> <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 Container
</a> </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 Hero
</a> </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 Section
</a> </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 Footer
</a> </a>
</div> </div>

6
docs/_includes/subnav-modifiers.html
View File

@ -1,13 +1,13 @@
<nav class="nav has-shadow"> <nav class="nav has-shadow">
<div class="container"> <div class="container">
<div class="nav-left"> <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 Syntax
</a> </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 Helpers
</a> </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 Responsive helpers
</a> </a>
</div> </div>

10
docs/_includes/subnav-overview.html
View File

@ -1,19 +1,19 @@
<nav class="nav has-shadow"> <nav class="nav has-shadow">
<div class="container"> <div class="container">
<div class="nav-left"> <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 Start
</a> </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 Variables
</a> </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 Responsiveness
</a> </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 Modular
</a> </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 Classes
</a> </a>
</div> </div>

10
docs/_layouts/documentation.html
View File

@ -36,19 +36,19 @@ route: documentation
<a href="{{ site.documentation }}">Overview</a> <a href="{{ site.documentation }}">Overview</a>
</li> </li>
<li {% if page.doc-tab == 'modifiers' %}class="is-active"{% endif %}> <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>
<li {% if page.doc-tab == 'grid' %}class="is-active"{% endif %}> <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>
<li {% if page.doc-tab == 'elements' %}class="is-active"{% endif %}> <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>
<li {% if page.doc-tab == 'components' %}class="is-active"{% endif %}> <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>
<li {% if page.doc-tab == 'layout' %}class="is-active"{% endif %}> <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> </li>
</ul> </ul>
</div> </div>

2
docs/_layouts/post.html
View File

@ -9,7 +9,7 @@ route: blog
<div class="container"> <div class="container">
<article class="article {{ page.category | downcase }}{% if page.recommended == true %} recommended{% endif %}"> <article class="article {{ page.category | downcase }}{% if page.recommended == true %} recommended{% endif %}">
<p class="subtitle"> <p class="subtitle">
<a href="{{ site.baseurl }}/blog">Back</a> <a href="{{ site.url }}/blog">Back</a>
</p> </p>
<p class="subtitle is-4"> <p class="subtitle is-4">
{{ page.date | date_to_string }} {{ page.date | date_to_string }}

3
docs/bulma-docs.sass
View File

@ -1,7 +1,6 @@
@charset "utf-8" @charset "utf-8"
@import "../bulma.sass" @import "../bulma"
@import "../sass/utilities/mixins.sass"
// Override // Override
.button .button

1592
docs/css/bulma-docs.css
View File

File diff suppressed because it is too large Load Diff

5887
docs/css/bulma.css vendored
View File

File diff suppressed because it is too large Load Diff

175
docs/css/utilities.css
View File

@ -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);
}
}

0
docs/css/variables.css
View File

4
docs/documentation/components/level.html
View File

@ -199,7 +199,7 @@ doc-subtab: level
<a class="link is-info">Menu</a> <a class="link is-info">Menu</a>
</p> </p>
<p class="level-item has-text-centered"> <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>
<p class="level-item has-text-centered"> <p class="level-item has-text-centered">
<a class="link is-info">Reservations</a> <a class="link is-info">Reservations</a>
@ -219,7 +219,7 @@ doc-subtab: level
<a class="link is-info">Menu</a> <a class="link is-info">Menu</a>
</p> </p>
<p class="level-item has-text-centered"> <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>
<p class="level-item has-text-centered"> <p class="level-item has-text-centered">
<a class="link is-info">Reservations</a> <a class="link is-info">Reservations</a>

4
docs/documentation/components/nav.html
View File

@ -37,7 +37,7 @@ doc-subtab: nav
<nav class="nav"> <nav class="nav">
<div class="nav-left"> <div class="nav-left">
<a class="nav-item is-brand" href="#"> <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> </a>
</div> </div>
@ -93,7 +93,7 @@ doc-subtab: nav
<nav class="nav"> <nav class="nav">
<div class="nav-left"> <div class="nav-left">
<a class="nav-item is-brand" href="#"> <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> </a>
</div> </div>

6
docs/documentation/layout/hero.html
View File

@ -434,7 +434,7 @@ doc-subtab: hero
<div class="container"> <div class="container">
<div class="nav-left"> <div class="nav-left">
<a class="nav-item"> <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> </a>
</div> </div>
<span class="nav-toggle"> <span class="nav-toggle">
@ -581,7 +581,7 @@ doc-subtab: hero
<div class="container"> <div class="container">
<div class="nav-left"> <div class="nav-left">
<a class="nav-item"> <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> </a>
</div> </div>
<span class="nav-toggle"> <span class="nav-toggle">
@ -728,7 +728,7 @@ doc-subtab: hero
<div class="container"> <div class="container">
<div class="nav-left"> <div class="nav-left">
<a class="nav-item"> <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> </a>
</div> </div>
<span class="nav-toggle"> <span class="nav-toggle">

4
docs/documentation/navbar.html
View File

@ -196,7 +196,7 @@ doc-tab: navbar
<a class="link is-info">Menu</a> <a class="link is-info">Menu</a>
</p> </p>
<p class="navbar-item has-text-centered"> <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>
<p class="navbar-item has-text-centered"> <p class="navbar-item has-text-centered">
<a class="link is-info">Reservations</a> <a class="link is-info">Reservations</a>
@ -216,7 +216,7 @@ doc-tab: navbar
<a class="link is-info">Menu</a> <a class="link is-info">Menu</a>
</p> </p>
<p class="navbar-item has-text-centered"> <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>
<p class="navbar-item has-text-centered"> <p class="navbar-item has-text-centered">
<a class="link is-info">Reservations</a> <a class="link is-info">Reservations</a>

2
docs/documentation/overview/classes.html
View File

@ -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 <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>
<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> </li>
</ul> </ul>
</div> </div>

5
docs/documentation/overview/modular.html
View File

@ -22,10 +22,11 @@ doc-subtab: modular
<br> <br>
The file is located in the <code>bulma/sass/grid</code> folder. The file is located in the <code>bulma/sass/grid</code> folder.
<br> <br>
Simply <strong>import</strong> it directly: Simply <strong>import</strong> the utilities dependencies, and then the files you need directly:
</p> </p>
{% highlight sass %} {% highlight sass %}
@import "bulma/sass/grid/columns.sass" @import "bulma/sass/utilities/_all
@import "bulma/sass/grid/columns"
{% endhighlight %} {% endhighlight %}
<p> <p>
Now you can use the classes <code>.columns</code> (for the container) and <code>.column</code> directly: Now you can use the classes <code>.columns</code> (for the container) and <code>.column</code> directly:

20
docs/index.html
View File

@ -48,7 +48,7 @@ route: index
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<nav class="columns"> <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;"> <span class="icon is-large" style="margin-right: -15px;">
<i class="fa fa-mobile"></i> <i class="fa fa-mobile"></i>
</span> </span>
@ -61,14 +61,14 @@ route: index
<p class="title is-4"><strong>Responsive</strong></p> <p class="title is-4"><strong>Responsive</strong></p>
<p class="subtitle">Designed for <strong>mobile</strong>-first</p> <p class="subtitle">Designed for <strong>mobile</strong>-first</p>
</a> </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"> <span class="icon is-large">
<i class="fa fa-cubes"></i> <i class="fa fa-cubes"></i>
</span> </span>
<p class="title is-4"><strong>Modular</strong></p> <p class="title is-4"><strong>Modular</strong></p>
<p class="subtitle">Just import what you <strong>need</strong></p> <p class="subtitle">Just import what you <strong>need</strong></p>
</a> </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"> <span class="icon is-large">
<i class="fa fa-css3"></i> <i class="fa fa-css3"></i>
</span> </span>
@ -90,7 +90,7 @@ route: index
<section class="section is-medium"> <section class="section is-medium">
<div class="container"> <div class="container">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.baseurl }}/documentation/grid/columns"> <a href="{{ site.url }}/documentation/grid/columns">
<span class="icon is-large"> <span class="icon is-large">
<i class="fa fa-pause"></i> <i class="fa fa-pause"></i>
</span> </span>
@ -188,7 +188,7 @@ route: index
<section class="section is-medium"> <section class="section is-medium">
<div class="container"> <div class="container">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.baseurl }}/documentation/grid/tiles"> <a href="{{ site.url }}/documentation/grid/tiles">
<span class="icon is-large"> <span class="icon is-large">
<i class="fa fa-th-large"></i> <i class="fa fa-th-large"></i>
</span> </span>
@ -280,7 +280,7 @@ route: index
<section class="section is-medium"> <section class="section is-medium">
<div class="container"> <div class="container">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.baseurl }}/documentation/components/level/"> <a href="{{ site.url }}/documentation/components/level/">
<span class="icon is-large"> <span class="icon is-large">
<i class="fa fa-arrows-h"></i> <i class="fa fa-arrows-h"></i>
</span> </span>
@ -344,7 +344,7 @@ route: index
<div class="columns is-vcentered"> <div class="columns is-vcentered">
<div class="column"> <div class="column">
<h3 class="title is-2"> <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"> <span class="icon is-large">
<i class="fa fa-magic"></i> <i class="fa fa-magic"></i>
</span> </span>
@ -405,7 +405,7 @@ route: index
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="container has-text-centered">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.baseurl }}/documentation/layout/hero/"> <a href="{{ site.url }}/documentation/layout/hero/">
<span class="icon is-large"> <span class="icon is-large">
<i class="fa fa-arrows-v"></i> <i class="fa fa-arrows-v"></i>
</span> </span>
@ -432,7 +432,7 @@ route: index
<div class="columns is-vcentered"> <div class="columns is-vcentered">
<div class="column"> <div class="column">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.baseurl }}/documentation/modifiers/syntax/"> <a href="{{ site.url }}/documentation/modifiers/syntax/">
<span class="icon is-large"> <span class="icon is-large">
<i class="fa fa-cogs"></i> <i class="fa fa-cogs"></i>
</span> </span>
@ -476,7 +476,7 @@ route: index
<section class="section is-medium"> <section class="section is-medium">
<div class="container"> <div class="container">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.baseurl }}/documentation/elements/box/"> <a href="{{ site.url }}/documentation/elements/box/">
<span class="icon is-large"> <span class="icon is-large">
<i class="fa fa-asterisk"></i> <i class="fa fa-asterisk"></i>
</span> </span>

6
docs/templates.html
View File

@ -26,21 +26,21 @@ route: templates
<div class="container"> <div class="container">
<div class="columns is-multiline"> <div class="columns is-multiline">
<div class="column is-one-third"> <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> <h3 class="title is-4">Everything</h3>
<h4 class="subtitle is-5">All Bulma elements on one page</h4> <h4 class="subtitle is-5">All Bulma elements on one page</h4>
<figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure> <figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure>
</a> </a>
</div> </div>
<div class="column is-one-third"> <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> <h3 class="title is-4">Business</h3>
<h4 class="subtitle is-5">Classic business homepage</h4> <h4 class="subtitle is-5">Classic business homepage</h4>
<figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure> <figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure>
</a> </a>
</div> </div>
<div class="column is-one-third"> <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> <h3 class="title is-4">Welcome</h3>
<h4 class="subtitle is-5">Simple one-page introduction</h4> <h4 class="subtitle is-5">Simple one-page introduction</h4>
<figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure> <figure class="image is-4by3"><img src="http://placehold.it/640x480"></figure>

2
docs/thank-you.html
View File

@ -10,7 +10,7 @@ route: index
Thank you! Thank you!
</h1> </h1>
<h2 class="subtitle"> <h2 class="subtitle">
Go back to the <a href="{{ site.baseurl }}">homepage</a> Go back to the <a href="{{ site.url }}">homepage</a>
</h2> </h2>
</div> </div>
</div> </div>

0
sass/base/base.sass → sass/base/_all.sass
View File

3
sass/base/generic.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
$body-background: $white-ter !default $body-background: $white-ter !default
html html

2
sass/base/helpers.sass
View File

@ -1,5 +1,3 @@
@import "../utilities/mixins.sass"
// Display // Display
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex' $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'

0
sass/components/components.sass → sass/components/_all.sass
View File

2
sass/components/card.sass
View File

@ -1,5 +1,3 @@
@import "../utilities/variables.sass"
.card-header .card-header
align-items: stretch align-items: stretch
box-shadow: 0 1px 2px rgba($black, 0.1) box-shadow: 0 1px 2px rgba($black, 0.1)

3
sass/components/level.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.level-item .level-item
.title, .title,
.subtitle .subtitle

3
sass/components/media.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.media-number, .media-number,
.media-left, .media-left,
.media-right .media-right

2
sass/components/menu.sass
View File

@ -1,5 +1,3 @@
@import "../utilities/variables.sass"
.menu-nav .menu-nav
a a
display: block display: block

3
sass/components/message.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/functions.sass"
@import "../utilities/variables.sass"
.message-body .message-body
border: 1px solid $border border: 1px solid $border
border-radius: $radius border-radius: $radius

3
sass/components/modal.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.modal-background .modal-background
+overlay +overlay
background-color: rgba($black, 0.86) background-color: rgba($black, 0.86)

3
sass/components/nav.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
$nav-height: 50px !default $nav-height: 50px !default
// Components // Components

3
sass/components/pagination.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.pagination .pagination
align-items: center align-items: center
display: flex display: flex

3
sass/components/panel.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.panel-icon .panel-icon
+fa(14px, 16px) +fa(14px, 16px)
color: $text-light color: $text-light

3
sass/components/tabs.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.tabs .tabs
+block +block
+unselectable +unselectable

0
sass/elements/elements.sass → sass/elements/_all.sass
View File

2
sass/elements/box.sass
View File

@ -1,5 +1,3 @@
@import "../utilities/variables.sass"
.box .box
+block +block
background-color: $white background-color: $white

3
sass/elements/button.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/controls.sass"
@import "../utilities/variables.sass"
=button-small =button-small
border-radius: $radius-small border-radius: $radius-small
font-size: 11px font-size: 11px

2
sass/elements/content.sass
View File

@ -1,5 +1,3 @@
@import "../utilities/variables.sass"
.content .content
+block +block
color: $text color: $text

5
sass/elements/form.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/controls.sass"
@import "../utilities/mixins.sass"
=form-control =form-control
+control +control
@each $name, $pair in $colors @each $name, $pair in $colors
@ -238,7 +235,7 @@
margin-right: 10px margin-right: 10px
&.is-expanded &.is-expanded
flex-grow: 1 flex-grow: 1
flex-shrink: 0 flex-shrink: 1
&.is-grouped-centered &.is-grouped-centered
justify-content: center justify-content: center
&.is-grouped-right &.is-grouped-right

2
sass/elements/image.sass
View File

@ -1,5 +1,3 @@
@import "../utilities/mixins.sass"
$dimensions: 16 24 32 48 64 96 128 $dimensions: 16 24 32 48 64 96 128
.image .image

3
sass/elements/notification.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.notification .notification
+block +block
+clearfix +clearfix

3
sass/elements/other.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.block .block
+block +block

2
sass/elements/progress.sass
View File

@ -1,5 +1,3 @@
@import "../utilities/variables.sass"
.progress .progress
+block +block
-moz-appearance: none -moz-appearance: none

3
sass/elements/table.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
$table: $text-strong !default $table: $text-strong !default
$table-background: $white !default $table-background: $white !default
$table-border: $border !default $table-border: $border !default

3
sass/elements/title.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.title, .title,
.subtitle .subtitle
+block +block

0
sass/grid/grid.sass → sass/grid/_all.sass
View File

3
sass/grid/columns.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.column .column
display: block display: block
flex-basis: 0 flex-basis: 0

3
sass/grid/tiles.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.tile .tile
align-items: stretch align-items: stretch
display: block display: block

0
sass/layout/layout.sass → sass/layout/_all.sass
View File

2
sass/layout/footer.sass
View File

@ -1,5 +1,3 @@
@import "../utilities/variables.sass"
.footer .footer
background-color: $background background-color: $background
padding: 40px 20px 80px padding: 40px 20px 80px

3
sass/layout/hero.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
// Components // Components
.hero-video .hero-video

3
sass/layout/section.sass
View File

@ -1,6 +1,3 @@
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.section .section
background-color: $white background-color: $white
padding: 40px 20px padding: 40px 20px

6
sass/utilities/_all.sass Normal file
View File

@ -0,0 +1,6 @@
@charset "utf-8"
@import "functions.sass"
@import "variables.sass"
@import "mixins.sass"
@import "controls.sass"

5
sass/utilities/animations.sass
View File

@ -1,5 +0,0 @@
@keyframes spin-around
from
transform: rotate(0deg)
to
transform: rotate(359deg)

3
sass/utilities/controls.sass
View File

@ -1,6 +1,3 @@
@import "./mixins.sass"
@import "./variables.sass"
$control: $text-strong !default $control: $text-strong !default
$control-background: $text-invert !default $control-background: $text-invert !default
$control-border: $border !default $control-border: $border !default

11
sass/utilities/mixins.sass
View File

@ -1,6 +1,3 @@
@import "./animations.sass"
@import "./variables.sass"
=arrow($color) =arrow($color)
border: 1px solid $color border: 1px solid $color
border-right: 0 border-right: 0
@ -122,8 +119,14 @@
transform: rotate(-45deg) transform: rotate(-45deg)
transform-origin: left bottom transform-origin: left bottom
@keyframes spinAround
from
transform: rotate(0deg)
to
transform: rotate(359deg)
=loader =loader
animation: spin-around 500ms infinite linear animation: spinAround 500ms infinite linear
border: 2px solid $border border: 2px solid $border
border-radius: 290486px border-radius: 290486px
border-right-color: transparent border-right-color: transparent

2
sass/utilities/variables.sass
View File

@ -1,5 +1,3 @@
@import "./functions.sass"
//////////////////////////////////////////////// ////////////////////////////////////////////////
//////////////////////////////////////////////// ////////////////////////////////////////////////
// 1. Initial variables // 1. Initial variables