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;
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 */
@keyframes spinAround {
from {
transform: rotate(0deg);
.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;
}
to {
transform: rotate(359deg);
.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;
}
.is-unselectable, .tabs, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .breadcrumb, .file, .button, .modal-close, .delete {
.pagination-ellipsis, .breadcrumb, .file, .button {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
@ -49,6 +95,11 @@
}
.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;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
@ -156,60 +207,6 @@
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 */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
@ -422,6 +419,14 @@ table th {
color: #363636;
}
@keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/* Bulma Elements */
.box {
background-color: white;
@ -506,6 +511,16 @@ a.box:active {
border-color: transparent;
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 {
background-color: white;
border-color: transparent;
@ -1421,9 +1436,11 @@ a.box:active {
color: #cc0f35;
}
.button.is-small {
border-radius: 2px;
font-size: 0.75rem;
}
.button.is-small:not(.is-rounded) {
border-radius: 2px;
}
.button.is-normal {
font-size: 1rem;
}
@ -1485,9 +1502,11 @@ a.box:active {
margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
border-radius: 2px;
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) {
font-size: 1.25rem;
}
@ -1758,6 +1777,29 @@ a.box:active {
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 {
display: block;
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);
color: black;
max-width: 100%;
overflow: hidden;
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 {
background-color: transparent;
align-items: stretch;
@ -3810,6 +3860,14 @@ a.tag:hover {
display: block;
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 {
background-color: transparent;
@ -5485,6 +5543,9 @@ body.has-spaced-navbar-fixed-bottom {
.pagination-list {
flex-wrap: wrap;
}
.pagination-list li {
list-style: none;
}
@media screen and (max-width: 768px) {
.pagination {
@ -5891,6 +5952,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-narrow {
flex: none;
width: unset;
}
.columns.is-mobile > .column.is-full {
flex: none;
@ -6053,6 +6115,7 @@ label.panel-block:hover {
@media screen and (max-width: 768px) {
.column.is-narrow-mobile {
flex: none;
width: unset;
}
.column.is-full-mobile {
flex: none;
@ -6216,6 +6279,7 @@ label.panel-block:hover {
@media screen and (min-width: 769px), print {
.column.is-narrow, .column.is-narrow-tablet {
flex: none;
width: unset;
}
.column.is-full, .column.is-full-tablet {
flex: none;
@ -6379,6 +6443,7 @@ label.panel-block:hover {
@media screen and (max-width: 1023px) {
.column.is-narrow-touch {
flex: none;
width: unset;
}
.column.is-full-touch {
flex: none;
@ -6542,6 +6607,7 @@ label.panel-block:hover {
@media screen and (min-width: 1024px) {
.column.is-narrow-desktop {
flex: none;
width: unset;
}
.column.is-full-desktop {
flex: none;
@ -6705,6 +6771,7 @@ label.panel-block:hover {
@media screen and (min-width: 1216px) {
.column.is-narrow-widescreen {
flex: none;
width: unset;
}
.column.is-full-widescreen {
flex: none;
@ -6868,6 +6935,7 @@ label.panel-block:hover {
@media screen and (min-width: 1408px) {
.column.is-narrow-fullhd {
flex: none;
width: unset;
}
.column.is-full-fullhd {
flex: none;
@ -7083,7 +7151,7 @@ label.panel-block:hover {
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
.columns.is-variable > .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}
@ -8182,6 +8250,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
.is-clickable {
cursor: pointer !important;
pointer-events: all !important;
}
.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:
```sh
import 'bulma/css/bulma.css'
@import 'bulma/css/bulma.css'
```
### 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. |
| [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-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)
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
[awesome-link]: https://github.com/awesome-css-group/awesome-css

View file

@ -1,5 +1,5 @@
@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/base/_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",
"_id": "bulma@0.9.1",
"_from": "bulma@0.9.2",
"_id": "bulma@0.9.2",
"_inBundle": false,
"_integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA==",
"_integrity": "sha512-e14EF+3VSZ488yL/lJH0tR8mFWiEQVCMi/BQUMi2TGMBOk+zrDg4wryuwm/+dRSHJw0gMawp2tsW7X1JYUCE3A==",
"_location": "/bulma",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "bulma@0.9.1",
"raw": "bulma@0.9.2",
"name": "bulma",
"escapedName": "bulma",
"rawSpec": "0.9.1",
"rawSpec": "0.9.2",
"saveSpec": null,
"fetchSpec": "0.9.1"
"fetchSpec": "0.9.2"
},
"_requiredBy": [
"#USER",
"/"
],
"_resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
"_shasum": "2bf0e25062a22166db5c92e8c3dcb4605ab040d8",
"_spec": "bulma@0.9.1",
"_resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.2.tgz",
"_shasum": "340011e119c605f19b8ca886bfea595f1deaf23c",
"_spec": "bulma@0.9.2",
"_where": "/Users/jthomas/Desktop",
"author": {
"name": "Jeremy Thomas",
@ -78,5 +78,5 @@
},
"style": "bulma/css/bulma.min.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 */
@charset "utf-8"
@import "minireset.sass"
@import "generic.sass"
@import "minireset"
@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-size: 16px !default
$body-min-width: 300px !default

View file

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

View file

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

View file

@ -1,8 +1,9 @@
@import "../utilities/mixins"
$card-color: $text !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-radius: 0.25rem !default
$card-overflow: hidden !default
$card-header-background-color: transparent !default
$card-header-color: $text-strong !default
@ -25,10 +26,18 @@ $card-media-margin: $block-spacing !default
box-shadow: $card-shadow
color: $card-color
max-width: 100%
overflow: $card-overflow
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
@extend %card-item
background-color: $card-header-background-color
align-items: stretch
box-shadow: $card-header-shadow
@ -54,12 +63,22 @@ $card-media-margin: $block-spacing !default
.card-image
display: block
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
@extend %card-item
background-color: $card-content-background-color
padding: $card-content-padding
.card-footer
@extend %card-item
background-color: $card-footer-background-color
border-top: $card-footer-border-top
align-items: stretch

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$dropdown-menu-min-width: 12rem !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

View file

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

View file

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

View file

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

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$modal-z: 40 !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-box-shadow-size: 0 2px 0 0 !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-border-color: $border !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-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-border-color: $link-hover-border !default
@ -27,7 +33,7 @@ $pagination-current-border-color: $link !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
@extend %block
@ -91,8 +97,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
.pagination-previous,
.pagination-next
padding-left: 0.75em
padding-right: 0.75em
padding-left: $pagination-nav-padding-left
padding-right: $pagination-nav-padding-right
white-space: nowrap
.pagination-link
@ -107,6 +113,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
.pagination-list
flex-wrap: wrap
li
list-style: none
+mobile
.pagination

View file

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

View file

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

View file

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

View file

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

View file

@ -1,3 +1,6 @@
@import "../utilities/controls"
@import "../utilities/mixins"
$button-color: $text-strong !default
$button-background-color: $scheme-main !default
$button-family: false !default
@ -24,6 +27,13 @@ $button-text-decoration: underline !default
$button-text-hover-background-color: $background !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-border-color: $border !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
=button-small
&:not(.is-rounded)
border-radius: $radius-small
font-size: $size-small
=button-normal
@ -117,6 +128,15 @@ $button-colors: $colors !default
background-color: transparent
border-color: transparent
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
$color: nth($pair, 1)
$color-invert: nth($pair, 2)

View file

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

View file

@ -1,3 +1,5 @@
@import "../utilities/mixins"
$content-heading-color: $text-strong !default
$content-heading-weight: $weight-semibold !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-medium: 2rem !default
$icon-dimensions-large: 3rem !default
$icon-text-spacing: 0.25em !default
.icon
align-items: center
@ -19,3 +20,21 @@ $icon-dimensions-large: 3rem !default
&.is-large
height: $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
.image

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,3 +1,5 @@
@import "../utilities/derived-variables"
$footer-background-color: $scheme-main-bis !default
$footer-color: false !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-small: 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-medium: 9rem 1.5rem !default
$section-padding-large: 18rem 1.5rem !default

Binary file not shown.

View file

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

View file

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

View file

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

View file

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