Installation de Bulma 0.9.2
This commit is contained in:
parent
d01cbe847c
commit
50b9759b25
64 changed files with 971 additions and 23947 deletions
|
@ -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);
|
||||
}
|
||||
to {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
.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
|
@ -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
|
||||
|
|
2
shared/static/src/bulma/bulma.sass
vendored
2
shared/static/src/bulma/bulma.sass
vendored
|
@ -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
11624
shared/static/src/bulma/css/bulma.css
vendored
11624
shared/static/src/bulma/css/bulma.css
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
1
shared/static/src/bulma/css/bulma.min.css
vendored
1
shared/static/src/bulma/css/bulma.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -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"
|
||||
}
|
||||
|
|
BIN
shared/static/src/bulma/sass/.DS_Store
vendored
BIN
shared/static/src/bulma/sass/.DS_Store
vendored
Binary file not shown.
|
@ -1,5 +1,6 @@
|
|||
/* Bulma Base */
|
||||
@charset "utf-8"
|
||||
|
||||
@import "minireset.sass"
|
||||
@import "generic.sass"
|
||||
@import "minireset"
|
||||
@import "generic"
|
||||
@import "animations"
|
||||
|
|
5
shared/static/src/bulma/sass/base/animations.sass
Normal file
5
shared/static/src/bulma/sass/base/animations.sass
Normal file
|
@ -0,0 +1,5 @@
|
|||
@keyframes spinAround
|
||||
from
|
||||
transform: rotate(0deg)
|
||||
to
|
||||
transform: rotate(359deg)
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$body-background-color: $scheme-main !default
|
||||
$body-size: 16px !default
|
||||
$body-min-width: 300px !default
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$dropdown-menu-min-width: 12rem !default
|
||||
|
||||
$dropdown-content-background-color: $scheme-main !default
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$level-item-spacing: ($block-spacing / 2) !default
|
||||
|
||||
.level
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$message-background-color: $background !default
|
||||
$message-radius: $radius !default
|
||||
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$modal-z: 40 !default
|
||||
|
||||
$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$box-color: $text !default
|
||||
$box-background-color: $scheme-main !default
|
||||
$box-radius: $radius-large !default
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$container-offset: (2 * $gap) !default
|
||||
$container-max-width: $fullhd !default
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$dimensions: 16 24 32 48 64 96 128 !default
|
||||
|
||||
.image
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$notification-background-color: $background !default
|
||||
$notification-code-background-color: $scheme-main !default
|
||||
$notification-radius: $radius !default
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
.block
|
||||
@extend %block
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$table-color: $text-strong !default
|
||||
$table-background-color: $scheme-main !default
|
||||
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$title-color: $text-strong !default
|
||||
$title-family: false !default
|
||||
$title-size: $size-3 !default
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
@import "../utilities/controls"
|
||||
@import "../utilities/mixins"
|
||||
|
||||
$form-colors: $colors !default
|
||||
|
||||
$input-color: $text-strong !default
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/* Bulma Grid */
|
||||
@charset "utf-8"
|
||||
|
||||
@import "columns.sass"
|
||||
@import "tiles.sass"
|
||||
@import "columns"
|
||||
@import "tiles"
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
$tile-spacing: 0.75rem !default
|
||||
|
||||
.tile
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/derived-variables"
|
||||
|
||||
@each $name, $pair in $colors
|
||||
$color: nth($pair, 1)
|
||||
.has-text-#{$name}
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
.is-clearfix
|
||||
+clearfix
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
.is-overlay
|
||||
@extend %overlay
|
||||
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "../utilities/mixins"
|
||||
|
||||
=typography-size($target:'')
|
||||
@each $size in $sizes
|
||||
$i: index($sizes, $size)
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
|
||||
@import "../utilities/mixins"
|
||||
|
||||
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
/* Bulma Layout */
|
||||
@charset "utf-8"
|
||||
|
||||
@import "hero.sass"
|
||||
@import "section.sass"
|
||||
@import "footer.sass"
|
||||
@import "hero"
|
||||
@import "section"
|
||||
@import "footer"
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
BIN
shared/static/src/bulma/sass/utilities/.DS_Store
vendored
BIN
shared/static/src/bulma/sass/utilities/.DS_Store
vendored
Binary file not shown.
|
@ -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"
|
||||
|
|
|
@ -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."
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
@import "initial-variables"
|
||||
@import "functions"
|
||||
|
||||
$primary: $turquoise !default
|
||||
|
||||
$info: $cyan !default
|
||||
|
|
22
shared/static/src/bulma/sass/utilities/extends.sass
Normal file
22
shared/static/src/bulma/sass/utilities/extends.sass
Normal file
|
@ -0,0 +1,22 @@
|
|||
@import "mixins"
|
||||
|
||||
%control
|
||||
+control
|
||||
|
||||
%unselectable
|
||||
+unselectable
|
||||
|
||||
%arrow
|
||||
+arrow
|
||||
|
||||
%block
|
||||
+block
|
||||
|
||||
%delete
|
||||
+delete
|
||||
|
||||
%loader
|
||||
+loader
|
||||
|
||||
%overlay
|
||||
+overlay
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue