Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/vickylaixy/hugo-theme-introduction.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'assets/vendor/bulma/sass/elements')
-rw-r--r--assets/vendor/bulma/sass/elements/_all.sass1
-rw-r--r--assets/vendor/bulma/sass/elements/box.sass10
-rw-r--r--assets/vendor/bulma/sass/elements/button.sass150
-rw-r--r--assets/vendor/bulma/sass/elements/container.sass29
-rw-r--r--assets/vendor/bulma/sass/elements/content.sass28
-rw-r--r--assets/vendor/bulma/sass/elements/form.sass626
-rw-r--r--assets/vendor/bulma/sass/elements/image.sass7
-rw-r--r--assets/vendor/bulma/sass/elements/notification.sass23
-rw-r--r--assets/vendor/bulma/sass/elements/other.sass8
-rw-r--r--assets/vendor/bulma/sass/elements/progress.sass33
-rw-r--r--assets/vendor/bulma/sass/elements/table.sass32
-rw-r--r--assets/vendor/bulma/sass/elements/tag.sass63
-rw-r--r--assets/vendor/bulma/sass/elements/title.sass14
13 files changed, 283 insertions, 741 deletions
diff --git a/assets/vendor/bulma/sass/elements/_all.sass b/assets/vendor/bulma/sass/elements/_all.sass
index 2234322..7490c00 100644
--- a/assets/vendor/bulma/sass/elements/_all.sass
+++ b/assets/vendor/bulma/sass/elements/_all.sass
@@ -4,7 +4,6 @@
@import "button.sass"
@import "container.sass"
@import "content.sass"
-@import "form.sass"
@import "icon.sass"
@import "image.sass"
@import "notification.sass"
diff --git a/assets/vendor/bulma/sass/elements/box.sass b/assets/vendor/bulma/sass/elements/box.sass
index df18542..2fd18d4 100644
--- a/assets/vendor/bulma/sass/elements/box.sass
+++ b/assets/vendor/bulma/sass/elements/box.sass
@@ -1,14 +1,14 @@
$box-color: $text !default
-$box-background-color: $white !default
+$box-background-color: $scheme-main !default
$box-radius: $radius-large !default
-$box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
$box-padding: 1.25rem !default
-$box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
-$box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
+$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
+$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
.box
- +block
+ @extend %block
background-color: $box-background-color
border-radius: $box-radius
box-shadow: $box-shadow
diff --git a/assets/vendor/bulma/sass/elements/button.sass b/assets/vendor/bulma/sass/elements/button.sass
index 9331216..4bdf253 100644
--- a/assets/vendor/bulma/sass/elements/button.sass
+++ b/assets/vendor/bulma/sass/elements/button.sass
@@ -1,11 +1,12 @@
-$button-color: $grey-darker !default
-$button-background-color: $white !default
+$button-color: $text-strong !default
+$button-background-color: $scheme-main !default
+$button-family: false !default
-$button-border-color: $grey-lighter !default
+$button-border-color: $border !default
$button-border-width: $control-border-width !default
-$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default
-$button-padding-horizontal: 0.75em !default
+$button-padding-vertical: calc(0.5em - #{$button-border-width}) !default
+$button-padding-horizontal: 1em !default
$button-hover-color: $link-hover !default
$button-hover-border-color: $link-hover-border !default
@@ -13,41 +14,46 @@ $button-hover-border-color: $link-hover-border !default
$button-focus-color: $link-focus !default
$button-focus-border-color: $link-focus-border !default
$button-focus-box-shadow-size: 0 0 0 0.125em !default
-$button-focus-box-shadow-color: rgba($link, 0.25) !default
+$button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
$button-active-color: $link-active !default
$button-active-border-color: $link-active-border !default
$button-text-color: $text !default
+$button-text-decoration: underline !default
$button-text-hover-background-color: $background !default
$button-text-hover-color: $text-strong !default
-$button-disabled-background-color: $white !default
-$button-disabled-border-color: $grey-lighter !default
+$button-disabled-background-color: $scheme-main !default
+$button-disabled-border-color: $border !default
$button-disabled-shadow: none !default
$button-disabled-opacity: 0.5 !default
-$button-static-color: $grey !default
-$button-static-background-color: $white-ter !default
-$button-static-border-color: $grey-lighter !default
+$button-static-color: $text-light !default
+$button-static-background-color: $scheme-main-ter !default
+$button-static-border-color: $border !default
// The button sizes use mixins so they can be used at different breakpoints
=button-small
border-radius: $radius-small
font-size: $size-small
+=button-normal
+ font-size: $size-normal
=button-medium
font-size: $size-medium
=button-large
font-size: $size-large
.button
- +control
- +unselectable
+ @extend %control
+ @extend %unselectable
background-color: $button-background-color
border-color: $button-border-color
border-width: $button-border-width
color: $button-color
cursor: pointer
+ @if $button-family
+ font-family: $button-family
justify-content: center
padding-bottom: $button-padding-vertical
padding-left: $button-padding-horizontal
@@ -65,14 +71,14 @@ $button-static-border-color: $grey-lighter !default
height: 1.5em
width: 1.5em
&:first-child:not(:last-child)
- margin-left: calc(-0.375em - #{$button-border-width})
- margin-right: 0.1875em
+ +ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}), false)
+ +ltr-property("margin", $button-padding-horizontal / 4)
&:last-child:not(:first-child)
- margin-left: 0.1875em
- margin-right: calc(-0.375em - #{$button-border-width})
+ +ltr-property("margin", $button-padding-horizontal / 4, false)
+ +ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}))
&:first-child:last-child
- margin-left: calc(-0.375em - #{$button-border-width})
- margin-right: calc(-0.375em - #{$button-border-width})
+ margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
+ margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
// States
&:hover,
&.is-hovered
@@ -93,7 +99,7 @@ $button-static-border-color: $grey-lighter !default
background-color: transparent
border-color: transparent
color: $button-text-color
- text-decoration: underline
+ text-decoration: $button-text-decoration
&:hover,
&.is-hovered,
&:focus,
@@ -102,9 +108,10 @@ $button-static-border-color: $grey-lighter !default
color: $button-text-hover-color
&:active,
&.is-active
- background-color: darken($button-text-hover-background-color, 5%)
+ background-color: bulmaDarken($button-text-hover-background-color, 5%)
color: $button-text-hover-color
- &[disabled]
+ &[disabled],
+ fieldset[disabled] &
background-color: transparent
border-color: transparent
box-shadow: none
@@ -117,7 +124,7 @@ $button-static-border-color: $grey-lighter !default
color: $color-invert
&:hover,
&.is-hovered
- background-color: darken($color, 2.5%)
+ background-color: bulmaDarken($color, 2.5%)
border-color: transparent
color: $color-invert
&:focus,
@@ -125,22 +132,25 @@ $button-static-border-color: $grey-lighter !default
border-color: transparent
color: $color-invert
&:not(:active)
- box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
+ box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
&:active,
&.is-active
- background-color: darken($color, 5%)
+ background-color: bulmaDarken($color, 5%)
border-color: transparent
color: $color-invert
- &[disabled]
+ &[disabled],
+ fieldset[disabled] &
background-color: $color
border-color: transparent
box-shadow: none
&.is-inverted
background-color: $color-invert
color: $color
- &:hover
- background-color: darken($color-invert, 5%)
- &[disabled]
+ &:hover,
+ &.is-hovered
+ background-color: bulmaDarken($color-invert, 5%)
+ &[disabled],
+ fieldset[disabled] &
background-color: $color-invert
border-color: transparent
box-shadow: none
@@ -153,14 +163,23 @@ $button-static-border-color: $grey-lighter !default
border-color: $color
color: $color
&:hover,
- &:focus
+ &.is-hovered,
+ &:focus,
+ &.is-focused
background-color: $color
border-color: $color
color: $color-invert
&.is-loading
&::after
border-color: transparent transparent $color $color !important
- &[disabled]
+ &:hover,
+ &.is-hovered,
+ &:focus,
+ &.is-focused
+ &::after
+ border-color: transparent transparent $color-invert $color-invert !important
+ &[disabled],
+ fieldset[disabled] &
background-color: transparent
border-color: $color
box-shadow: none
@@ -170,23 +189,53 @@ $button-static-border-color: $grey-lighter !default
border-color: $color-invert
color: $color-invert
&:hover,
- &:focus
+ &.is-hovered,
+ &:focus,
+ &.is-focused
background-color: $color-invert
color: $color
- &[disabled]
+ &.is-loading
+ &:hover,
+ &.is-hovered,
+ &:focus,
+ &.is-focused
+ &::after
+ border-color: transparent transparent $color $color !important
+ &[disabled],
+ fieldset[disabled] &
background-color: transparent
border-color: $color-invert
box-shadow: none
color: $color-invert
+ // If light and dark colors are provided
+ @if length($pair) >= 4
+ $color-light: nth($pair, 3)
+ $color-dark: nth($pair, 4)
+ &.is-light
+ background-color: $color-light
+ color: $color-dark
+ &:hover,
+ &.is-hovered
+ background-color: bulmaDarken($color-light, 2.5%)
+ border-color: transparent
+ color: $color-dark
+ &:active,
+ &.is-active
+ background-color: bulmaDarken($color-light, 5%)
+ border-color: transparent
+ color: $color-dark
// Sizes
&.is-small
+button-small
+ &.is-normal
+ +button-normal
&.is-medium
+button-medium
&.is-large
+button-large
// Modifiers
- &[disabled]
+ &[disabled],
+ fieldset[disabled] &
background-color: $button-disabled-background-color
border-color: $button-disabled-border-color
box-shadow: $button-disabled-shadow
@@ -198,7 +247,7 @@ $button-static-border-color: $grey-lighter !default
color: transparent !important
pointer-events: none
&::after
- +loader
+ @extend %loader
+center(1em)
position: absolute !important
&.is-static
@@ -209,8 +258,8 @@ $button-static-border-color: $grey-lighter !default
pointer-events: none
&.is-rounded
border-radius: $radius-rounded
- padding-left: 1em
- padding-right: 1em
+ padding-left: calc(#{$button-padding-horizontal} + 0.25em)
+ padding-right: calc(#{$button-padding-horizontal} + 0.25em)
.buttons
align-items: center
@@ -219,12 +268,22 @@ $button-static-border-color: $grey-lighter !default
justify-content: flex-start
.button
margin-bottom: 0.5rem
- &:not(:last-child)
- margin-right: 0.5rem
+ &:not(:last-child):not(.is-fullwidth)
+ +ltr-property("margin", 0.5rem)
&:last-child
margin-bottom: -0.5rem
&:not(:last-child)
margin-bottom: 1rem
+ // Sizes
+ &.are-small
+ .button:not(.is-normal):not(.is-medium):not(.is-large)
+ +button-small
+ &.are-medium
+ .button:not(.is-small):not(.is-normal):not(.is-large)
+ +button-medium
+ &.are-large
+ .button:not(.is-small):not(.is-normal):not(.is-medium)
+ +button-large
&.has-addons
.button
&:not(:first-child)
@@ -233,9 +292,9 @@ $button-static-border-color: $grey-lighter !default
&:not(:last-child)
border-bottom-right-radius: 0
border-top-right-radius: 0
- margin-right: -1px
+ +ltr-property("margin", -1px)
&:last-child
- margin-right: 0
+ +ltr-property("margin", 0)
&:hover,
&.is-hovered
z-index: 2
@@ -249,7 +308,16 @@ $button-static-border-color: $grey-lighter !default
z-index: 4
&.is-expanded
flex-grow: 1
+ flex-shrink: 1
&.is-centered
justify-content: center
+ &:not(.has-addons)
+ .button:not(.is-fullwidth)
+ margin-left: 0.25rem
+ margin-right: 0.25rem
&.is-right
justify-content: flex-end
+ &:not(.has-addons)
+ .button:not(.is-fullwidth)
+ margin-left: 0.25rem
+ margin-right: 0.25rem
diff --git a/assets/vendor/bulma/sass/elements/container.sass b/assets/vendor/bulma/sass/elements/container.sass
index 2aaf591..d88eb94 100644
--- a/assets/vendor/bulma/sass/elements/container.sass
+++ b/assets/vendor/bulma/sass/elements/container.sass
@@ -1,25 +1,24 @@
+$container-offset: (2 * $gap) !default
+
.container
+ flex-grow: 1
margin: 0 auto
position: relative
+ width: auto
+ &.is-fluid
+ max-width: none
+ padding-left: $gap
+ padding-right: $gap
+ width: 100%
+desktop
- max-width: $desktop - (2 * $gap)
- width: $desktop - (2 * $gap)
- &.is-fluid
- margin-left: $gap
- margin-right: $gap
- max-width: none
- width: auto
+ max-width: $desktop - $container-offset
+until-widescreen
&.is-widescreen
- max-width: $widescreen - (2 * $gap)
- width: auto
+ max-width: $widescreen - $container-offset
+until-fullhd
&.is-fullhd
- max-width: $fullhd - (2 * $gap)
- width: auto
+ max-width: $fullhd - $container-offset
+widescreen
- max-width: $widescreen - (2 * $gap)
- width: $widescreen - (2 * $gap)
+ max-width: $widescreen - $container-offset
+fullhd
- max-width: $fullhd - (2 * $gap)
- width: $fullhd - (2 * $gap)
+ max-width: $fullhd - $container-offset
diff --git a/assets/vendor/bulma/sass/elements/content.sass b/assets/vendor/bulma/sass/elements/content.sass
index 8951a82..800268b 100644
--- a/assets/vendor/bulma/sass/elements/content.sass
+++ b/assets/vendor/bulma/sass/elements/content.sass
@@ -18,7 +18,7 @@ $content-table-foot-cell-border-width: 2px 0 0 !default
$content-table-foot-cell-color: $text-strong !default
.content
- +block
+ @extend %block
// Inline
li + li
margin-top: 0.25em
@@ -67,15 +67,25 @@ $content-table-foot-cell-color: $text-strong !default
margin-bottom: 1em
blockquote
background-color: $content-blockquote-background-color
- border-left: $content-blockquote-border-left
+ +ltr-property("border", $content-blockquote-border-left, false)
padding: $content-blockquote-padding
ol
- list-style: decimal outside
- margin-left: 2em
+ list-style-position: outside
+ +ltr-property("margin", 2em, false)
margin-top: 1em
+ &:not([type])
+ list-style-type: decimal
+ &.is-lower-alpha
+ list-style-type: lower-alpha
+ &.is-lower-roman
+ list-style-type: lower-roman
+ &.is-upper-alpha
+ list-style-type: upper-alpha
+ &.is-upper-roman
+ list-style-type: upper-roman
ul
list-style: disc outside
- margin-left: 2em
+ +ltr-property("margin", 2em, false)
margin-top: 1em
ul
list-style-type: circle
@@ -83,7 +93,7 @@ $content-table-foot-cell-color: $text-strong !default
ul
list-style-type: square
dd
- margin-left: 2em
+ +ltr-property("margin", 2em, false)
figure
margin-left: 2em
margin-right: 2em
@@ -115,7 +125,8 @@ $content-table-foot-cell-color: $text-strong !default
vertical-align: top
th
color: $content-table-cell-heading-color
- text-align: left
+ &:not([align])
+ text-align: inherit
thead
td,
th
@@ -132,6 +143,9 @@ $content-table-foot-cell-color: $text-strong !default
td,
th
border-bottom-width: 0
+ .tabs
+ li + li
+ margin-top: 0
// Sizes
&.is-small
font-size: $size-small
diff --git a/assets/vendor/bulma/sass/elements/form.sass b/assets/vendor/bulma/sass/elements/form.sass
index 49ae691..3122dc4 100644
--- a/assets/vendor/bulma/sass/elements/form.sass
+++ b/assets/vendor/bulma/sass/elements/form.sass
@@ -1,625 +1 @@
-$input-color: $grey-darker !default
-$input-background-color: $white !default
-$input-border-color: $grey-lighter !default
-$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
-
-$input-hover-color: $grey-darker !default
-$input-hover-border-color: $grey-light !default
-
-$input-focus-color: $grey-darker !default
-$input-focus-border-color: $link !default
-$input-focus-box-shadow-size: 0 0 0 0.125em !default
-$input-focus-box-shadow-color: rgba($link, 0.25) !default
-
-$input-disabled-color: $text-light !default
-$input-disabled-background-color: $background !default
-$input-disabled-border-color: $background !default
-
-$input-arrow: $link !default
-
-$input-icon-color: $grey-lighter !default
-$input-icon-active-color: $grey !default
-
-$input-radius: $radius !default
-
-$file-border-color: $border !default
-$file-radius: $radius !default
-
-$file-cta-background-color: $white-ter !default
-$file-cta-color: $grey-dark !default
-$file-cta-hover-color: $grey-darker !default
-$file-cta-active-color: $grey-darker !default
-
-$file-name-border-color: $border !default
-$file-name-border-style: solid !default
-$file-name-border-width: 1px 1px 1px 0 !default
-$file-name-max-width: 16em !default
-
-$label-color: $grey-darker !default
-$label-weight: $weight-bold !default
-
-$help-size: $size-small !default
-
-=input
- +control
- background-color: $input-background-color
- border-color: $input-border-color
- color: $input-color
- +placeholder
- color: rgba($input-color, 0.3)
- &:hover,
- &.is-hovered
- border-color: $input-hover-border-color
- &:focus,
- &.is-focused,
- &:active,
- &.is-active
- border-color: $input-focus-border-color
- box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
- &[disabled]
- background-color: $input-disabled-background-color
- border-color: $input-disabled-border-color
- box-shadow: none
- color: $input-disabled-color
- +placeholder
- color: rgba($input-disabled-color, 0.3)
-
-.input,
-.textarea
- +input
- box-shadow: $input-shadow
- max-width: 100%
- width: 100%
- &[readonly]
- box-shadow: none
- // Colors
- @each $name, $pair in $colors
- $color: nth($pair, 1)
- &.is-#{$name}
- border-color: $color
- &:focus,
- &.is-focused,
- &:active,
- &.is-active
- box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
- // Sizes
- &.is-small
- +control-small
- &.is-medium
- +control-medium
- &.is-large
- +control-large
- // Modifiers
- &.is-fullwidth
- display: block
- width: 100%
- &.is-inline
- display: inline
- width: auto
-
-.input
- &.is-rounded
- border-radius: $radius-rounded
- padding-left: 1em
- padding-right: 1em
- &.is-static
- background-color: transparent
- border-color: transparent
- box-shadow: none
- padding-left: 0
- padding-right: 0
-
-.textarea
- display: block
- max-width: 100%
- min-width: 100%
- padding: 0.625em
- resize: vertical
- &:not([rows])
- max-height: 600px
- min-height: 120px
- &[rows]
- height: initial
- // Modifiers
- &.has-fixed-size
- resize: none
-
-.checkbox,
-.radio
- cursor: pointer
- display: inline-block
- line-height: 1.25
- position: relative
- input
- cursor: pointer
- &:hover
- color: $input-hover-color
- &[disabled]
- color: $input-disabled-color
- cursor: not-allowed
-
-.radio
- & + .radio
- margin-left: 0.5em
-
-.select
- display: inline-block
- max-width: 100%
- position: relative
- vertical-align: top
- &:not(.is-multiple)
- height: 2.25em
- &:not(.is-multiple):not(.is-loading)
- &::after
- +arrow($input-arrow)
- right: 1.125em
- z-index: 4
- &.is-rounded
- select
- border-radius: $radius-rounded
- padding-left: 1em
- select
- +input
- cursor: pointer
- display: block
- font-size: 1em
- max-width: 100%
- outline: none
- &::-ms-expand
- display: none
- &[disabled]:hover
- border-color: $input-disabled-border-color
- &:not([multiple])
- padding-right: 2.5em
- &[multiple]
- height: initial
- padding: 0
- option
- padding: 0.5em 1em
- // States
- &:not(.is-multiple):not(.is-loading):hover
- &::after
- border-color: $input-hover-color
- // Colors
- @each $name, $pair in $colors
- $color: nth($pair, 1)
- &.is-#{$name}
- &:not(:hover)::after
- border-color: $color
- select
- border-color: $color
- &:hover,
- &.is-hovered
- border-color: darken($color, 5%)
- &:focus,
- &.is-focused,
- &:active,
- &.is-active
- box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
- // Sizes
- &.is-small
- +control-small
- &.is-medium
- +control-medium
- &.is-large
- +control-large
- // Modifiers
- &.is-disabled
- &::after
- border-color: $input-disabled-color
- &.is-fullwidth
- width: 100%
- select
- width: 100%
- &.is-loading
- &::after
- +loader
- margin-top: 0
- position: absolute
- right: 0.625em
- top: 0.625em
- transform: none
- &.is-small:after
- font-size: $size-small
- &.is-medium:after
- font-size: $size-medium
- &.is-large:after
- font-size: $size-large
-
-.file
- +unselectable
- align-items: stretch
- display: flex
- justify-content: flex-start
- position: relative
- // Colors
- @each $name, $pair in $colors
- $color: nth($pair, 1)
- $color-invert: nth($pair, 2)
- &.is-#{$name}
- .file-cta
- background-color: $color
- border-color: transparent
- color: $color-invert
- &:hover,
- &.is-hovered
- .file-cta
- background-color: darken($color, 2.5%)
- border-color: transparent
- color: $color-invert
- &:focus,
- &.is-focused
- .file-cta
- border-color: transparent
- box-shadow: 0 0 0.5em rgba($color, 0.25)
- color: $color-invert
- &:active,
- &.is-active
- .file-cta
- background-color: darken($color, 5%)
- border-color: transparent
- color: $color-invert
- // Sizes
- &.is-small
- font-size: $size-small
- &.is-medium
- font-size: $size-medium
- .file-icon
- .fa
- font-size: 21px
- &.is-large
- font-size: $size-large
- .file-icon
- .fa
- font-size: 28px
- // Modifiers
- &.has-name
- .file-cta
- border-bottom-right-radius: 0
- border-top-right-radius: 0
- .file-name
- border-bottom-left-radius: 0
- border-top-left-radius: 0
- &.is-empty
- .file-cta
- border-radius: $file-radius
- .file-name
- display: none
- &.is-boxed
- .file-label
- flex-direction: column
- .file-cta
- flex-direction: column
- height: auto
- padding: 1em 3em
- .file-name
- border-width: 0 1px 1px
- .file-icon
- height: 1.5em
- width: 1.5em
- .fa
- font-size: 21px
- &.is-small
- .file-icon .fa
- font-size: 14px
- &.is-medium
- .file-icon .fa
- font-size: 28px
- &.is-large
- .file-icon .fa
- font-size: 35px
- &.has-name
- .file-cta
- border-radius: $file-radius $file-radius 0 0
- .file-name
- border-radius: 0 0 $file-radius $file-radius
- border-width: 0 1px 1px
- &.is-centered
- justify-content: center
- &.is-fullwidth
- .file-label
- width: 100%
- .file-name
- flex-grow: 1
- max-width: none
- &.is-right
- justify-content: flex-end
- .file-cta
- border-radius: 0 $file-radius $file-radius 0
- .file-name
- border-radius: $file-radius 0 0 $file-radius
- border-width: 1px 0 1px 1px
- order: -1
-
-.file-label
- align-items: stretch
- display: flex
- cursor: pointer
- justify-content: flex-start
- overflow: hidden
- position: relative
- &:hover
- .file-cta
- background-color: darken($file-cta-background-color, 2.5%)
- color: $file-cta-hover-color
- .file-name
- border-color: darken($file-name-border-color, 2.5%)
- &:active
- .file-cta
- background-color: darken($file-cta-background-color, 5%)
- color: $file-cta-active-color
- .file-name
- border-color: darken($file-name-border-color, 5%)
-
-.file-input
- height: 0.01em
- left: 0
- outline: none
- position: absolute
- top: 0
- width: 0.01em
-
-.file-cta,
-.file-name
- +control
- border-color: $file-border-color
- border-radius: $file-radius
- font-size: 1em
- padding-left: 1em
- padding-right: 1em
- white-space: nowrap
-
-.file-cta
- background-color: $file-cta-background-color
- color: $file-cta-color
-
-.file-name
- border-color: $file-name-border-color
- border-style: $file-name-border-style
- border-width: $file-name-border-width
- display: block
- max-width: $file-name-max-width
- overflow: hidden
- text-align: left
- text-overflow: ellipsis
-
-.file-icon
- align-items: center
- display: flex
- height: 1em
- justify-content: center
- margin-right: 0.5em
- width: 1em
- .fa
- font-size: 14px
-
-.label
- color: $label-color
- display: block
- font-size: $size-normal
- font-weight: $label-weight
- &:not(:last-child)
- margin-bottom: 0.5em
- // Sizes
- &.is-small
- font-size: $size-small
- &.is-medium
- font-size: $size-medium
- &.is-large
- font-size: $size-large
-
-.help
- display: block
- font-size: $help-size
- margin-top: 0.25rem
- @each $name, $pair in $colors
- $color: nth($pair, 1)
- &.is-#{$name}
- color: $color
-
-// Containers
-
-.field
- &:not(:last-child)
- margin-bottom: 0.75rem
- // Modifiers
- &.has-addons
- display: flex
- justify-content: flex-start
- .control
- &:not(:last-child)
- margin-right: -1px
- &:not(:first-child):not(:last-child)
- .button,
- .input,
- .select select
- border-radius: 0
- &:first-child
- .button,
- .input,
- .select select
- border-bottom-right-radius: 0
- border-top-right-radius: 0
- &:last-child
- .button,
- .input,
- .select select
- border-bottom-left-radius: 0
- border-top-left-radius: 0
- .button,
- .input,
- .select select
- &:hover,
- &.is-hovered
- z-index: 2
- &:focus,
- &.is-focused,
- &:active,
- &.is-active
- z-index: 3
- &:hover
- z-index: 4
- &.is-expanded
- flex-grow: 1
- &.has-addons-centered
- justify-content: center
- &.has-addons-right
- justify-content: flex-end
- &.has-addons-fullwidth
- .control
- flex-grow: 1
- flex-shrink: 0
- &.is-grouped
- display: flex
- justify-content: flex-start
- & > .control
- flex-shrink: 0
- &:not(:last-child)
- margin-bottom: 0
- margin-right: 0.75rem
- &.is-expanded
- flex-grow: 1
- flex-shrink: 1
- &.is-grouped-centered
- justify-content: center
- &.is-grouped-right
- justify-content: flex-end
- &.is-grouped-multiline
- flex-wrap: wrap
- & > .control
- &:last-child,
- &:not(:last-child)
- margin-bottom: 0.75rem
- &:last-child
- margin-bottom: -0.75rem
- &:not(:last-child)
- margin-bottom: 0
-
- &.is-horizontal
- +tablet
- display: flex
-
-.field-label
- .label
- font-size: inherit
- +mobile
- margin-bottom: 0.5rem
- +tablet
- flex-basis: 0
- flex-grow: 1
- flex-shrink: 0
- margin-right: 1.5rem
- text-align: right
- &.is-small
- font-size: $size-small
- padding-top: 0.375em
- &.is-normal
- padding-top: 0.375em
- &.is-medium
- font-size: $size-medium
- padding-top: 0.375em
- &.is-large
- font-size: $size-large
- padding-top: 0.375em
-
-.field-body
- .field .field
- margin-bottom: 0
- +tablet
- display: flex
- flex-basis: 0
- flex-grow: 5
- flex-shrink: 1
- .field
- margin-bottom: 0
- & > .field
- flex-shrink: 1
- &:not(.is-narrow)
- flex-grow: 1
- &:not(:last-child)
- margin-right: 0.75rem
-
-.control
- font-size: $size-normal
- position: relative
- text-align: left
- // Modifiers
- // DEPRECATED
- &.has-icon
- .icon
- color: $input-icon-color
- height: 2.25em
- pointer-events: none
- position: absolute
- top: 0
- width: 2.25em
- z-index: 4
- .input
- &:focus
- & + .icon
- color: $input-icon-active-color
- &.is-small
- & + .icon
- font-size: $size-small
- &.is-medium
- & + .icon
- font-size: $size-medium
- &.is-large
- & + .icon
- font-size: $size-large
- &:not(.has-icon-right)
- .icon
- left: 0
- .input
- padding-left: 2.25em
- &.has-icon-right
- .icon
- right: 0
- .input
- padding-right: 2.25em
- &.has-icons-left,
- &.has-icons-right
- .input,
- .select
- &:focus
- & ~ .icon
- color: $input-icon-active-color
- &.is-small ~ .icon
- font-size: $size-small
- &.is-medium ~ .icon
- font-size: $size-medium
- &.is-large ~ .icon
- font-size: $size-large
- .icon
- color: $input-icon-color
- height: 2.25em
- pointer-events: none
- position: absolute
- top: 0
- width: 2.25em
- z-index: 4
- &.has-icons-left
- .input,
- .select select
- padding-left: 2.25em
- .icon.is-left
- left: 0
- &.has-icons-right
- .input,
- .select select
- padding-right: 2.25em
- .icon.is-right
- right: 0
- &.is-loading
- &::after
- +loader
- position: absolute !important
- right: 0.625em
- top: 0.625em
- z-index: 4
- &.is-small:after
- font-size: $size-small
- &.is-medium:after
- font-size: $size-medium
- &.is-large:after
- font-size: $size-large
+@warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
diff --git a/assets/vendor/bulma/sass/elements/image.sass b/assets/vendor/bulma/sass/elements/image.sass
index 10bad20..7547abc 100644
--- a/assets/vendor/bulma/sass/elements/image.sass
+++ b/assets/vendor/bulma/sass/elements/image.sass
@@ -9,6 +9,8 @@ $dimensions: 16 24 32 48 64 96 128 !default
width: 100%
&.is-rounded
border-radius: $radius-rounded
+ &.is-fullwidth
+ width: 100%
// Ratio
&.is-square,
&.is-1by1,
@@ -26,8 +28,9 @@ $dimensions: 16 24 32 48 64 96 128 !default
&.is-9by16,
&.is-1by2,
&.is-1by3
- img
- +overlay
+ img,
+ .has-ratio
+ @extend %overlay
height: 100%
width: 100%
&.is-square,
diff --git a/assets/vendor/bulma/sass/elements/notification.sass b/assets/vendor/bulma/sass/elements/notification.sass
index 8daccaa..af1c7be 100644
--- a/assets/vendor/bulma/sass/elements/notification.sass
+++ b/assets/vendor/bulma/sass/elements/notification.sass
@@ -1,26 +1,32 @@
$notification-background-color: $background !default
+$notification-code-background-color: $scheme-main !default
$notification-radius: $radius !default
$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
+$notification-padding-ltr: 1.25rem 2.5rem 1.25rem 1.5rem !default
+$notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
.notification
- +block
+ @extend %block
background-color: $notification-background-color
border-radius: $notification-radius
- padding: $notification-padding
position: relative
- a:not(.button)
+ +ltr
+ padding: $notification-padding-ltr
+ +rtl
+ padding: $notification-padding-rtl
+ a:not(.button):not(.dropdown-item)
color: currentColor
text-decoration: underline
strong
color: currentColor
code,
pre
- background: $white
+ background: $notification-code-background-color
pre code
background: transparent
& > .delete
+ +ltr-position(0.5rem)
position: absolute
- right: 0.5rem
top: 0.5rem
.title,
.subtitle,
@@ -33,3 +39,10 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
&.is-#{$name}
background-color: $color
color: $color-invert
+ // If light and dark colors are provided
+ @if length($pair) >= 4
+ $color-light: nth($pair, 3)
+ $color-dark: nth($pair, 4)
+ &.is-light
+ background-color: $color-light
+ color: $color-dark
diff --git a/assets/vendor/bulma/sass/elements/other.sass b/assets/vendor/bulma/sass/elements/other.sass
index b10d1fa..5725617 100644
--- a/assets/vendor/bulma/sass/elements/other.sass
+++ b/assets/vendor/bulma/sass/elements/other.sass
@@ -1,8 +1,8 @@
.block
- +block
+ @extend %block
.delete
- +delete
+ @extend %delete
.heading
display: block
@@ -12,7 +12,7 @@
text-transform: uppercase
.highlight
- +block
+ @extend %block
font-weight: $weight-normal
max-width: 100%
overflow: hidden
@@ -22,7 +22,7 @@
max-width: 100%
.loader
- +loader
+ @extend %loader
.number
align-items: center
diff --git a/assets/vendor/bulma/sass/elements/progress.sass b/assets/vendor/bulma/sass/elements/progress.sass
index f6e8de3..bb43bb6 100644
--- a/assets/vendor/bulma/sass/elements/progress.sass
+++ b/assets/vendor/bulma/sass/elements/progress.sass
@@ -1,12 +1,15 @@
-$progress-bar-background-color: $border !default
+$progress-bar-background-color: $border-light !default
$progress-value-background-color: $text !default
+$progress-border-radius: $radius-rounded !default
+
+$progress-indeterminate-duration: 1.5s !default
.progress
- +block
+ @extend %block
-moz-appearance: none
-webkit-appearance: none
border: none
- border-radius: $radius-rounded
+ border-radius: $progress-border-radius
display: block
height: $size-normal
overflow: hidden
@@ -31,6 +34,24 @@ $progress-value-background-color: $text !default
background-color: $color
&::-ms-fill
background-color: $color
+ &:indeterminate
+ background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
+
+ &:indeterminate
+ animation-duration: $progress-indeterminate-duration
+ animation-iteration-count: infinite
+ animation-name: moveIndeterminate
+ animation-timing-function: linear
+ background-color: $progress-bar-background-color
+ background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
+ background-position: top left
+ background-repeat: no-repeat
+ background-size: 150% 150%
+ &::-webkit-progress-bar
+ background-color: transparent
+ &::-moz-progress-bar
+ background-color: transparent
+
// Sizes
&.is-small
height: $size-small
@@ -38,3 +59,9 @@ $progress-value-background-color: $text !default
height: $size-medium
&.is-large
height: $size-large
+
+@keyframes moveIndeterminate
+ from
+ background-position: 200% 0
+ to
+ background-position: -200% 0
diff --git a/assets/vendor/bulma/sass/elements/table.sass b/assets/vendor/bulma/sass/elements/table.sass
index d0e94e5..48d7d93 100644
--- a/assets/vendor/bulma/sass/elements/table.sass
+++ b/assets/vendor/bulma/sass/elements/table.sass
@@ -1,7 +1,7 @@
-$table-color: $grey-darker !default
-$table-background-color: $white !default
+$table-color: $text-strong !default
+$table-background-color: $scheme-main !default
-$table-cell-border: 1px solid $grey-lighter !default
+$table-cell-border: 1px solid $border !default
$table-cell-border-width: 0 0 1px !default
$table-cell-padding: 0.5em 0.75em !default
$table-cell-heading-color: $text-strong !default
@@ -11,16 +11,20 @@ $table-head-cell-color: $text-strong !default
$table-foot-cell-border-width: 2px 0 0 !default
$table-foot-cell-color: $text-strong !default
-$table-row-hover-background-color: $white-bis !default
+$table-head-background-color: transparent !default
+$table-body-background-color: transparent !default
+$table-foot-background-color: transparent !default
+
+$table-row-hover-background-color: $scheme-main-bis !default
$table-row-active-background-color: $primary !default
$table-row-active-color: $primary-invert !default
-$table-striped-row-even-background-color: $white-bis !default
-$table-striped-row-even-hover-background-color: $white-ter !default
+$table-striped-row-even-background-color: $scheme-main-bis !default
+$table-striped-row-even-hover-background-color: $scheme-main-ter !default
.table
- +block
+ @extend %block
background-color: $table-background-color
color: $table-color
td,
@@ -47,9 +51,12 @@ $table-striped-row-even-hover-background-color: $white-ter !default
a,
strong
color: currentColor
+ &.is-vcentered
+ vertical-align: middle
th
color: $table-cell-heading-color
- text-align: left
+ &:not([align])
+ text-align: inherit
tr
&.is-selected
background-color: $table-row-active-background-color
@@ -62,16 +69,19 @@ $table-striped-row-even-hover-background-color: $white-ter !default
border-color: $table-row-active-color
color: currentColor
thead
+ background-color: $table-head-background-color
td,
th
border-width: $table-head-cell-border-width
color: $table-head-cell-color
tfoot
+ background-color: $table-foot-background-color
td,
th
border-width: $table-foot-cell-border-width
color: $table-foot-cell-color
tbody
+ background-color: $table-body-background-color
tr
&:last-child
td,
@@ -98,7 +108,9 @@ $table-striped-row-even-hover-background-color: $white-ter !default
tbody
tr:not(.is-selected)
&:hover
- background-color: $table-striped-row-even-hover-background-color
+ background-color: $table-row-hover-background-color
+ &:nth-child(even)
+ background-color: $table-striped-row-even-hover-background-color
&.is-narrow
td,
th
@@ -110,7 +122,7 @@ $table-striped-row-even-hover-background-color: $white-ter !default
background-color: $table-striped-row-even-background-color
.table-container
- +block
+ @extend %block
+overflow-touch
overflow: auto
overflow-y: hidden
diff --git a/assets/vendor/bulma/sass/elements/tag.sass b/assets/vendor/bulma/sass/elements/tag.sass
index 7c25054..f3c20a2 100644
--- a/assets/vendor/bulma/sass/elements/tag.sass
+++ b/assets/vendor/bulma/sass/elements/tag.sass
@@ -11,20 +11,18 @@ $tag-delete-margin: 1px !default
.tag
margin-bottom: 0.5rem
&:not(:last-child)
- margin-right: 0.5rem
+ +ltr-property("margin", 0.5rem)
&:last-child
margin-bottom: -0.5rem
&:not(:last-child)
margin-bottom: 1rem
- &.has-addons
- .tag
- margin-right: 0
- &:not(:first-child)
- border-bottom-left-radius: 0
- border-top-left-radius: 0
- &:not(:last-child)
- border-bottom-right-radius: 0
- border-top-right-radius: 0
+ // Sizes
+ &.are-medium
+ .tag:not(.is-normal):not(.is-large)
+ font-size: $size-normal
+ &.are-large
+ .tag:not(.is-normal):not(.is-medium)
+ font-size: $size-medium
&.is-centered
justify-content: center
.tag
@@ -37,6 +35,24 @@ $tag-delete-margin: 1px !default
margin-left: 0.5rem
&:not(:last-child)
margin-right: 0
+ &.has-addons
+ .tag
+ +ltr-property("margin", 0)
+ &:not(:first-child)
+ +ltr-property("margin", 0, false)
+ +ltr
+ border-top-left-radius: 0
+ border-bottom-left-radius: 0
+ +rtl
+ border-top-right-radius: 0
+ border-bottom-right-radius: 0
+ &:not(:last-child)
+ +ltr
+ border-top-right-radius: 0
+ border-bottom-right-radius: 0
+ +rtl
+ border-top-left-radius: 0
+ border-bottom-left-radius: 0
.tag:not(body)
align-items: center
@@ -52,8 +68,8 @@ $tag-delete-margin: 1px !default
padding-right: 0.75em
white-space: nowrap
.delete
- margin-left: 0.25rem
- margin-right: -0.375rem
+ +ltr-property("margin", 0.25rem, false)
+ +ltr-property("margin", -0.375rem)
// Colors
@each $name, $pair in $colors
$color: nth($pair, 1)
@@ -61,24 +77,33 @@ $tag-delete-margin: 1px !default
&.is-#{$name}
background-color: $color
color: $color-invert
+ // If a light and dark colors are provided
+ @if length($pair) > 3
+ $color-light: nth($pair, 3)
+ $color-dark: nth($pair, 4)
+ &.is-light
+ background-color: $color-light
+ color: $color-dark
// Sizes
+ &.is-normal
+ font-size: $size-small
&.is-medium
font-size: $size-normal
&.is-large
font-size: $size-medium
.icon
&:first-child:not(:last-child)
- margin-left: -0.375em
- margin-right: 0.1875em
+ +ltr-property("margin", -0.375em, false)
+ +ltr-property("margin", 0.1875em)
&:last-child:not(:first-child)
- margin-left: 0.1875em
- margin-right: -0.375em
+ +ltr-property("margin", 0.1875em, false)
+ +ltr-property("margin", -0.375em)
&:first-child:last-child
- margin-left: -0.375em
- margin-right: -0.375em
+ +ltr-property("margin", -0.375em, false)
+ +ltr-property("margin", -0.375em)
// Modifiers
&.is-delete
- margin-left: $tag-delete-margin
+ +ltr-property("margin", $tag-delete-margin, false)
padding: 0
position: relative
width: 2em
diff --git a/assets/vendor/bulma/sass/elements/title.sass b/assets/vendor/bulma/sass/elements/title.sass
index 46f6668..fa9947d 100644
--- a/assets/vendor/bulma/sass/elements/title.sass
+++ b/assets/vendor/bulma/sass/elements/title.sass
@@ -1,4 +1,5 @@
-$title-color: $grey-darker !default
+$title-color: $text-strong !default
+$title-family: false !default
$title-size: $size-3 !default
$title-weight: $weight-semibold !default
$title-line-height: 1.125 !default
@@ -7,17 +8,18 @@ $title-strong-weight: inherit !default
$title-sub-size: 0.75em !default
$title-sup-size: 0.75em !default
-$subtitle-color: $grey-dark !default
+$subtitle-color: $text !default
+$subtitle-family: false !default
$subtitle-size: $size-5 !default
$subtitle-weight: $weight-normal !default
$subtitle-line-height: 1.25 !default
-$subtitle-strong-color: $grey-darker !default
+$subtitle-strong-color: $text-strong !default
$subtitle-strong-weight: $weight-semibold !default
$subtitle-negative-margin: -1.25rem !default
.title,
.subtitle
- +block
+ @extend %block
word-break: break-word
em,
span
@@ -31,6 +33,8 @@ $subtitle-negative-margin: -1.25rem !default
.title
color: $title-color
+ @if $title-family
+ font-family: $title-family
font-size: $title-size
font-weight: $title-weight
line-height: $title-line-height
@@ -49,6 +53,8 @@ $subtitle-negative-margin: -1.25rem !default
.subtitle
color: $subtitle-color
+ @if $subtitle-family
+ font-family: $subtitle-family
font-size: $subtitle-size
font-weight: $subtitle-weight
line-height: $subtitle-line-height