Installation de Bulma 0.9.2

This commit is contained in:
Tom Hubrecht 2021-04-13 12:31:59 +02:00
parent d01cbe847c
commit 50b9759b25
64 changed files with 971 additions and 23947 deletions

View file

@ -5,20 +5,66 @@
font-style: normal; font-style: normal;
src: url("../fonts/CarterOne.woff") format("woff"), url("../fonts/CarterOne.woff2") format("woff2"); src: url("../fonts/CarterOne.woff") format("woff"), url("../fonts/CarterOne.woff2") format("woff2");
} }
/*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */ /*! bulma.io v0.9.2 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */ /* Bulma Utilities */
@keyframes spinAround { .pagination-previous,
from { .pagination-next,
transform: rotate(0deg); .pagination-link,
.pagination-ellipsis, .file-cta,
.file-name, .select select, .textarea, .input, .button {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.5em;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.5em - 1px);
padding-left: calc(0.75em - 1px);
padding-right: calc(0.75em - 1px);
padding-top: calc(0.5em - 1px);
position: relative;
vertical-align: top;
} }
to { .pagination-previous:focus,
transform: rotate(359deg); .pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .file-cta:focus,
.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .file-cta:active,
.file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
outline: none;
} }
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, [disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
cursor: not-allowed;
} }
.is-unselectable, .tabs, .pagination-previous, .is-unselectable, .tabs, .pagination-previous,
.pagination-next, .pagination-next,
.pagination-link, .pagination-link,
.pagination-ellipsis, .breadcrumb, .file, .button, .modal-close, .delete { .pagination-ellipsis, .breadcrumb, .file, .button {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
@ -49,6 +95,11 @@
} }
.modal-close, .delete { .modal-close, .delete {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2); background-color: rgba(10, 10, 10, 0.2);
@ -156,60 +207,6 @@
top: 0; top: 0;
} }
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .file-cta,
.file-name, .select select, .textarea, .input, .button {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.5em;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.5em - 1px);
padding-left: calc(0.75em - 1px);
padding-right: calc(0.75em - 1px);
padding-top: calc(0.5em - 1px);
position: relative;
vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .file-cta:focus,
.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .file-cta:active,
.file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, [disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
cursor: not-allowed;
}
/* Bulma Base */ /* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, html,
@ -422,6 +419,14 @@ table th {
color: #363636; color: #363636;
} }
@keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/* Bulma Elements */ /* Bulma Elements */
.box { .box {
background-color: white; background-color: white;
@ -506,6 +511,16 @@ a.box:active {
border-color: transparent; border-color: transparent;
box-shadow: none; box-shadow: none;
} }
.button.is-ghost {
background: none;
border-color: transparent;
color: #3273dc;
text-decoration: none;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
color: #3273dc;
text-decoration: underline;
}
.button.is-white { .button.is-white {
background-color: white; background-color: white;
border-color: transparent; border-color: transparent;
@ -1421,9 +1436,11 @@ a.box:active {
color: #cc0f35; color: #cc0f35;
} }
.button.is-small { .button.is-small {
border-radius: 2px;
font-size: 0.75rem; font-size: 0.75rem;
} }
.button.is-small:not(.is-rounded) {
border-radius: 2px;
}
.button.is-normal { .button.is-normal {
font-size: 1rem; font-size: 1rem;
} }
@ -1485,9 +1502,11 @@ a.box:active {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
border-radius: 2px;
font-size: 0.75rem; font-size: 0.75rem;
} }
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
border-radius: 2px;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
font-size: 1.25rem; font-size: 1.25rem;
} }
@ -1758,6 +1777,29 @@ a.box:active {
width: 3rem; width: 3rem;
} }
.icon-text {
align-items: flex-start;
color: inherit;
display: inline-flex;
flex-wrap: wrap;
line-height: 1.5rem;
vertical-align: top;
}
.icon-text .icon {
flex-grow: 0;
flex-shrink: 0;
}
.icon-text .icon:not(:last-child) {
margin-right: 0.25em;
}
.icon-text .icon:not(:first-child) {
margin-left: 0.25em;
}
div.icon-text {
display: flex;
}
.image { .image {
display: block; display: block;
position: relative; position: relative;
@ -3775,10 +3817,18 @@ a.tag:hover {
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
color: black; color: black;
max-width: 100%; max-width: 100%;
overflow: hidden;
position: relative; position: relative;
} }
.card-footer:first-child, .card-content:first-child, .card-header:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-footer:last-child, .card-content:last-child, .card-header:last-child {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.card-header { .card-header {
background-color: transparent; background-color: transparent;
align-items: stretch; align-items: stretch;
@ -3810,6 +3860,14 @@ a.tag:hover {
display: block; display: block;
position: relative; position: relative;
} }
.card-image:first-child img {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-image:last-child img {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.card-content { .card-content {
background-color: transparent; background-color: transparent;
@ -5485,6 +5543,9 @@ body.has-spaced-navbar-fixed-bottom {
.pagination-list { .pagination-list {
flex-wrap: wrap; flex-wrap: wrap;
} }
.pagination-list li {
list-style: none;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.pagination { .pagination {
@ -5891,6 +5952,7 @@ label.panel-block:hover {
} }
.columns.is-mobile > .column.is-narrow { .columns.is-mobile > .column.is-narrow {
flex: none; flex: none;
width: unset;
} }
.columns.is-mobile > .column.is-full { .columns.is-mobile > .column.is-full {
flex: none; flex: none;
@ -6053,6 +6115,7 @@ label.panel-block:hover {
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.column.is-narrow-mobile { .column.is-narrow-mobile {
flex: none; flex: none;
width: unset;
} }
.column.is-full-mobile { .column.is-full-mobile {
flex: none; flex: none;
@ -6216,6 +6279,7 @@ label.panel-block:hover {
@media screen and (min-width: 769px), print { @media screen and (min-width: 769px), print {
.column.is-narrow, .column.is-narrow-tablet { .column.is-narrow, .column.is-narrow-tablet {
flex: none; flex: none;
width: unset;
} }
.column.is-full, .column.is-full-tablet { .column.is-full, .column.is-full-tablet {
flex: none; flex: none;
@ -6379,6 +6443,7 @@ label.panel-block:hover {
@media screen and (max-width: 1023px) { @media screen and (max-width: 1023px) {
.column.is-narrow-touch { .column.is-narrow-touch {
flex: none; flex: none;
width: unset;
} }
.column.is-full-touch { .column.is-full-touch {
flex: none; flex: none;
@ -6542,6 +6607,7 @@ label.panel-block:hover {
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
.column.is-narrow-desktop { .column.is-narrow-desktop {
flex: none; flex: none;
width: unset;
} }
.column.is-full-desktop { .column.is-full-desktop {
flex: none; flex: none;
@ -6705,6 +6771,7 @@ label.panel-block:hover {
@media screen and (min-width: 1216px) { @media screen and (min-width: 1216px) {
.column.is-narrow-widescreen { .column.is-narrow-widescreen {
flex: none; flex: none;
width: unset;
} }
.column.is-full-widescreen { .column.is-full-widescreen {
flex: none; flex: none;
@ -6868,6 +6935,7 @@ label.panel-block:hover {
@media screen and (min-width: 1408px) { @media screen and (min-width: 1408px) {
.column.is-narrow-fullhd { .column.is-narrow-fullhd {
flex: none; flex: none;
width: unset;
} }
.column.is-full-fullhd { .column.is-full-fullhd {
flex: none; flex: none;
@ -7083,7 +7151,7 @@ label.panel-block:hover {
margin-left: calc(-1 * var(--columnGap)); margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap));
} }
.columns.is-variable .column { .columns.is-variable > .column {
padding-left: var(--columnGap); padding-left: var(--columnGap);
padding-right: var(--columnGap); padding-right: var(--columnGap);
} }
@ -8182,6 +8250,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
.is-clickable { .is-clickable {
cursor: pointer !important; cursor: pointer !important;
pointer-events: all !important;
} }
.is-clipped { .is-clipped {

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

View file

@ -40,7 +40,7 @@ bower install bulma
After installation, you can import the CSS file into your project using this snippet: After installation, you can import the CSS file into your project using this snippet:
```sh ```sh
import 'bulma/css/bulma.css' @import 'bulma/css/bulma.css'
``` ```
### CDN ### CDN
@ -121,10 +121,12 @@ Browse the [online documentation here.](https://bulma.io/documentation/overview/
| [Bulmil](https://github.com/gomah/bulmil) | An agnostic UI components library based on Web Components, made with Bulma & Stencil. | | [Bulmil](https://github.com/gomah/bulmil) | An agnostic UI components library based on Web Components, made with Bulma & Stencil. |
| [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components) | Library of UI components to be used in [Svelte.js](https://svelte.technology/) or standalone. | | [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components) | Library of UI components to be used in [Svelte.js](https://svelte.technology/) or standalone. |
| [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter-kit) | Starterkit for Nunjucks with Bulma. | | [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter-kit) | Starterkit for Nunjucks with Bulma. |
| [Bulma-Social](https://github.com/aldi/bulma-social) | Social Buttons and Colors for Bulma |
| [Divjoy](https://divjoy.com/?kit=bulma) | React codebase generator with Bulma templates |
## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github) ## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github)
Code copyright 2020 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE). Code copyright 2021 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
[npm-link]: https://www.npmjs.com/package/bulma [npm-link]: https://www.npmjs.com/package/bulma
[awesome-link]: https://github.com/awesome-css-group/awesome-css [awesome-link]: https://github.com/awesome-css-group/awesome-css

View file

@ -1,5 +1,5 @@
@charset "utf-8" @charset "utf-8"
/*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */ /*! bulma.io v0.9.2 | MIT License | github.com/jgthms/bulma */
@import "sass/utilities/_all" @import "sass/utilities/_all"
@import "sass/base/_all" @import "sass/base/_all"
@import "sass/elements/_all" @import "sass/elements/_all"

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,27 +1,27 @@
{ {
"_from": "bulma@0.9.1", "_from": "bulma@0.9.2",
"_id": "bulma@0.9.1", "_id": "bulma@0.9.2",
"_inBundle": false, "_inBundle": false,
"_integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA==", "_integrity": "sha512-e14EF+3VSZ488yL/lJH0tR8mFWiEQVCMi/BQUMi2TGMBOk+zrDg4wryuwm/+dRSHJw0gMawp2tsW7X1JYUCE3A==",
"_location": "/bulma", "_location": "/bulma",
"_phantomChildren": {}, "_phantomChildren": {},
"_requested": { "_requested": {
"type": "version", "type": "version",
"registry": true, "registry": true,
"raw": "bulma@0.9.1", "raw": "bulma@0.9.2",
"name": "bulma", "name": "bulma",
"escapedName": "bulma", "escapedName": "bulma",
"rawSpec": "0.9.1", "rawSpec": "0.9.2",
"saveSpec": null, "saveSpec": null,
"fetchSpec": "0.9.1" "fetchSpec": "0.9.2"
}, },
"_requiredBy": [ "_requiredBy": [
"#USER", "#USER",
"/" "/"
], ],
"_resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz", "_resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.2.tgz",
"_shasum": "2bf0e25062a22166db5c92e8c3dcb4605ab040d8", "_shasum": "340011e119c605f19b8ca886bfea595f1deaf23c",
"_spec": "bulma@0.9.1", "_spec": "bulma@0.9.2",
"_where": "/Users/jthomas/Desktop", "_where": "/Users/jthomas/Desktop",
"author": { "author": {
"name": "Jeremy Thomas", "name": "Jeremy Thomas",
@ -78,5 +78,5 @@
}, },
"style": "bulma/css/bulma.min.css", "style": "bulma/css/bulma.min.css",
"unpkg": "css/bulma.css", "unpkg": "css/bulma.css",
"version": "0.9.1" "version": "0.9.2"
} }

Binary file not shown.

View file

@ -1,5 +1,6 @@
/* Bulma Base */ /* Bulma Base */
@charset "utf-8" @charset "utf-8"
@import "minireset.sass" @import "minireset"
@import "generic.sass" @import "generic"
@import "animations"

View file

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

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$body-background-color: $scheme-main !default $body-background-color: $scheme-main !default
$body-size: 16px !default $body-size: 16px !default
$body-min-width: 300px !default $body-min-width: 300px !default

View file

@ -1,15 +1,15 @@
/* Bulma Components */ /* Bulma Components */
@charset "utf-8" @charset "utf-8"
@import "breadcrumb.sass" @import "breadcrumb"
@import "card.sass" @import "card"
@import "dropdown.sass" @import "dropdown"
@import "level.sass" @import "level"
@import "media.sass" @import "media"
@import "menu.sass" @import "menu"
@import "message.sass" @import "message"
@import "modal.sass" @import "modal"
@import "navbar.sass" @import "navbar"
@import "pagination.sass" @import "pagination"
@import "panel.sass" @import "panel"
@import "tabs.sass" @import "tabs"

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$breadcrumb-item-color: $link !default $breadcrumb-item-color: $link !default
$breadcrumb-item-hover-color: $link-hover !default $breadcrumb-item-hover-color: $link-hover !default
$breadcrumb-item-active-color: $text-strong !default $breadcrumb-item-active-color: $text-strong !default

View file

@ -1,8 +1,9 @@
@import "../utilities/mixins"
$card-color: $text !default $card-color: $text !default
$card-background-color: $scheme-main !default $card-background-color: $scheme-main !default
$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
$card-radius: 0.25rem !default $card-radius: 0.25rem !default
$card-overflow: hidden !default
$card-header-background-color: transparent !default $card-header-background-color: transparent !default
$card-header-color: $text-strong !default $card-header-color: $text-strong !default
@ -25,10 +26,18 @@ $card-media-margin: $block-spacing !default
box-shadow: $card-shadow box-shadow: $card-shadow
color: $card-color color: $card-color
max-width: 100% max-width: 100%
overflow: $card-overflow
position: relative position: relative
%card-item
&:first-child
border-top-left-radius: $card-radius
border-top-right-radius: $card-radius
&:last-child
border-bottom-left-radius: $card-radius
border-bottom-right-radius: $card-radius
.card-header .card-header
@extend %card-item
background-color: $card-header-background-color background-color: $card-header-background-color
align-items: stretch align-items: stretch
box-shadow: $card-header-shadow box-shadow: $card-header-shadow
@ -54,12 +63,22 @@ $card-media-margin: $block-spacing !default
.card-image .card-image
display: block display: block
position: relative position: relative
&:first-child
img
border-top-left-radius: $card-radius
border-top-right-radius: $card-radius
&:last-child
img
border-bottom-left-radius: $card-radius
border-bottom-right-radius: $card-radius
.card-content .card-content
@extend %card-item
background-color: $card-content-background-color background-color: $card-content-background-color
padding: $card-content-padding padding: $card-content-padding
.card-footer .card-footer
@extend %card-item
background-color: $card-footer-background-color background-color: $card-footer-background-color
border-top: $card-footer-border-top border-top: $card-footer-border-top
align-items: stretch align-items: stretch

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$dropdown-menu-min-width: 12rem !default $dropdown-menu-min-width: 12rem !default
$dropdown-content-background-color: $scheme-main !default $dropdown-content-background-color: $scheme-main !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$level-item-spacing: ($block-spacing / 2) !default $level-item-spacing: ($block-spacing / 2) !default
.level .level

View file

@ -1,26 +1,33 @@
@import "../utilities/mixins"
$media-border-color: bulmaRgba($border, 0.5) !default $media-border-color: bulmaRgba($border, 0.5) !default
$media-spacing: 1rem $media-border-size: 1px !default
$media-spacing-large: 1.5rem $media-spacing: 1rem !default
$media-spacing-large: 1.5rem !default
$media-content-spacing: 0.75rem !default
$media-level-1-spacing: 0.75rem !default
$media-level-1-content-spacing: 0.5rem !default
$media-level-2-spacing: 0.5rem !default
.media .media
align-items: flex-start align-items: flex-start
display: flex display: flex
text-align: inherit text-align: inherit
.content:not(:last-child) .content:not(:last-child)
margin-bottom: 0.75rem margin-bottom: $media-content-spacing
.media .media
border-top: 1px solid $media-border-color border-top: $media-border-size solid $media-border-color
display: flex display: flex
padding-top: 0.75rem padding-top: $media-level-1-spacing
.content:not(:last-child), .content:not(:last-child),
.control:not(:last-child) .control:not(:last-child)
margin-bottom: 0.5rem margin-bottom: $media-level-1-content-spacing
.media .media
padding-top: 0.5rem padding-top: $media-level-2-spacing
& + .media & + .media
margin-top: 0.5rem margin-top: $media-level-2-spacing
& + .media & + .media
border-top: 1px solid $media-border-color border-top: $media-border-size solid $media-border-color
margin-top: $media-spacing margin-top: $media-spacing
padding-top: $media-spacing padding-top: $media-spacing
// Sizes // Sizes

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$menu-item-color: $text !default $menu-item-color: $text !default
$menu-item-radius: $radius-small !default $menu-item-radius: $radius-small !default
$menu-item-hover-color: $text-strong !default $menu-item-hover-color: $text-strong !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$message-background-color: $background !default $message-background-color: $background !default
$message-radius: $radius !default $message-radius: $radius !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$modal-z: 40 !default $modal-z: 40 !default
$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default $modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$navbar-background-color: $scheme-main !default $navbar-background-color: $scheme-main !default
$navbar-box-shadow-size: 0 2px 0 0 !default $navbar-box-shadow-size: 0 2px 0 0 !default
$navbar-box-shadow-color: $background !default $navbar-box-shadow-color: $background !default

View file

@ -1,3 +1,6 @@
@import "../utilities/controls"
@import "../utilities/mixins"
$pagination-color: $text-strong !default $pagination-color: $text-strong !default
$pagination-border-color: $border !default $pagination-border-color: $border !default
$pagination-margin: -0.25rem !default $pagination-margin: -0.25rem !default
@ -8,6 +11,9 @@ $pagination-item-margin: 0.25rem !default
$pagination-item-padding-left: 0.5em !default $pagination-item-padding-left: 0.5em !default
$pagination-item-padding-right: 0.5em !default $pagination-item-padding-right: 0.5em !default
$pagination-nav-padding-left: 0.75em !default
$pagination-nav-padding-right: 0.75em !default
$pagination-hover-color: $link-hover !default $pagination-hover-color: $link-hover !default
$pagination-hover-border-color: $link-hover-border !default $pagination-hover-border-color: $link-hover-border !default
@ -27,7 +33,7 @@ $pagination-current-border-color: $link !default
$pagination-ellipsis-color: $grey-light !default $pagination-ellipsis-color: $grey-light !default
$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
.pagination .pagination
@extend %block @extend %block
@ -91,8 +97,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
.pagination-previous, .pagination-previous,
.pagination-next .pagination-next
padding-left: 0.75em padding-left: $pagination-nav-padding-left
padding-right: 0.75em padding-right: $pagination-nav-padding-right
white-space: nowrap white-space: nowrap
.pagination-link .pagination-link
@ -107,6 +113,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
.pagination-list .pagination-list
flex-wrap: wrap flex-wrap: wrap
li
list-style: none
+mobile +mobile
.pagination .pagination

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$panel-margin: $block-spacing !default $panel-margin: $block-spacing !default
$panel-item-border: 1px solid $border-light !default $panel-item-border: 1px solid $border-light !default
$panel-radius: $radius-large !default $panel-radius: $radius-large !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$tabs-border-bottom-color: $border !default $tabs-border-bottom-color: $border !default
$tabs-border-bottom-style: solid !default $tabs-border-bottom-style: solid !default
$tabs-border-bottom-width: 1px !default $tabs-border-bottom-width: 1px !default

View file

@ -1,16 +1,16 @@
/* Bulma Elements */ /* Bulma Elements */
@charset "utf-8" @charset "utf-8"
@import "box.sass" @import "box"
@import "button.sass" @import "button"
@import "container.sass" @import "container"
@import "content.sass" @import "content"
@import "icon.sass" @import "icon"
@import "image.sass" @import "image"
@import "notification.sass" @import "notification"
@import "progress.sass" @import "progress"
@import "table.sass" @import "table"
@import "tag.sass" @import "tag"
@import "title.sass" @import "title"
@import "other.sass" @import "other"

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$box-color: $text !default $box-color: $text !default
$box-background-color: $scheme-main !default $box-background-color: $scheme-main !default
$box-radius: $radius-large !default $box-radius: $radius-large !default

View file

@ -1,3 +1,6 @@
@import "../utilities/controls"
@import "../utilities/mixins"
$button-color: $text-strong !default $button-color: $text-strong !default
$button-background-color: $scheme-main !default $button-background-color: $scheme-main !default
$button-family: false !default $button-family: false !default
@ -24,6 +27,13 @@ $button-text-decoration: underline !default
$button-text-hover-background-color: $background !default $button-text-hover-background-color: $background !default
$button-text-hover-color: $text-strong !default $button-text-hover-color: $text-strong !default
$button-ghost-background: none !default
$button-ghost-border-color: transparent !default
$button-ghost-color: $link !default
$button-ghost-decoration: none !default
$button-ghost-hover-color: $link !default
$button-ghost-hover-decoration: underline !default
$button-disabled-background-color: $scheme-main !default $button-disabled-background-color: $scheme-main !default
$button-disabled-border-color: $border !default $button-disabled-border-color: $border !default
$button-disabled-shadow: none !default $button-disabled-shadow: none !default
@ -37,6 +47,7 @@ $button-colors: $colors !default
// The button sizes use mixins so they can be used at different breakpoints // The button sizes use mixins so they can be used at different breakpoints
=button-small =button-small
&:not(.is-rounded)
border-radius: $radius-small border-radius: $radius-small
font-size: $size-small font-size: $size-small
=button-normal =button-normal
@ -117,6 +128,15 @@ $button-colors: $colors !default
background-color: transparent background-color: transparent
border-color: transparent border-color: transparent
box-shadow: none box-shadow: none
&.is-ghost
background: $button-ghost-background
border-color: $button-ghost-border-color
color: $button-ghost-color
text-decoration: $button-ghost-decoration
&:hover,
&.is-hovered
color: $button-ghost-hover-color
text-decoration: $button-ghost-hover-decoration
@each $name, $pair in $button-colors @each $name, $pair in $button-colors
$color: nth($pair, 1) $color: nth($pair, 1)
$color-invert: nth($pair, 2) $color-invert: nth($pair, 2)

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$container-offset: (2 * $gap) !default $container-offset: (2 * $gap) !default
$container-max-width: $fullhd !default $container-max-width: $fullhd !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$content-heading-color: $text-strong !default $content-heading-color: $text-strong !default
$content-heading-weight: $weight-semibold !default $content-heading-weight: $weight-semibold !default
$content-heading-line-height: 1.125 !default $content-heading-line-height: 1.125 !default

View file

@ -2,6 +2,7 @@ $icon-dimensions: 1.5rem !default
$icon-dimensions-small: 1rem !default $icon-dimensions-small: 1rem !default
$icon-dimensions-medium: 2rem !default $icon-dimensions-medium: 2rem !default
$icon-dimensions-large: 3rem !default $icon-dimensions-large: 3rem !default
$icon-text-spacing: 0.25em !default
.icon .icon
align-items: center align-items: center
@ -19,3 +20,21 @@ $icon-dimensions-large: 3rem !default
&.is-large &.is-large
height: $icon-dimensions-large height: $icon-dimensions-large
width: $icon-dimensions-large width: $icon-dimensions-large
.icon-text
align-items: flex-start
color: inherit
display: inline-flex
flex-wrap: wrap
line-height: $icon-dimensions
vertical-align: top
.icon
flex-grow: 0
flex-shrink: 0
&:not(:last-child)
margin-right: $icon-text-spacing
&:not(:first-child)
margin-left: $icon-text-spacing
div.icon-text
display: flex

View file

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

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$notification-background-color: $background !default $notification-background-color: $background !default
$notification-code-background-color: $scheme-main !default $notification-code-background-color: $scheme-main !default
$notification-radius: $radius !default $notification-radius: $radius !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
.block .block
@extend %block @extend %block

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$progress-bar-background-color: $border-light !default $progress-bar-background-color: $border-light !default
$progress-value-background-color: $text !default $progress-value-background-color: $text !default
$progress-border-radius: $radius-rounded !default $progress-border-radius: $radius-rounded !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$table-color: $text-strong !default $table-color: $text-strong !default
$table-background-color: $scheme-main !default $table-background-color: $scheme-main !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$title-color: $text-strong !default $title-color: $text-strong !default
$title-family: false !default $title-family: false !default
$title-size: $size-3 !default $title-size: $size-3 !default

View file

@ -1,9 +1,9 @@
/* Bulma Form */ /* Bulma Form */
@charset "utf-8" @charset "utf-8"
@import "shared.sass" @import "shared"
@import "input-textarea.sass" @import "input-textarea"
@import "checkbox-radio.sass" @import "checkbox-radio"
@import "select.sass" @import "select"
@import "file.sass" @import "file"
@import "tools.sass" @import "tools"

View file

@ -1,3 +1,6 @@
@import "../utilities/controls"
@import "../utilities/mixins"
$form-colors: $colors !default $form-colors: $colors !default
$input-color: $text-strong !default $input-color: $text-strong !default

View file

@ -1,5 +1,5 @@
/* Bulma Grid */ /* Bulma Grid */
@charset "utf-8" @charset "utf-8"
@import "columns.sass" @import "columns"
@import "tiles.sass" @import "tiles"

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$column-gap: 0.75rem !default $column-gap: 0.75rem !default
.column .column
@ -8,6 +10,7 @@ $column-gap: 0.75rem !default
padding: $column-gap padding: $column-gap
.columns.is-mobile > &.is-narrow .columns.is-mobile > &.is-narrow
flex: none flex: none
width: unset
.columns.is-mobile > &.is-full .columns.is-mobile > &.is-full
flex: none flex: none
width: 100% width: 100%
@ -39,32 +42,33 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
.columns.is-mobile > &.is-offset-three-quarters .columns.is-mobile > &.is-offset-three-quarters
margin-left: 75% +ltr-property("margin", 75%, false)
.columns.is-mobile > &.is-offset-two-thirds .columns.is-mobile > &.is-offset-two-thirds
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
.columns.is-mobile > &.is-offset-half .columns.is-mobile > &.is-offset-half
margin-left: 50% +ltr-property("margin", 50%, false)
.columns.is-mobile > &.is-offset-one-third .columns.is-mobile > &.is-offset-one-third
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
.columns.is-mobile > &.is-offset-one-quarter .columns.is-mobile > &.is-offset-one-quarter
margin-left: 25% +ltr-property("margin", 25%, false)
.columns.is-mobile > &.is-offset-one-fifth .columns.is-mobile > &.is-offset-one-fifth
margin-left: 20% +ltr-property("margin", 20%, false)
.columns.is-mobile > &.is-offset-two-fifths .columns.is-mobile > &.is-offset-two-fifths
margin-left: 40% +ltr-property("margin", 40%, false)
.columns.is-mobile > &.is-offset-three-fifths .columns.is-mobile > &.is-offset-three-fifths
margin-left: 60% +ltr-property("margin", 60%, false)
.columns.is-mobile > &.is-offset-four-fifths .columns.is-mobile > &.is-offset-four-fifths
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
.columns.is-mobile > &.is-#{$i} .columns.is-mobile > &.is-#{$i}
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
.columns.is-mobile > &.is-offset-#{$i} .columns.is-mobile > &.is-offset-#{$i}
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+mobile +mobile
&.is-narrow-mobile &.is-narrow-mobile
flex: none flex: none
width: unset
&.is-full-mobile &.is-full-mobile
flex: none flex: none
width: 100% width: 100%
@ -96,33 +100,34 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-mobile &.is-offset-three-quarters-mobile
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-mobile &.is-offset-two-thirds-mobile
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-mobile &.is-offset-half-mobile
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-mobile &.is-offset-one-third-mobile
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-mobile &.is-offset-one-quarter-mobile
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-mobile &.is-offset-one-fifth-mobile
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-mobile &.is-offset-two-fifths-mobile
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-mobile &.is-offset-three-fifths-mobile
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-mobile &.is-offset-four-fifths-mobile
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-mobile &.is-#{$i}-mobile
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-mobile &.is-offset-#{$i}-mobile
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+tablet +tablet
&.is-narrow, &.is-narrow,
&.is-narrow-tablet &.is-narrow-tablet
flex: none flex: none
width: unset
&.is-full, &.is-full,
&.is-full-tablet &.is-full-tablet
flex: none flex: none
@ -165,31 +170,31 @@ $column-gap: 0.75rem !default
width: 80% width: 80%
&.is-offset-three-quarters, &.is-offset-three-quarters,
&.is-offset-three-quarters-tablet &.is-offset-three-quarters-tablet
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds, &.is-offset-two-thirds,
&.is-offset-two-thirds-tablet &.is-offset-two-thirds-tablet
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half, &.is-offset-half,
&.is-offset-half-tablet &.is-offset-half-tablet
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third, &.is-offset-one-third,
&.is-offset-one-third-tablet &.is-offset-one-third-tablet
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter, &.is-offset-one-quarter,
&.is-offset-one-quarter-tablet &.is-offset-one-quarter-tablet
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth, &.is-offset-one-fifth,
&.is-offset-one-fifth-tablet &.is-offset-one-fifth-tablet
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths, &.is-offset-two-fifths,
&.is-offset-two-fifths-tablet &.is-offset-two-fifths-tablet
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths, &.is-offset-three-fifths,
&.is-offset-three-fifths-tablet &.is-offset-three-fifths-tablet
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths, &.is-offset-four-fifths,
&.is-offset-four-fifths-tablet &.is-offset-four-fifths-tablet
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}, &.is-#{$i},
&.is-#{$i}-tablet &.is-#{$i}-tablet
@ -197,10 +202,11 @@ $column-gap: 0.75rem !default
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}, &.is-offset-#{$i},
&.is-offset-#{$i}-tablet &.is-offset-#{$i}-tablet
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+touch +touch
&.is-narrow-touch &.is-narrow-touch
flex: none flex: none
width: unset
&.is-full-touch &.is-full-touch
flex: none flex: none
width: 100% width: 100%
@ -232,32 +238,33 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-touch &.is-offset-three-quarters-touch
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-touch &.is-offset-two-thirds-touch
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-touch &.is-offset-half-touch
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-touch &.is-offset-one-third-touch
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-touch &.is-offset-one-quarter-touch
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-touch &.is-offset-one-fifth-touch
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-touch &.is-offset-two-fifths-touch
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-touch &.is-offset-three-fifths-touch
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-touch &.is-offset-four-fifths-touch
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-touch &.is-#{$i}-touch
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-touch &.is-offset-#{$i}-touch
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+desktop +desktop
&.is-narrow-desktop &.is-narrow-desktop
flex: none flex: none
width: unset
&.is-full-desktop &.is-full-desktop
flex: none flex: none
width: 100% width: 100%
@ -289,32 +296,33 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-desktop &.is-offset-three-quarters-desktop
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-desktop &.is-offset-two-thirds-desktop
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-desktop &.is-offset-half-desktop
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-desktop &.is-offset-one-third-desktop
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-desktop &.is-offset-one-quarter-desktop
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-desktop &.is-offset-one-fifth-desktop
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-desktop &.is-offset-two-fifths-desktop
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-desktop &.is-offset-three-fifths-desktop
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-desktop &.is-offset-four-fifths-desktop
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-desktop &.is-#{$i}-desktop
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-desktop &.is-offset-#{$i}-desktop
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+widescreen +widescreen
&.is-narrow-widescreen &.is-narrow-widescreen
flex: none flex: none
width: unset
&.is-full-widescreen &.is-full-widescreen
flex: none flex: none
width: 100% width: 100%
@ -346,32 +354,33 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-widescreen &.is-offset-three-quarters-widescreen
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-widescreen &.is-offset-two-thirds-widescreen
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-widescreen &.is-offset-half-widescreen
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-widescreen &.is-offset-one-third-widescreen
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-widescreen &.is-offset-one-quarter-widescreen
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-widescreen &.is-offset-one-fifth-widescreen
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-widescreen &.is-offset-two-fifths-widescreen
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-widescreen &.is-offset-three-fifths-widescreen
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-widescreen &.is-offset-four-fifths-widescreen
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-widescreen &.is-#{$i}-widescreen
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-widescreen &.is-offset-#{$i}-widescreen
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+fullhd +fullhd
&.is-narrow-fullhd &.is-narrow-fullhd
flex: none flex: none
width: unset
&.is-full-fullhd &.is-full-fullhd
flex: none flex: none
width: 100% width: 100%
@ -403,33 +412,33 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-fullhd &.is-offset-three-quarters-fullhd
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-fullhd &.is-offset-two-thirds-fullhd
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-fullhd &.is-offset-half-fullhd
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-fullhd &.is-offset-one-third-fullhd
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-fullhd &.is-offset-one-quarter-fullhd
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-fullhd &.is-offset-one-fifth-fullhd
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-fullhd &.is-offset-two-fifths-fullhd
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-fullhd &.is-offset-three-fifths-fullhd
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-fullhd &.is-offset-four-fifths-fullhd
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-fullhd &.is-#{$i}-fullhd
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-fullhd &.is-offset-#{$i}-fullhd
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
.columns .columns
margin-left: (-$column-gap) +ltr-property("margin", (-$column-gap), false)
margin-right: (-$column-gap) +ltr-property("margin", (-$column-gap))
margin-top: (-$column-gap) margin-top: (-$column-gap)
&:last-child &:last-child
margin-bottom: (-$column-gap) margin-bottom: (-$column-gap)
@ -439,8 +448,8 @@ $column-gap: 0.75rem !default
&.is-centered &.is-centered
justify-content: center justify-content: center
&.is-gapless &.is-gapless
margin-left: 0 +ltr-property("margin", 0, false)
margin-right: 0 +ltr-property("margin", 0)
margin-top: 0 margin-top: 0
& > .column & > .column
margin: 0 margin: 0
@ -467,9 +476,9 @@ $column-gap: 0.75rem !default
@if $variable-columns @if $variable-columns
.columns.is-variable .columns.is-variable
--columnGap: 0.75rem --columnGap: 0.75rem
margin-left: calc(-1 * var(--columnGap)) +ltr-property("margin", calc(-1 * var(--columnGap)), false)
margin-right: calc(-1 * var(--columnGap)) +ltr-property("margin", calc(-1 * var(--columnGap)))
.column > .column
padding-left: var(--columnGap) padding-left: var(--columnGap)
padding-right: var(--columnGap) padding-right: var(--columnGap)
@for $i from 0 through 8 @for $i from 0 through 8

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$tile-spacing: 0.75rem !default $tile-spacing: 0.75rem !default
.tile .tile

View file

@ -1,12 +1,12 @@
/* Bulma Helpers */ /* Bulma Helpers */
@charset "utf-8" @charset "utf-8"
@import "color.sass" @import "color"
@import "flexbox.sass" @import "flexbox"
@import "float.sass" @import "float"
@import "other.sass" @import "other"
@import "overflow.sass" @import "overflow"
@import "position.sass" @import "position"
@import "spacing.sass" @import "spacing"
@import "typography.sass" @import "typography"
@import "visibility.sass" @import "visibility"

View file

@ -1,3 +1,5 @@
@import "../utilities/derived-variables"
@each $name, $pair in $colors @each $name, $pair in $colors
$color: nth($pair, 1) $color: nth($pair, 1)
.has-text-#{$name} .has-text-#{$name}

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
.is-clearfix .is-clearfix
+clearfix +clearfix

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
.is-radiusless .is-radiusless
border-radius: 0 !important border-radius: 0 !important
@ -6,6 +8,7 @@
.is-clickable .is-clickable
cursor: pointer !important cursor: pointer !important
pointer-events: all !important
.is-unselectable .is-unselectable
@extend %unselectable @extend %unselectable

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
.is-overlay .is-overlay
@extend %overlay @extend %overlay

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
=typography-size($target:'') =typography-size($target:'')
@each $size in $sizes @each $size in $sizes
$i: index($sizes, $size) $i: index($sizes, $size)

View file

@ -1,4 +1,4 @@
@import "../utilities/mixins"
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex' $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'

View file

@ -1,6 +1,6 @@
/* Bulma Layout */ /* Bulma Layout */
@charset "utf-8" @charset "utf-8"
@import "hero.sass" @import "hero"
@import "section.sass" @import "section"
@import "footer.sass" @import "footer"

View file

@ -1,3 +1,5 @@
@import "../utilities/derived-variables"
$footer-background-color: $scheme-main-bis !default $footer-background-color: $scheme-main-bis !default
$footer-color: false !default $footer-color: false !default
$footer-padding: 3rem 1.5rem 6rem !default $footer-padding: 3rem 1.5rem 6rem !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$hero-body-padding: 3rem 1.5rem !default $hero-body-padding: 3rem 1.5rem !default
$hero-body-padding-small: 1.5rem !default $hero-body-padding-small: 1.5rem !default
$hero-body-padding-medium: 9rem 1.5rem !default $hero-body-padding-medium: 9rem 1.5rem !default

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$section-padding: 3rem 1.5rem !default $section-padding: 3rem 1.5rem !default
$section-padding-medium: 9rem 1.5rem !default $section-padding-medium: 9rem 1.5rem !default
$section-padding-large: 18rem 1.5rem !default $section-padding-large: 18rem 1.5rem !default

Binary file not shown.

View file

@ -1,9 +1,9 @@
/* Bulma Utilities */ /* Bulma Utilities */
@charset "utf-8" @charset "utf-8"
@import "initial-variables.sass" @import "initial-variables"
@import "functions.sass" @import "functions"
@import "derived-variables.sass" @import "derived-variables"
@import "animations.sass" @import "mixins"
@import "mixins.sass" @import "controls"
@import "controls.sass" @import "extends"

View file

@ -1,5 +1 @@
@keyframes spinAround @warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead."
from
transform: rotate(0deg)
to
transform: rotate(359deg)

View file

@ -1,3 +1,5 @@
@import "derived-variables"
$control-radius: $radius !default $control-radius: $radius !default
$control-radius-small: $radius-small !default $control-radius-small: $radius-small !default
@ -37,9 +39,6 @@ $control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
fieldset[disabled] & fieldset[disabled] &
cursor: not-allowed cursor: not-allowed
%control
+control
// The controls sizes use mixins so they can be used at different breakpoints // The controls sizes use mixins so they can be used at different breakpoints
=control-small =control-small
border-radius: $control-radius-small border-radius: $control-radius-small

View file

@ -1,3 +1,6 @@
@import "initial-variables"
@import "functions"
$primary: $turquoise !default $primary: $turquoise !default
$info: $cyan !default $info: $cyan !default

View file

@ -0,0 +1,22 @@
@import "mixins"
%control
+control
%unselectable
+unselectable
%arrow
+arrow
%block
+block
%delete
+delete
%loader
+loader
%overlay
+overlay

View file

@ -1,4 +1,4 @@
@import "initial-variables" @import "derived-variables"
=clearfix =clearfix
&::after &::after
@ -161,9 +161,6 @@
-ms-user-select: none -ms-user-select: none
user-select: none user-select: none
%unselectable
+unselectable
=arrow($color: transparent) =arrow($color: transparent)
border: 3px solid $color border: 3px solid $color
border-radius: 2px border-radius: 2px
@ -180,18 +177,12 @@
transform-origin: center transform-origin: center
width: 0.625em width: 0.625em
%arrow
+arrow
=block($spacing: $block-spacing) =block($spacing: $block-spacing)
&:not(:last-child) &:not(:last-child)
margin-bottom: $spacing margin-bottom: $spacing
%block
+block
=delete =delete
@extend %unselectable +unselectable
-moz-appearance: none -moz-appearance: none
-webkit-appearance: none -webkit-appearance: none
background-color: bulmaRgba($scheme-invert, 0.2) background-color: bulmaRgba($scheme-invert, 0.2)
@ -256,9 +247,6 @@
min-width: 32px min-width: 32px
width: 32px width: 32px
%delete
+delete
=loader =loader
animation: spinAround 500ms infinite linear animation: spinAround 500ms infinite linear
border: 2px solid $grey-lighter border: 2px solid $grey-lighter
@ -271,9 +259,6 @@
position: relative position: relative
width: 1em width: 1em
%loader
+loader
=overlay($offset: 0) =overlay($offset: 0)
bottom: $offset bottom: $offset
left: $offset left: $offset
@ -281,5 +266,3 @@
right: $offset right: $offset
top: $offset top: $offset
%overlay
+overlay