commit bc9431b61999190ffd10182fbd19a89fd7be303b Author: lucperkins Date: Sat Aug 4 12:47:06 2018 +0200 New theme version diff --git a/assets/bulma/bulma.sass b/assets/bulma/bulma.sass new file mode 100644 index 0000000..0554744 --- /dev/null +++ b/assets/bulma/bulma.sass @@ -0,0 +1,8 @@ +@charset "utf-8" +/*! bulma.io v0.7.0 | MIT License | github.com/jgthms/bulma */ +@import "sass/utilities/_all" +@import "sass/base/_all" +@import "sass/elements/_all" +@import "sass/components/_all" +@import "sass/grid/_all" +@import "sass/layout/_all" diff --git a/assets/bulma/sass/base/_all.sass b/assets/bulma/sass/base/_all.sass new file mode 100644 index 0000000..e913d6b --- /dev/null +++ b/assets/bulma/sass/base/_all.sass @@ -0,0 +1,5 @@ +@charset "utf-8" + +@import "minireset.sass" +@import "generic.sass" +@import "helpers.sass" diff --git a/assets/bulma/sass/base/generic.sass b/assets/bulma/sass/base/generic.sass new file mode 100644 index 0000000..bb0e37a --- /dev/null +++ b/assets/bulma/sass/base/generic.sass @@ -0,0 +1,127 @@ +$body-background-color: $white !default +$body-size: 16px !default +$body-rendering: optimizeLegibility !default +$body-family: $family-primary !default +$body-color: $text !default +$body-weight: $weight-normal !default +$body-line-height: 1.5 !default + +$code-family: $family-code !default +$code-padding: 0.25em 0.5em 0.25em !default +$code-weight: normal !default +$code-size: 0.875em !default + +$hr-background-color: $background !default +$hr-height: 2px !default +$hr-margin: 1.5rem 0 !default + +$strong-color: $text-strong !default +$strong-weight: $weight-bold !default + +html + background-color: $body-background-color + font-size: $body-size + -moz-osx-font-smoothing: grayscale + -webkit-font-smoothing: antialiased + min-width: 300px + overflow-x: hidden + overflow-y: scroll + text-rendering: $body-rendering + text-size-adjust: 100% + +article, +aside, +figure, +footer, +header, +hgroup, +section + display: block + +body, +button, +input, +select, +textarea + font-family: $body-family + +code, +pre + -moz-osx-font-smoothing: auto + -webkit-font-smoothing: auto + font-family: $code-family + +body + color: $body-color + font-size: 1rem + font-weight: $body-weight + line-height: $body-line-height + +// Inline + +a + color: $link + cursor: pointer + text-decoration: none + strong + color: currentColor + &:hover + color: $link-hover + +code + background-color: $code-background + color: $code + font-size: $code-size + font-weight: $code-weight + padding: $code-padding + +hr + background-color: $hr-background-color + border: none + display: block + height: $hr-height + margin: $hr-margin + +img + height: auto + max-width: 100% + +input[type="checkbox"], +input[type="radio"] + vertical-align: baseline + +small + font-size: 0.875em + +span + font-style: inherit + font-weight: inherit + +strong + color: $strong-color + font-weight: $strong-weight + +// Block + +pre + +overflow-touch + background-color: $pre-background + color: $pre + font-size: 0.875em + overflow-x: auto + padding: 1.25rem 1.5rem + white-space: pre + word-wrap: normal + code + background-color: transparent + color: currentColor + font-size: 1em + padding: 0 + +table + td, + th + text-align: left + vertical-align: top + th + color: $text-strong diff --git a/assets/bulma/sass/base/helpers.sass b/assets/bulma/sass/base/helpers.sass new file mode 100644 index 0000000..cc40667 --- /dev/null +++ b/assets/bulma/sass/base/helpers.sass @@ -0,0 +1,249 @@ +// Float + +.is-clearfix + +clearfix + +.is-pulled-left + float: left !important + +.is-pulled-right + float: right !important + +// Overflow + +.is-clipped + overflow: hidden !important + +// Overlay + +.is-overlay + +overlay + +// Typography + +=typography-size($target:'') + @each $size in $sizes + $i: index($sizes, $size) + .is-size-#{$i}#{if($target == '', '', '-' + $target)} + font-size: $size !important + ++typography-size() + ++mobile + +typography-size('mobile') + ++tablet + +typography-size('tablet') + ++touch + +typography-size('touch') + ++desktop + +typography-size('desktop') + ++widescreen + +typography-size('widescreen') + ++fullhd + +typography-size('fullhd') + +$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right') + +@each $alignment, $text-align in $alignments + .has-text-#{$alignment} + text-align: #{$text-align} !important + +@each $alignment, $text-align in $alignments + +mobile + .has-text-#{$alignment}-mobile + text-align: #{$text-align} !important + +tablet + .has-text-#{$alignment}-tablet + text-align: #{$text-align} !important + +tablet-only + .has-text-#{$alignment}-tablet-only + text-align: #{$text-align} !important + +touch + .has-text-#{$alignment}-touch + text-align: #{$text-align} !important + +desktop + .has-text-#{$alignment}-desktop + text-align: #{$text-align} !important + +desktop-only + .has-text-#{$alignment}-desktop-only + text-align: #{$text-align} !important + +widescreen + .has-text-#{$alignment}-widescreen + text-align: #{$text-align} !important + +widescreen-only + .has-text-#{$alignment}-widescreen-only + text-align: #{$text-align} !important + +fullhd + .has-text-#{$alignment}-fullhd + text-align: #{$text-align} !important + +.is-capitalized + text-transform: capitalize !important + +.is-lowercase + text-transform: lowercase !important + +.is-uppercase + text-transform: uppercase !important + +.is-italic + font-style: italic !important + +@each $name, $pair in $colors + $color: nth($pair, 1) + .has-text-#{$name} + color: $color !important + a.has-text-#{$name} + &:hover, + &:focus + color: darken($color, 10%) !important + .has-background-#{$name} + background-color: $color !important + +@each $name, $shade in $shades + .has-text-#{$name} + color: $shade !important + +.has-text-weight-light + font-weight: $weight-light !important +.has-text-weight-normal + font-weight: $weight-normal !important +.has-text-weight-semibold + font-weight: $weight-semibold !important +.has-text-weight-bold + font-weight: $weight-bold !important + +// Visibility + +$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex' + +@each $display in $displays + .is-#{$display} + display: #{$display} !important + +mobile + .is-#{$display}-mobile + display: #{$display} !important + +tablet + .is-#{$display}-tablet + display: #{$display} !important + +tablet-only + .is-#{$display}-tablet-only + display: #{$display} !important + +touch + .is-#{$display}-touch + display: #{$display} !important + +desktop + .is-#{$display}-desktop + display: #{$display} !important + +desktop-only + .is-#{$display}-desktop-only + display: #{$display} !important + +widescreen + .is-#{$display}-widescreen + display: #{$display} !important + +widescreen-only + .is-#{$display}-widescreen-only + display: #{$display} !important + +fullhd + .is-#{$display}-fullhd + display: #{$display} !important + +.is-hidden + display: none !important + ++mobile + .is-hidden-mobile + display: none !important + ++tablet + .is-hidden-tablet + display: none !important + ++tablet-only + .is-hidden-tablet-only + display: none !important + ++touch + .is-hidden-touch + display: none !important + ++desktop + .is-hidden-desktop + display: none !important + ++desktop-only + .is-hidden-desktop-only + display: none !important + ++widescreen + .is-hidden-widescreen + display: none !important + ++widescreen-only + .is-hidden-widescreen-only + display: none !important + ++fullhd + .is-hidden-fullhd + display: none !important + +.is-invisible + visibility: hidden !important + ++mobile + .is-invisible-mobile + visibility: hidden !important + ++tablet + .is-invisible-tablet + visibility: hidden !important + ++tablet-only + .is-invisible-tablet-only + visibility: hidden !important + ++touch + .is-invisible-touch + visibility: hidden !important + ++desktop + .is-invisible-desktop + visibility: hidden !important + ++desktop-only + .is-invisible-desktop-only + visibility: hidden !important + ++widescreen + .is-invisible-widescreen + visibility: hidden !important + ++widescreen-only + .is-invisible-widescreen-only + visibility: hidden !important + ++fullhd + .is-invisible-fullhd + visibility: hidden !important + +// Other + +.is-marginless + margin: 0 !important + +.is-paddingless + padding: 0 !important + +.is-radiusless + border-radius: 0 !important + +.is-shadowless + box-shadow: none !important + +.is-unselectable + +unselectable diff --git a/assets/bulma/sass/base/minireset.sass b/assets/bulma/sass/base/minireset.sass new file mode 100644 index 0000000..e99311c --- /dev/null +++ b/assets/bulma/sass/base/minireset.sass @@ -0,0 +1,79 @@ +/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ +// Blocks +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 + margin: 0 + padding: 0 + +// Headings +h1, +h2, +h3, +h4, +h5, +h6 + font-size: 100% + font-weight: normal + +// List +ul + list-style: none + +// Form +button, +input, +select, +textarea + margin: 0 + +// Box sizing +html + box-sizing: border-box + +* + &, + &::before, + &::after + box-sizing: inherit + +// Media +img, +audio, +video + height: auto + max-width: 100% + +// Iframe +iframe + border: 0 + +// Table +table + border-collapse: collapse + border-spacing: 0 + +td, +th + padding: 0 + text-align: left diff --git a/assets/bulma/sass/components/_all.sass b/assets/bulma/sass/components/_all.sass new file mode 100644 index 0000000..1de2c21 --- /dev/null +++ b/assets/bulma/sass/components/_all.sass @@ -0,0 +1,14 @@ +@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" diff --git a/assets/bulma/sass/components/breadcrumb.sass b/assets/bulma/sass/components/breadcrumb.sass new file mode 100644 index 0000000..acc9c3a --- /dev/null +++ b/assets/bulma/sass/components/breadcrumb.sass @@ -0,0 +1,75 @@ +$breadcrumb-item-color: $link !default +$breadcrumb-item-hover-color: $link-hover !default +$breadcrumb-item-active-color: $text-strong !default + +$breadcrumb-item-padding-vertical: 0 !default +$breadcrumb-item-padding-horizontal: 0.75em !default + +$breadcrumb-item-separator-color: $grey-light !default + +.breadcrumb + +block + +unselectable + font-size: $size-normal + white-space: nowrap + a + align-items: center + color: $breadcrumb-item-color + display: flex + justify-content: center + padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal + &:hover + color: $breadcrumb-item-hover-color + li + align-items: center + display: flex + &:first-child a + padding-left: 0 + &.is-active + a + color: $breadcrumb-item-active-color + cursor: default + pointer-events: none + & + li::before + color: $breadcrumb-item-separator-color + content: "\0002f" + ul, + ol + align-items: flex-start + display: flex + flex-wrap: wrap + justify-content: flex-start + .icon + &:first-child + margin-right: 0.5em + &:last-child + margin-left: 0.5em + // Alignment + &.is-centered + ol, + ul + justify-content: center + &.is-right + ol, + ul + justify-content: flex-end + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + // Styles + &.has-arrow-separator + li + li::before + content: "\02192" + &.has-bullet-separator + li + li::before + content: "\02022" + &.has-dot-separator + li + li::before + content: "\000b7" + &.has-succeeds-separator + li + li::before + content: "\0227B" diff --git a/assets/bulma/sass/components/card.sass b/assets/bulma/sass/components/card.sass new file mode 100644 index 0000000..14d2dad --- /dev/null +++ b/assets/bulma/sass/components/card.sass @@ -0,0 +1,74 @@ +$card-color: $text !default +$card-background-color: $white !default +$card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default + +$card-header-background-color: none !default +$card-header-color: $text-strong !default +$card-header-shadow: 0 1px 2px rgba($black, 0.1) !default +$card-header-weight: $weight-bold !default + +$card-content-background-color: none !default + +$card-footer-background-color: none !default +$card-footer-border-top: 1px solid $border !default + +.card + background-color: $card-background-color + box-shadow: $card-shadow + color: $card-color + max-width: 100% + position: relative + +.card-header + background-color: $card-header-background-color + align-items: stretch + box-shadow: $card-header-shadow + display: flex + +.card-header-title + align-items: center + color: $card-header-color + display: flex + flex-grow: 1 + font-weight: $card-header-weight + padding: 0.75rem + &.is-centered + justify-content: center + +.card-header-icon + align-items: center + cursor: pointer + display: flex + justify-content: center + padding: 0.75rem + +.card-image + display: block + position: relative + +.card-content + background-color: $card-content-background-color + padding: 1.5rem + +.card-footer + background-color: $card-footer-background-color + border-top: $card-footer-border-top + align-items: stretch + display: flex + +.card-footer-item + align-items: center + display: flex + flex-basis: 0 + flex-grow: 1 + flex-shrink: 0 + justify-content: center + padding: 0.75rem + &:not(:last-child) + border-right: $card-footer-border-top + +// Combinations + +.card + .media:not(:last-child) + margin-bottom: 0.75rem diff --git a/assets/bulma/sass/components/dropdown.sass b/assets/bulma/sass/components/dropdown.sass new file mode 100644 index 0000000..6a0eaeb --- /dev/null +++ b/assets/bulma/sass/components/dropdown.sass @@ -0,0 +1,74 @@ +$dropdown-content-background-color: $white !default +$dropdown-content-arrow: $link !default +$dropdown-content-offset: 4px !default +$dropdown-content-radius: $radius !default +$dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default +$dropdown-content-z: 20 !default + +$dropdown-item-color: $grey-dark !default +$dropdown-item-hover-color: $black !default +$dropdown-item-hover-background-color: $background !default +$dropdown-item-active-color: $link-invert !default +$dropdown-item-active-background-color: $link !default + +$dropdown-divider-background-color: $border !default + +.dropdown + display: inline-flex + position: relative + vertical-align: top + &.is-active, + &.is-hoverable:hover + .dropdown-menu + display: block + &.is-right + .dropdown-menu + left: auto + right: 0 + &.is-up + .dropdown-menu + bottom: 100% + padding-bottom: $dropdown-content-offset + padding-top: initial + top: auto + +.dropdown-menu + display: none + left: 0 + min-width: 12rem + padding-top: $dropdown-content-offset + position: absolute + top: 100% + z-index: $dropdown-content-z + +.dropdown-content + background-color: $dropdown-content-background-color + border-radius: $dropdown-content-radius + box-shadow: $dropdown-content-shadow + padding-bottom: 0.5rem + padding-top: 0.5rem + +.dropdown-item + color: $dropdown-item-color + display: block + font-size: 0.875rem + line-height: 1.5 + padding: 0.375rem 1rem + position: relative + +a.dropdown-item + padding-right: 3rem + white-space: nowrap + &:hover + background-color: $dropdown-item-hover-background-color + color: $dropdown-item-hover-color + &.is-active + background-color: $dropdown-item-active-background-color + color: $dropdown-item-active-color + +.dropdown-divider + background-color: $dropdown-divider-background-color + border: none + display: block + height: 1px + margin: 0.5rem 0 diff --git a/assets/bulma/sass/components/level.sass b/assets/bulma/sass/components/level.sass new file mode 100644 index 0000000..3328410 --- /dev/null +++ b/assets/bulma/sass/components/level.sass @@ -0,0 +1,75 @@ +.level + +block + align-items: center + justify-content: space-between + code + border-radius: $radius + img + display: inline-block + vertical-align: top + // Modifiers + &.is-mobile + display: flex + .level-left, + .level-right + display: flex + .level-left + .level-right + margin-top: 0 + .level-item + &:not(:last-child) + margin-bottom: 0 + &:not(.is-narrow) + flex-grow: 1 + margin-right: 0.75rem + // Responsiveness + +tablet + display: flex + & > .level-item + &:not(.is-narrow) + flex-grow: 1 + +.level-item + align-items: center + display: flex + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + justify-content: center + .title, + .subtitle + margin-bottom: 0 + // Responsiveness + +mobile + &:not(:last-child) + margin-bottom: 0.75rem + +.level-left, +.level-right + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + .level-item + // Modifiers + &.is-flexible + flex-grow: 1 + // Responsiveness + +tablet + &:not(:last-child) + margin-right: 0.75rem + +.level-left + align-items: center + justify-content: flex-start + // Responsiveness + +mobile + & + .level-right + margin-top: 1.5rem + +tablet + display: flex + +.level-right + align-items: center + justify-content: flex-end + // Responsiveness + +tablet + display: flex diff --git a/assets/bulma/sass/components/media.sass b/assets/bulma/sass/components/media.sass new file mode 100644 index 0000000..cb5df08 --- /dev/null +++ b/assets/bulma/sass/components/media.sass @@ -0,0 +1,44 @@ +.media + align-items: flex-start + display: flex + text-align: left + .content:not(:last-child) + margin-bottom: 0.75rem + .media + border-top: 1px solid rgba($border, 0.5) + display: flex + padding-top: 0.75rem + .content:not(:last-child), + .control:not(:last-child) + margin-bottom: 0.5rem + .media + padding-top: 0.5rem + & + .media + margin-top: 0.5rem + & + .media + border-top: 1px solid rgba($border, 0.5) + margin-top: 1rem + padding-top: 1rem + // Sizes + &.is-large + & + .media + margin-top: 1.5rem + padding-top: 1.5rem + +.media-left, +.media-right + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + +.media-left + margin-right: 1rem + +.media-right + margin-left: 1rem + +.media-content + flex-basis: auto + flex-grow: 1 + flex-shrink: 1 + text-align: left diff --git a/assets/bulma/sass/components/menu.sass b/assets/bulma/sass/components/menu.sass new file mode 100644 index 0000000..727df36 --- /dev/null +++ b/assets/bulma/sass/components/menu.sass @@ -0,0 +1,50 @@ +$menu-item-color: $text !default +$menu-item-radius: $radius-small !default +$menu-item-hover-color: $text-strong !default +$menu-item-hover-background-color: $background !default +$menu-item-active-color: $link-invert !default +$menu-item-active-background-color: $link !default + +$menu-list-border-left: 1px solid $border !default + +$menu-label-color: $text-light !default + +.menu + font-size: $size-normal + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + +.menu-list + line-height: 1.25 + a + border-radius: $menu-item-radius + color: $menu-item-color + display: block + padding: 0.5em 0.75em + &:hover + background-color: $menu-item-hover-background-color + color: $menu-item-hover-color + // Modifiers + &.is-active + background-color: $menu-item-active-background-color + color: $menu-item-active-color + li + ul + border-left: $menu-list-border-left + margin: 0.75em + padding-left: 0.75em + +.menu-label + color: $menu-label-color + font-size: 0.75em + letter-spacing: 0.1em + text-transform: uppercase + &:not(:first-child) + margin-top: 1em + &:not(:last-child) + margin-bottom: 1em diff --git a/assets/bulma/sass/components/message.sass b/assets/bulma/sass/components/message.sass new file mode 100644 index 0000000..a17f753 --- /dev/null +++ b/assets/bulma/sass/components/message.sass @@ -0,0 +1,86 @@ +$message-background-color: $background !default +$message-radius: $radius !default + +$message-header-background-color: $text !default +$message-header-color: $text-invert !default +$message-header-weight: $weight-bold !default +$message-header-padding: 0.75em 1em !default +$message-header-radius: $radius !default + +$message-body-border-color: $border !default +$message-body-border-width: 0 0 0 4px !default +$message-body-color: $text !default +$message-body-padding: 1.25em 1.5em !default +$message-body-radius: $radius !default + +$message-body-pre-background-color: $white !default +$message-body-pre-code-background-color: transparent !default + +$message-header-body-border-width: 0 !default + +.message + +block + background-color: $message-background-color + border-radius: $message-radius + font-size: $size-normal + strong + color: currentColor + a:not(.button):not(.tag) + color: currentColor + text-decoration: underline + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + $color-lightning: max((100% - lightness($color)) - 2%, 0%) + $color-luminance: colorLuminance($color) + $darken-percentage: $color-luminance * 70% + $desaturate-percentage: $color-luminance * 30% + &.is-#{$name} + background-color: lighten($color, $color-lightning) + .message-header + background-color: $color + color: $color-invert + .message-body + border-color: $color + color: desaturate(darken($color, $darken-percentage), $desaturate-percentage) + +.message-header + align-items: center + background-color: $message-header-background-color + border-radius: $message-header-radius $message-header-radius 0 0 + color: $message-header-color + display: flex + font-weight: $message-header-weight + justify-content: space-between + line-height: 1.25 + padding: $message-header-padding + position: relative + .delete + flex-grow: 0 + flex-shrink: 0 + margin-left: 0.75em + & + .message-body + border-width: $message-header-body-border-width + border-top-left-radius: 0 + border-top-right-radius: 0 + +.message-body + border-color: $message-body-border-color + border-radius: $message-body-radius + border-style: solid + border-width: $message-body-border-width + color: $message-body-color + padding: $message-body-padding + code, + pre + background-color: $message-body-pre-background-color + pre code + background-color: $message-body-pre-code-background-color diff --git a/assets/bulma/sass/components/modal.sass b/assets/bulma/sass/components/modal.sass new file mode 100644 index 0000000..65597c4 --- /dev/null +++ b/assets/bulma/sass/components/modal.sass @@ -0,0 +1,111 @@ +$modal-z: 40 !default + +$modal-background-background-color: rgba($black, 0.86) !default + +$modal-content-width: 640px !default +$modal-content-margin-mobile: 20px !default +$modal-content-spacing-mobile: 160px !default +$modal-content-spacing-tablet: 40px !default + +$modal-close-dimensions: 40px !default +$modal-close-right: 20px !default +$modal-close-top: 20px !default + +$modal-card-spacing: 40px !default + +$modal-card-head-background-color: $background !default +$modal-card-head-border-bottom: 1px solid $border !default +$modal-card-head-padding: 20px !default +$modal-card-head-radius: $radius-large !default + +$modal-card-title-color: $text-strong !default +$modal-card-title-line-height: 1 !default +$modal-card-title-size: $size-4 !default + +$modal-card-foot-radius: $radius-large !default +$modal-card-foot-border-top: 1px solid $border !default + +$modal-card-body-background-color: $white !default +$modal-card-body-padding: 20px !default + +.modal + +overlay + align-items: center + display: none + justify-content: center + overflow: hidden + position: fixed + z-index: $modal-z + // Modifiers + &.is-active + display: flex + +.modal-background + +overlay + background-color: $modal-background-background-color + +.modal-content, +.modal-card + margin: 0 $modal-content-margin-mobile + max-height: calc(100vh - #{$modal-content-spacing-mobile}) + overflow: auto + position: relative + width: 100% + // Responsiveness + +tablet + margin: 0 auto + max-height: calc(100vh - #{$modal-content-spacing-tablet}) + width: $modal-content-width + +.modal-close + +delete + background: none + height: $modal-close-dimensions + position: fixed + right: $modal-close-right + top: $modal-close-top + width: $modal-close-dimensions + +.modal-card + display: flex + flex-direction: column + max-height: calc(100vh - #{$modal-card-spacing}) + overflow: hidden + +.modal-card-head, +.modal-card-foot + align-items: center + background-color: $modal-card-head-background-color + display: flex + flex-shrink: 0 + justify-content: flex-start + padding: $modal-card-head-padding + position: relative + +.modal-card-head + border-bottom: $modal-card-head-border-bottom + border-top-left-radius: $modal-card-head-radius + border-top-right-radius: $modal-card-head-radius + +.modal-card-title + color: $modal-card-title-color + flex-grow: 1 + flex-shrink: 0 + font-size: $modal-card-title-size + line-height: $modal-card-title-line-height + +.modal-card-foot + border-bottom-left-radius: $modal-card-foot-radius + border-bottom-right-radius: $modal-card-foot-radius + border-top: $modal-card-foot-border-top + .button + &:not(:last-child) + margin-right: 10px + +.modal-card-body + +overflow-touch + background-color: $modal-card-body-background-color + flex-grow: 1 + flex-shrink: 1 + overflow: auto + padding: $modal-card-body-padding diff --git a/assets/bulma/sass/components/navbar.sass b/assets/bulma/sass/components/navbar.sass new file mode 100644 index 0000000..1160cd4 --- /dev/null +++ b/assets/bulma/sass/components/navbar.sass @@ -0,0 +1,413 @@ +$navbar-background-color: $white !default +$navbar-box-shadow-size: 0 2px 0 0 !default +$navbar-box-shadow-color: $background !default +$navbar-height: 3.25rem !default +$navbar-padding-vertical: 1rem !default +$navbar-padding-horizontal: 2rem !default +$navbar-z: 30 !default +$navbar-fixed-z: 30 !default + +$navbar-item-color: $grey-dark !default +$navbar-item-hover-color: $link !default +$navbar-item-hover-background-color: $white-bis !default +$navbar-item-active-color: $black !default +$navbar-item-active-background-color: transparent !default +$navbar-item-img-max-height: 1.75rem !default + +$navbar-tab-hover-background-color: transparent !default +$navbar-tab-hover-border-bottom-color: $link !default +$navbar-tab-active-color: $link !default +$navbar-tab-active-background-color: transparent !default +$navbar-tab-active-border-bottom-color: $link !default +$navbar-tab-active-border-bottom-style: solid !default +$navbar-tab-active-border-bottom-width: 3px !default + +$navbar-dropdown-background-color: $white !default +$navbar-dropdown-border-top: 2px solid $border !default +$navbar-dropdown-offset: -4px !default +$navbar-dropdown-arrow: $link !default +$navbar-dropdown-radius: $radius-large !default +$navbar-dropdown-z: 20 !default + +$navbar-dropdown-boxed-radius: $radius-large !default +$navbar-dropdown-boxed-shadow: 0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default + +$navbar-dropdown-item-hover-color: $black !default +$navbar-dropdown-item-hover-background-color: $background !default +$navbar-dropdown-item-active-color: $link !default +$navbar-dropdown-item-active-background-color: $background !default + +$navbar-divider-background-color: $background !default +$navbar-divider-height: 2px !default + +=navbar-fixed + left: 0 + position: fixed + right: 0 + z-index: $navbar-fixed-z + +.navbar + background-color: $navbar-background-color + box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color + min-height: $navbar-height + position: relative + z-index: $navbar-z + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert + .navbar-brand + & > .navbar-item, + .navbar-link + color: $color-invert + & > a.navbar-item, + .navbar-link + &:hover, + &.is-active + background-color: darken($color, 5%) + color: $color-invert + .navbar-link + &::after + border-color: $color-invert + +desktop + .navbar-start, + .navbar-end + & > .navbar-item, + .navbar-link + color: $color-invert + & > a.navbar-item, + .navbar-link + &:hover, + &.is-active + background-color: darken($color, 5%) + color: $color-invert + .navbar-link + &::after + border-color: $color-invert + .navbar-item.has-dropdown:hover .navbar-link, + .navbar-item.has-dropdown.is-active .navbar-link + background-color: darken($color, 5%) + color: $color-invert + .navbar-dropdown + a.navbar-item + &.is-active + background-color: $color + color: $color-invert + & > .container + align-items: stretch + display: flex + min-height: $navbar-height + width: 100% + &.has-shadow + box-shadow: 0 2px 3px rgba($black, 0.1) + &.is-fixed-bottom, + &.is-fixed-top + +navbar-fixed + &.is-fixed-bottom + bottom: 0 + &.has-shadow + box-shadow: 0 -2px 3px rgba($black, 0.1) + &.is-fixed-top + top: 0 + +html, +body + &.has-navbar-fixed-top + padding-top: $navbar-height + &.has-navbar-fixed-bottom + padding-bottom: $navbar-height + +.navbar-brand, +.navbar-tabs + align-items: stretch + display: flex + flex-shrink: 0 + min-height: $navbar-height + +.navbar-brand + a.navbar-item + &:hover + background-color: transparent + +.navbar-tabs + +overflow-touch + max-width: 100vw + overflow-x: auto + overflow-y: hidden + +.navbar-burger + +hamburger($navbar-height) + margin-left: auto + +.navbar-menu + display: none + +.navbar-item, +.navbar-link + color: $navbar-item-color + display: block + line-height: 1.5 + padding: 0.5rem 0.75rem + position: relative + .icon + &:only-child + margin-left: -0.25rem + margin-right: -0.25rem + +a.navbar-item, +.navbar-link + cursor: pointer + &:hover, + &.is-active + background-color: $navbar-item-hover-background-color + color: $navbar-item-hover-color + +.navbar-item + display: block + flex-grow: 0 + flex-shrink: 0 + img + max-height: $navbar-item-img-max-height + &.has-dropdown + padding: 0 + &.is-expanded + flex-grow: 1 + flex-shrink: 1 + &.is-tab + border-bottom: 1px solid transparent + min-height: $navbar-height + padding-bottom: calc(0.5rem - 1px) + &:hover + background-color: $navbar-tab-hover-background-color + border-bottom-color: $navbar-tab-hover-border-bottom-color + &.is-active + background-color: $navbar-tab-active-background-color + border-bottom-color: $navbar-tab-active-border-bottom-color + border-bottom-style: $navbar-tab-active-border-bottom-style + border-bottom-width: $navbar-tab-active-border-bottom-width + color: $navbar-tab-active-color + padding-bottom: calc(0.5rem - #{$navbar-tab-active-border-bottom-width}) + +.navbar-content + flex-grow: 1 + flex-shrink: 1 + +.navbar-link + padding-right: 2.5em + &::after + +arrow($navbar-dropdown-arrow) + margin-top: -0.375em + right: 1.125em + +.navbar-dropdown + font-size: 0.875rem + padding-bottom: 0.5rem + padding-top: 0.5rem + .navbar-item + padding-left: 1.5rem + padding-right: 1.5rem + +.navbar-divider + background-color: $navbar-divider-background-color + border: none + display: none + height: $navbar-divider-height + margin: 0.5rem 0 + ++touch + .navbar > .container + display: block + .navbar-brand, + .navbar-tabs + .navbar-item + align-items: center + display: flex + .navbar-link + &::after + display: none + .navbar-menu + background-color: $navbar-background-color + box-shadow: 0 8px 16px rgba($black, 0.1) + padding: 0.5rem 0 + &.is-active + display: block + // Fixed navbar + .navbar + &.is-fixed-bottom-touch, + &.is-fixed-top-touch + +navbar-fixed + &.is-fixed-bottom-touch + bottom: 0 + &.has-shadow + box-shadow: 0 -2px 3px rgba($black, 0.1) + &.is-fixed-top-touch + top: 0 + &.is-fixed-top, + &.is-fixed-top-touch + .navbar-menu + +overflow-touch + max-height: calc(100vh - #{$navbar-height}) + overflow: auto + html, + body + &.has-navbar-fixed-top-touch + padding-top: $navbar-height + &.has-navbar-fixed-bottom-touch + padding-bottom: $navbar-height + ++desktop + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end + align-items: stretch + display: flex + .navbar + min-height: $navbar-height + &.is-spaced + padding: $navbar-padding-vertical $navbar-padding-horizontal + .navbar-start, + .navbar-end + align-items: center + a.navbar-item, + .navbar-link + border-radius: $radius + &.is-transparent + a.navbar-item, + .navbar-link + &:hover, + &.is-active + background-color: transparent !important + .navbar-item.has-dropdown + &.is-active, + &.is-hoverable:hover + .navbar-link + background-color: transparent !important + .navbar-dropdown + a.navbar-item + &:hover + background-color: $navbar-dropdown-item-hover-background-color + color: $navbar-dropdown-item-hover-color + &.is-active + background-color: $navbar-dropdown-item-active-background-color + color: $navbar-dropdown-item-active-color + .navbar-burger + display: none + .navbar-item, + .navbar-link + align-items: center + display: flex + .navbar-item + display: flex + &.has-dropdown + align-items: stretch + &.has-dropdown-up + .navbar-link::after + transform: rotate(135deg) translate(0.25em, -0.25em) + .navbar-dropdown + border-bottom: $navbar-dropdown-border-top + border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0 + border-top: none + bottom: 100% + box-shadow: 0 -8px 8px rgba($black, 0.1) + top: auto + &.is-active, + &.is-hoverable:hover + .navbar-dropdown + display: block + .navbar.is-spaced &, + &.is-boxed + opacity: 1 + pointer-events: auto + transform: translateY(0) + .navbar-menu + flex-grow: 1 + flex-shrink: 0 + .navbar-start + justify-content: flex-start + margin-right: auto + .navbar-end + justify-content: flex-end + margin-left: auto + .navbar-dropdown + background-color: $navbar-dropdown-background-color + border-bottom-left-radius: $navbar-dropdown-radius + border-bottom-right-radius: $navbar-dropdown-radius + border-top: $navbar-dropdown-border-top + box-shadow: 0 8px 8px rgba($black, 0.1) + display: none + font-size: 0.875rem + left: 0 + min-width: 100% + position: absolute + top: 100% + z-index: $navbar-dropdown-z + .navbar-item + padding: 0.375rem 1rem + white-space: nowrap + a.navbar-item + padding-right: 3rem + &:hover + background-color: $navbar-dropdown-item-hover-background-color + color: $navbar-dropdown-item-hover-color + &.is-active + background-color: $navbar-dropdown-item-active-background-color + color: $navbar-dropdown-item-active-color + .navbar.is-spaced &, + &.is-boxed + border-radius: $navbar-dropdown-boxed-radius + border-top: none + box-shadow: $navbar-dropdown-boxed-shadow + display: block + opacity: 0 + pointer-events: none + top: calc(100% + (#{$navbar-dropdown-offset})) + transform: translateY(-5px) + transition-duration: $speed + transition-property: opacity, transform + &.is-right + left: auto + right: 0 + .navbar-divider + display: block + .navbar > .container, + .container > .navbar + .navbar-brand + margin-left: -1rem + .navbar-menu + margin-right: -1rem + // Fixed navbar + .navbar + &.is-fixed-bottom-desktop, + &.is-fixed-top-desktop + +navbar-fixed + &.is-fixed-bottom-desktop + bottom: 0 + &.has-shadow + box-shadow: 0 -2px 3px rgba($black, 0.1) + &.is-fixed-top-desktop + top: 0 + html, + body + &.has-navbar-fixed-top-desktop + padding-top: $navbar-height + &.has-navbar-fixed-bottom-desktop + padding-bottom: $navbar-height + &.has-spaced-navbar-fixed-top + padding-top: $navbar-height + ($navbar-padding-vertical * 2) + &.has-spaced-navbar-fixed-bottom + padding-bottom: $navbar-height + ($navbar-padding-vertical * 2) + // Hover/Active states + a.navbar-item, + .navbar-link + &.is-active + color: $navbar-item-active-color + &.is-active:not(:hover) + background-color: $navbar-item-active-background-color + .navbar-item.has-dropdown + &:hover, + &.is-active + .navbar-link + background-color: $navbar-item-hover-background-color diff --git a/assets/bulma/sass/components/pagination.sass b/assets/bulma/sass/components/pagination.sass new file mode 100644 index 0000000..34dd59d --- /dev/null +++ b/assets/bulma/sass/components/pagination.sass @@ -0,0 +1,143 @@ +$pagination-color: $grey-darker !default +$pagination-border-color: $grey-lighter !default +$pagination-margin: -0.25rem !default + +$pagination-hover-color: $link-hover !default +$pagination-hover-border-color: $link-hover-border !default + +$pagination-focus-color: $link-focus !default +$pagination-focus-border-color: $link-focus-border !default + +$pagination-active-color: $link-active !default +$pagination-active-border-color: $link-active-border !default + +$pagination-disabled-color: $grey !default +$pagination-disabled-background-color: $grey-lighter !default +$pagination-disabled-border-color: $grey-lighter !default + +$pagination-current-color: $link-invert !default +$pagination-current-background-color: $link !default +$pagination-current-border-color: $link !default + +$pagination-ellipsis-color: $grey-light !default + +$pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2) + +.pagination + font-size: $size-normal + margin: $pagination-margin + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + &.is-rounded + .pagination-previous, + .pagination-next + padding-left: 1em + padding-right: 1em + border-radius: $radius-rounded + .pagination-link + border-radius: $radius-rounded + +.pagination, +.pagination-list + align-items: center + display: flex + justify-content: center + text-align: center + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis + +control + +unselectable + font-size: 1em + padding-left: 0.5em + padding-right: 0.5em + justify-content: center + margin: 0.25rem + text-align: center + +.pagination-previous, +.pagination-next, +.pagination-link + border-color: $pagination-border-color + color: $pagination-color + min-width: 2.25em + &:hover + border-color: $pagination-hover-border-color + color: $pagination-hover-color + &:focus + border-color: $pagination-focus-border-color + &:active + box-shadow: $pagination-shadow-inset + &[disabled] + background-color: $pagination-disabled-background-color + border-color: $pagination-disabled-border-color + box-shadow: none + color: $pagination-disabled-color + opacity: 0.5 + +.pagination-previous, +.pagination-next + padding-left: 0.75em + padding-right: 0.75em + white-space: nowrap + +.pagination-link + &.is-current + background-color: $pagination-current-background-color + border-color: $pagination-current-border-color + color: $pagination-current-color + +.pagination-ellipsis + color: $pagination-ellipsis-color + pointer-events: none + +.pagination-list + flex-wrap: wrap + ++mobile + .pagination + flex-wrap: wrap + .pagination-previous, + .pagination-next + flex-grow: 1 + flex-shrink: 1 + .pagination-list + li + flex-grow: 1 + flex-shrink: 1 + ++tablet + .pagination-list + flex-grow: 1 + flex-shrink: 1 + justify-content: flex-start + order: 1 + .pagination-previous + order: 2 + .pagination-next + order: 3 + .pagination + justify-content: space-between + &.is-centered + .pagination-previous + order: 1 + .pagination-list + justify-content: center + order: 2 + .pagination-next + order: 3 + &.is-right + .pagination-previous + order: 1 + .pagination-next + order: 2 + .pagination-list + justify-content: flex-end + order: 3 diff --git a/assets/bulma/sass/components/panel.sass b/assets/bulma/sass/components/panel.sass new file mode 100644 index 0000000..b9d339e --- /dev/null +++ b/assets/bulma/sass/components/panel.sass @@ -0,0 +1,101 @@ +$panel-item-border: 1px solid $border !default + +$panel-heading-background-color: $background !default +$panel-heading-color: $text-strong !default +$panel-heading-line-height: 1.25 !default +$panel-heading-padding: 0.5em 0.75em !default +$panel-heading-radius: $radius !default +$panel-heading-size: 1.25em !default +$panel-heading-weight: $weight-light !default + +$panel-tab-border-bottom: 1px solid $border !default +$panel-tab-active-border-bottom-color: $link-active-border !default +$panel-tab-active-color: $link-active !default + +$panel-list-item-color: $text !default +$panel-list-item-hover-color: $link !default + +$panel-block-color: $text-strong !default +$panel-block-hover-background-color: $background !default +$panel-block-active-border-left-color: $link !default +$panel-block-active-color: $link-active !default +$panel-block-active-icon-color: $link !default + +$panel-icon-color: $text-light !default + +.panel + font-size: $size-normal + &:not(:last-child) + margin-bottom: 1.5rem + +.panel-heading, +.panel-tabs, +.panel-block + border-bottom: $panel-item-border + border-left: $panel-item-border + border-right: $panel-item-border + &:first-child + border-top: $panel-item-border + +.panel-heading + background-color: $panel-heading-background-color + border-radius: $panel-heading-radius $panel-heading-radius 0 0 + color: $panel-heading-color + font-size: $panel-heading-size + font-weight: $panel-heading-weight + line-height: $panel-heading-line-height + padding: $panel-heading-padding + +.panel-tabs + align-items: flex-end + display: flex + font-size: 0.875em + justify-content: center + a + border-bottom: $panel-tab-border-bottom + margin-bottom: -1px + padding: 0.5em + // Modifiers + &.is-active + border-bottom-color: $panel-tab-active-border-bottom-color + color: $panel-tab-active-color + +.panel-list + a + color: $panel-list-item-color + &:hover + color: $panel-list-item-hover-color + +.panel-block + align-items: center + color: $panel-block-color + display: flex + justify-content: flex-start + padding: 0.5em 0.75em + input[type="checkbox"] + margin-right: 0.75em + & > .control + flex-grow: 1 + flex-shrink: 1 + width: 100% + &.is-wrapped + flex-wrap: wrap + &.is-active + border-left-color: $panel-block-active-border-left-color + color: $panel-block-active-color + .panel-icon + color: $panel-block-active-icon-color + +a.panel-block, +label.panel-block + cursor: pointer + &:hover + background-color: $panel-block-hover-background-color + +.panel-icon + +fa(14px, 1em) + color: $panel-icon-color + margin-right: 0.75em + .fa + font-size: inherit + line-height: inherit diff --git a/assets/bulma/sass/components/tabs.sass b/assets/bulma/sass/components/tabs.sass new file mode 100644 index 0000000..ccbf679 --- /dev/null +++ b/assets/bulma/sass/components/tabs.sass @@ -0,0 +1,151 @@ +$tabs-border-bottom-color: $border !default +$tabs-border-bottom-style: solid !default +$tabs-border-bottom-width: 1px !default +$tabs-link-color: $text !default +$tabs-link-hover-border-bottom-color: $text-strong !default +$tabs-link-hover-color: $text-strong !default +$tabs-link-active-border-bottom-color: $link !default +$tabs-link-active-color: $link !default +$tabs-link-padding: 0.5em 1em !default + +$tabs-boxed-link-radius: $radius !default +$tabs-boxed-link-hover-background-color: $background !default +$tabs-boxed-link-hover-border-bottom-color: $border !default + +$tabs-boxed-link-active-background-color: $white !default +$tabs-boxed-link-active-border-color: $border !default +$tabs-boxed-link-active-border-bottom-color: transparent !default + +$tabs-toggle-link-border-color: $border !default +$tabs-toggle-link-border-style: solid !default +$tabs-toggle-link-border-width: 1px !default +$tabs-toggle-link-hover-background-color: $background !default +$tabs-toggle-link-hover-border-color: $border-hover !default +$tabs-toggle-link-radius: $radius !default +$tabs-toggle-link-active-background-color: $link !default +$tabs-toggle-link-active-border-color: $link !default +$tabs-toggle-link-active-color: $link-invert !default + +.tabs + +block + +overflow-touch + +unselectable + align-items: stretch + display: flex + font-size: $size-normal + justify-content: space-between + overflow: hidden + overflow-x: auto + white-space: nowrap + a + align-items: center + border-bottom-color: $tabs-border-bottom-color + border-bottom-style: $tabs-border-bottom-style + border-bottom-width: $tabs-border-bottom-width + color: $tabs-link-color + display: flex + justify-content: center + margin-bottom: -#{$tabs-border-bottom-width} + padding: $tabs-link-padding + vertical-align: top + &:hover + border-bottom-color: $tabs-link-hover-border-bottom-color + color: $tabs-link-hover-color + li + display: block + &.is-active + a + border-bottom-color: $tabs-link-active-border-bottom-color + color: $tabs-link-active-color + ul + align-items: center + border-bottom-color: $tabs-border-bottom-color + border-bottom-style: $tabs-border-bottom-style + border-bottom-width: $tabs-border-bottom-width + display: flex + flex-grow: 1 + flex-shrink: 0 + justify-content: flex-start + &.is-left + padding-right: 0.75em + &.is-center + flex: none + justify-content: center + padding-left: 0.75em + padding-right: 0.75em + &.is-right + justify-content: flex-end + padding-left: 0.75em + .icon + &:first-child + margin-right: 0.5em + &:last-child + margin-left: 0.5em + // Alignment + &.is-centered + ul + justify-content: center + &.is-right + ul + justify-content: flex-end + // Styles + &.is-boxed + a + border: 1px solid transparent + border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0 + &:hover + background-color: $tabs-boxed-link-hover-background-color + border-bottom-color: $tabs-boxed-link-hover-border-bottom-color + li + &.is-active + a + background-color: $tabs-boxed-link-active-background-color + border-color: $tabs-boxed-link-active-border-color + border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important + &.is-fullwidth + li + flex-grow: 1 + flex-shrink: 0 + &.is-toggle + a + border-color: $tabs-toggle-link-border-color + border-style: $tabs-toggle-link-border-style + border-width: $tabs-toggle-link-border-width + margin-bottom: 0 + position: relative + &:hover + background-color: $tabs-toggle-link-hover-background-color + border-color: $tabs-toggle-link-hover-border-color + z-index: 2 + li + & + li + margin-left: -#{$tabs-toggle-link-border-width} + &:first-child a + border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius + &:last-child a + border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0 + &.is-active + a + background-color: $tabs-toggle-link-active-background-color + border-color: $tabs-toggle-link-active-border-color + color: $tabs-toggle-link-active-color + z-index: 1 + ul + border-bottom: none + &.is-toggle-rounded + li + &:first-child a + border-bottom-left-radius: $radius-rounded + border-top-left-radius: $radius-rounded + padding-left: 1.25em + &:last-child a + border-bottom-right-radius: $radius-rounded + border-top-right-radius: $radius-rounded + padding-right: 1.25em + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large diff --git a/assets/bulma/sass/elements/_all.sass b/assets/bulma/sass/elements/_all.sass new file mode 100644 index 0000000..2234322 --- /dev/null +++ b/assets/bulma/sass/elements/_all.sass @@ -0,0 +1,16 @@ +@charset "utf-8" + +@import "box.sass" +@import "button.sass" +@import "container.sass" +@import "content.sass" +@import "form.sass" +@import "icon.sass" +@import "image.sass" +@import "notification.sass" +@import "progress.sass" +@import "table.sass" +@import "tag.sass" +@import "title.sass" + +@import "other.sass" diff --git a/assets/bulma/sass/elements/box.sass b/assets/bulma/sass/elements/box.sass new file mode 100644 index 0000000..df18542 --- /dev/null +++ b/assets/bulma/sass/elements/box.sass @@ -0,0 +1,24 @@ +$box-color: $text !default +$box-background-color: $white !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-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 + +block + background-color: $box-background-color + border-radius: $box-radius + box-shadow: $box-shadow + color: $box-color + display: block + padding: $box-padding + +a.box + &:hover, + &:focus + box-shadow: $box-link-hover-shadow + &:active + box-shadow: $box-link-active-shadow diff --git a/assets/bulma/sass/elements/button.sass b/assets/bulma/sass/elements/button.sass new file mode 100644 index 0000000..9331216 --- /dev/null +++ b/assets/bulma/sass/elements/button.sass @@ -0,0 +1,255 @@ +$button-color: $grey-darker !default +$button-background-color: $white !default + +$button-border-color: $grey-lighter !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-hover-color: $link-hover !default +$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-active-color: $link-active !default +$button-active-border-color: $link-active-border !default + +$button-text-color: $text !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-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 + +// The button sizes use mixins so they can be used at different breakpoints +=button-small + border-radius: $radius-small + font-size: $size-small +=button-medium + font-size: $size-medium +=button-large + font-size: $size-large + +.button + +control + +unselectable + background-color: $button-background-color + border-color: $button-border-color + border-width: $button-border-width + color: $button-color + cursor: pointer + justify-content: center + padding-bottom: $button-padding-vertical + padding-left: $button-padding-horizontal + padding-right: $button-padding-horizontal + padding-top: $button-padding-vertical + text-align: center + white-space: nowrap + strong + color: inherit + .icon + &, + &.is-small, + &.is-medium, + &.is-large + height: 1.5em + width: 1.5em + &:first-child:not(:last-child) + margin-left: calc(-0.375em - #{$button-border-width}) + margin-right: 0.1875em + &:last-child:not(:first-child) + margin-left: 0.1875em + margin-right: calc(-0.375em - #{$button-border-width}) + &:first-child:last-child + margin-left: calc(-0.375em - #{$button-border-width}) + margin-right: calc(-0.375em - #{$button-border-width}) + // States + &:hover, + &.is-hovered + border-color: $button-hover-border-color + color: $button-hover-color + &:focus, + &.is-focused + border-color: $button-focus-border-color + color: $button-focus-color + &:not(:active) + box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color + &:active, + &.is-active + border-color: $button-active-border-color + color: $button-active-color + // Colors + &.is-text + background-color: transparent + border-color: transparent + color: $button-text-color + text-decoration: underline + &:hover, + &.is-hovered, + &:focus, + &.is-focused + background-color: $button-text-hover-background-color + color: $button-text-hover-color + &:active, + &.is-active + background-color: darken($button-text-hover-background-color, 5%) + color: $button-text-hover-color + &[disabled] + background-color: transparent + border-color: transparent + box-shadow: none + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + border-color: transparent + color: $color-invert + &:hover, + &.is-hovered + background-color: darken($color, 2.5%) + border-color: transparent + color: $color-invert + &:focus, + &.is-focused + border-color: transparent + color: $color-invert + &:not(:active) + box-shadow: $button-focus-box-shadow-size rgba($color, 0.25) + &:active, + &.is-active + background-color: darken($color, 5%) + border-color: transparent + color: $color-invert + &[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] + background-color: $color-invert + border-color: transparent + box-shadow: none + color: $color + &.is-loading + &::after + border-color: transparent transparent $color-invert $color-invert !important + &.is-outlined + background-color: transparent + border-color: $color + color: $color + &:hover, + &:focus + background-color: $color + border-color: $color + color: $color-invert + &.is-loading + &::after + border-color: transparent transparent $color $color !important + &[disabled] + background-color: transparent + border-color: $color + box-shadow: none + color: $color + &.is-inverted.is-outlined + background-color: transparent + border-color: $color-invert + color: $color-invert + &:hover, + &:focus + background-color: $color-invert + color: $color + &[disabled] + background-color: transparent + border-color: $color-invert + box-shadow: none + color: $color-invert + // Sizes + &.is-small + +button-small + &.is-medium + +button-medium + &.is-large + +button-large + // Modifiers + &[disabled] + background-color: $button-disabled-background-color + border-color: $button-disabled-border-color + box-shadow: $button-disabled-shadow + opacity: $button-disabled-opacity + &.is-fullwidth + display: flex + width: 100% + &.is-loading + color: transparent !important + pointer-events: none + &::after + +loader + +center(1em) + position: absolute !important + &.is-static + background-color: $button-static-background-color + border-color: $button-static-border-color + color: $button-static-color + box-shadow: none + pointer-events: none + &.is-rounded + border-radius: $radius-rounded + padding-left: 1em + padding-right: 1em + +.buttons + align-items: center + display: flex + flex-wrap: wrap + justify-content: flex-start + .button + margin-bottom: 0.5rem + &:not(:last-child) + margin-right: 0.5rem + &:last-child + margin-bottom: -0.5rem + &:not(:last-child) + margin-bottom: 1rem + &.has-addons + .button + &: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 + margin-right: -1px + &:last-child + margin-right: 0 + &:hover, + &.is-hovered + z-index: 2 + &:focus, + &.is-focused, + &:active, + &.is-active, + &.is-selected + z-index: 3 + &:hover + z-index: 4 + &.is-expanded + flex-grow: 1 + &.is-centered + justify-content: center + &.is-right + justify-content: flex-end diff --git a/assets/bulma/sass/elements/container.sass b/assets/bulma/sass/elements/container.sass new file mode 100644 index 0000000..2aaf591 --- /dev/null +++ b/assets/bulma/sass/elements/container.sass @@ -0,0 +1,25 @@ +.container + margin: 0 auto + position: relative + +desktop + max-width: $desktop - (2 * $gap) + width: $desktop - (2 * $gap) + &.is-fluid + margin-left: $gap + margin-right: $gap + max-width: none + width: auto + +until-widescreen + &.is-widescreen + max-width: $widescreen - (2 * $gap) + width: auto + +until-fullhd + &.is-fullhd + max-width: $fullhd - (2 * $gap) + width: auto + +widescreen + max-width: $widescreen - (2 * $gap) + width: $widescreen - (2 * $gap) + +fullhd + max-width: $fullhd - (2 * $gap) + width: $fullhd - (2 * $gap) diff --git a/assets/bulma/sass/elements/content.sass b/assets/bulma/sass/elements/content.sass new file mode 100644 index 0000000..8951a82 --- /dev/null +++ b/assets/bulma/sass/elements/content.sass @@ -0,0 +1,141 @@ +$content-heading-color: $text-strong !default +$content-heading-weight: $weight-semibold !default +$content-heading-line-height: 1.125 !default + +$content-blockquote-background-color: $background !default +$content-blockquote-border-left: 5px solid $border !default +$content-blockquote-padding: 1.25em 1.5em !default + +$content-pre-padding: 1.25em 1.5em !default + +$content-table-cell-border: 1px solid $border !default +$content-table-cell-border-width: 0 0 1px !default +$content-table-cell-padding: 0.5em 0.75em !default +$content-table-cell-heading-color: $text-strong !default +$content-table-head-cell-border-width: 0 0 2px !default +$content-table-head-cell-color: $text-strong !default +$content-table-foot-cell-border-width: 2px 0 0 !default +$content-table-foot-cell-color: $text-strong !default + +.content + +block + // Inline + li + li + margin-top: 0.25em + // Block + p, + dl, + ol, + ul, + blockquote, + pre, + table + &:not(:last-child) + margin-bottom: 1em + h1, + h2, + h3, + h4, + h5, + h6 + color: $content-heading-color + font-weight: $content-heading-weight + line-height: $content-heading-line-height + h1 + font-size: 2em + margin-bottom: 0.5em + &:not(:first-child) + margin-top: 1em + h2 + font-size: 1.75em + margin-bottom: 0.5714em + &:not(:first-child) + margin-top: 1.1428em + h3 + font-size: 1.5em + margin-bottom: 0.6666em + &:not(:first-child) + margin-top: 1.3333em + h4 + font-size: 1.25em + margin-bottom: 0.8em + h5 + font-size: 1.125em + margin-bottom: 0.8888em + h6 + font-size: 1em + margin-bottom: 1em + blockquote + background-color: $content-blockquote-background-color + border-left: $content-blockquote-border-left + padding: $content-blockquote-padding + ol + list-style: decimal outside + margin-left: 2em + margin-top: 1em + ul + list-style: disc outside + margin-left: 2em + margin-top: 1em + ul + list-style-type: circle + margin-top: 0.5em + ul + list-style-type: square + dd + margin-left: 2em + figure + margin-left: 2em + margin-right: 2em + text-align: center + &:not(:first-child) + margin-top: 2em + &:not(:last-child) + margin-bottom: 2em + img + display: inline-block + figcaption + font-style: italic + pre + +overflow-touch + overflow-x: auto + padding: $content-pre-padding + white-space: pre + word-wrap: normal + sup, + sub + font-size: 75% + table + width: 100% + td, + th + border: $content-table-cell-border + border-width: $content-table-cell-border-width + padding: $content-table-cell-padding + vertical-align: top + th + color: $content-table-cell-heading-color + text-align: left + thead + td, + th + border-width: $content-table-head-cell-border-width + color: $content-table-head-cell-color + tfoot + td, + th + border-width: $content-table-foot-cell-border-width + color: $content-table-foot-cell-color + tbody + tr + &:last-child + td, + th + border-bottom-width: 0 + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large diff --git a/assets/bulma/sass/elements/form.sass b/assets/bulma/sass/elements/form.sass new file mode 100644 index 0000000..49ae691 --- /dev/null +++ b/assets/bulma/sass/elements/form.sass @@ -0,0 +1,625 @@ +$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 diff --git a/assets/bulma/sass/elements/icon.sass b/assets/bulma/sass/elements/icon.sass new file mode 100644 index 0000000..988546c --- /dev/null +++ b/assets/bulma/sass/elements/icon.sass @@ -0,0 +1,21 @@ +$icon-dimensions: 1.5rem !default +$icon-dimensions-small: 1rem !default +$icon-dimensions-medium: 2rem !default +$icon-dimensions-large: 3rem !default + +.icon + align-items: center + display: inline-flex + justify-content: center + height: $icon-dimensions + width: $icon-dimensions + // Sizes + &.is-small + height: $icon-dimensions-small + width: $icon-dimensions-small + &.is-medium + height: $icon-dimensions-medium + width: $icon-dimensions-medium + &.is-large + height: $icon-dimensions-large + width: $icon-dimensions-large diff --git a/assets/bulma/sass/elements/image.sass b/assets/bulma/sass/elements/image.sass new file mode 100644 index 0000000..10bad20 --- /dev/null +++ b/assets/bulma/sass/elements/image.sass @@ -0,0 +1,68 @@ +$dimensions: 16 24 32 48 64 96 128 !default + +.image + display: block + position: relative + img + display: block + height: auto + width: 100% + &.is-rounded + border-radius: $radius-rounded + // Ratio + &.is-square, + &.is-1by1, + &.is-5by4, + &.is-4by3, + &.is-3by2, + &.is-5by3, + &.is-16by9, + &.is-2by1, + &.is-3by1, + &.is-4by5, + &.is-3by4, + &.is-2by3, + &.is-3by5, + &.is-9by16, + &.is-1by2, + &.is-1by3 + img + +overlay + height: 100% + width: 100% + &.is-square, + &.is-1by1 + padding-top: 100% + &.is-5by4 + padding-top: 80% + &.is-4by3 + padding-top: 75% + &.is-3by2 + padding-top: 66.6666% + &.is-5by3 + padding-top: 60% + &.is-16by9 + padding-top: 56.25% + &.is-2by1 + padding-top: 50% + &.is-3by1 + padding-top: 33.3333% + &.is-4by5 + padding-top: 125% + &.is-3by4 + padding-top: 133.3333% + &.is-2by3 + padding-top: 150% + &.is-3by5 + padding-top: 166.6666% + &.is-9by16 + padding-top: 177.7777% + &.is-1by2 + padding-top: 200% + &.is-1by3 + padding-top: 300% + // Sizes + @each $dimension in $dimensions + &.is-#{$dimension}x#{$dimension} + height: $dimension * 1px + width: $dimension * 1px diff --git a/assets/bulma/sass/elements/notification.sass b/assets/bulma/sass/elements/notification.sass new file mode 100644 index 0000000..8daccaa --- /dev/null +++ b/assets/bulma/sass/elements/notification.sass @@ -0,0 +1,35 @@ +$notification-background-color: $background !default +$notification-radius: $radius !default +$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default + +.notification + +block + background-color: $notification-background-color + border-radius: $notification-radius + padding: $notification-padding + position: relative + a:not(.button) + color: currentColor + text-decoration: underline + strong + color: currentColor + code, + pre + background: $white + pre code + background: transparent + & > .delete + position: absolute + right: 0.5rem + top: 0.5rem + .title, + .subtitle, + .content + color: currentColor + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert diff --git a/assets/bulma/sass/elements/other.sass b/assets/bulma/sass/elements/other.sass new file mode 100644 index 0000000..b10d1fa --- /dev/null +++ b/assets/bulma/sass/elements/other.sass @@ -0,0 +1,39 @@ +.block + +block + +.delete + +delete + +.heading + display: block + font-size: 11px + letter-spacing: 1px + margin-bottom: 5px + text-transform: uppercase + +.highlight + +block + font-weight: $weight-normal + max-width: 100% + overflow: hidden + padding: 0 + pre + overflow: auto + max-width: 100% + +.loader + +loader + +.number + align-items: center + background-color: $background + border-radius: $radius-rounded + display: inline-flex + font-size: $size-medium + height: 2em + justify-content: center + margin-right: 1.5rem + min-width: 2.5em + padding: 0.25rem 0.5rem + text-align: center + vertical-align: top diff --git a/assets/bulma/sass/elements/progress.sass b/assets/bulma/sass/elements/progress.sass new file mode 100644 index 0000000..f6e8de3 --- /dev/null +++ b/assets/bulma/sass/elements/progress.sass @@ -0,0 +1,40 @@ +$progress-bar-background-color: $border !default +$progress-value-background-color: $text !default + +.progress + +block + -moz-appearance: none + -webkit-appearance: none + border: none + border-radius: $radius-rounded + display: block + height: $size-normal + overflow: hidden + padding: 0 + width: 100% + &::-webkit-progress-bar + background-color: $progress-bar-background-color + &::-webkit-progress-value + background-color: $progress-value-background-color + &::-moz-progress-bar + background-color: $progress-value-background-color + &::-ms-fill + background-color: $progress-value-background-color + border: none + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + &.is-#{$name} + &::-webkit-progress-value + background-color: $color + &::-moz-progress-bar + background-color: $color + &::-ms-fill + background-color: $color + // Sizes + &.is-small + height: $size-small + &.is-medium + height: $size-medium + &.is-large + height: $size-large diff --git a/assets/bulma/sass/elements/table.sass b/assets/bulma/sass/elements/table.sass new file mode 100644 index 0000000..d0e94e5 --- /dev/null +++ b/assets/bulma/sass/elements/table.sass @@ -0,0 +1,117 @@ +$table-color: $grey-darker !default +$table-background-color: $white !default + +$table-cell-border: 1px solid $grey-lighter !default +$table-cell-border-width: 0 0 1px !default +$table-cell-padding: 0.5em 0.75em !default +$table-cell-heading-color: $text-strong !default + +$table-head-cell-border-width: 0 0 2px !default +$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-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 + +block + background-color: $table-background-color + color: $table-color + td, + th + border: $table-cell-border + border-width: $table-cell-border-width + padding: $table-cell-padding + vertical-align: top + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + border-color: $color + color: $color-invert + // Modifiers + &.is-narrow + white-space: nowrap + width: 1% + &.is-selected + background-color: $table-row-active-background-color + color: $table-row-active-color + a, + strong + color: currentColor + th + color: $table-cell-heading-color + text-align: left + tr + &.is-selected + background-color: $table-row-active-background-color + color: $table-row-active-color + a, + strong + color: currentColor + td, + th + border-color: $table-row-active-color + color: currentColor + thead + td, + th + border-width: $table-head-cell-border-width + color: $table-head-cell-color + tfoot + td, + th + border-width: $table-foot-cell-border-width + color: $table-foot-cell-color + tbody + tr + &:last-child + td, + th + border-bottom-width: 0 + // Modifiers + &.is-bordered + td, + th + border-width: 1px + tr + &:last-child + td, + th + border-bottom-width: 1px + &.is-fullwidth + width: 100% + &.is-hoverable + tbody + tr:not(.is-selected) + &:hover + background-color: $table-row-hover-background-color + &.is-striped + tbody + tr:not(.is-selected) + &:hover + background-color: $table-striped-row-even-hover-background-color + &.is-narrow + td, + th + padding: 0.25em 0.5em + &.is-striped + tbody + tr:not(.is-selected) + &:nth-child(even) + background-color: $table-striped-row-even-background-color + +.table-container + +block + +overflow-touch + overflow: auto + overflow-y: hidden + max-width: 100% diff --git a/assets/bulma/sass/elements/tag.sass b/assets/bulma/sass/elements/tag.sass new file mode 100644 index 0000000..7c25054 --- /dev/null +++ b/assets/bulma/sass/elements/tag.sass @@ -0,0 +1,111 @@ +$tag-background-color: $background !default +$tag-color: $text !default +$tag-radius: $radius !default +$tag-delete-margin: 1px !default + +.tags + align-items: center + display: flex + flex-wrap: wrap + justify-content: flex-start + .tag + margin-bottom: 0.5rem + &:not(:last-child) + margin-right: 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 + &.is-centered + justify-content: center + .tag + margin-right: 0.25rem + margin-left: 0.25rem + &.is-right + justify-content: flex-end + .tag + &:not(:first-child) + margin-left: 0.5rem + &:not(:last-child) + margin-right: 0 + +.tag:not(body) + align-items: center + background-color: $tag-background-color + border-radius: $tag-radius + color: $tag-color + display: inline-flex + font-size: $size-small + height: 2em + justify-content: center + line-height: 1.5 + padding-left: 0.75em + padding-right: 0.75em + white-space: nowrap + .delete + margin-left: 0.25rem + margin-right: -0.375rem + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert + // Sizes + &.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 + &:last-child:not(:first-child) + margin-left: 0.1875em + margin-right: -0.375em + &:first-child:last-child + margin-left: -0.375em + margin-right: -0.375em + // Modifiers + &.is-delete + margin-left: $tag-delete-margin + padding: 0 + position: relative + width: 2em + &::before, + &::after + background-color: currentColor + content: "" + display: block + left: 50% + position: absolute + top: 50% + transform: translateX(-50%) translateY(-50%) rotate(45deg) + transform-origin: center center + &::before + height: 1px + width: 50% + &::after + height: 50% + width: 1px + &:hover, + &:focus + background-color: darken($tag-background-color, 5%) + &:active + background-color: darken($tag-background-color, 10%) + &.is-rounded + border-radius: $radius-rounded + +a.tag + &:hover + text-decoration: underline diff --git a/assets/bulma/sass/elements/title.sass b/assets/bulma/sass/elements/title.sass new file mode 100644 index 0000000..46f6668 --- /dev/null +++ b/assets/bulma/sass/elements/title.sass @@ -0,0 +1,64 @@ +$title-color: $grey-darker !default +$title-size: $size-3 !default +$title-weight: $weight-semibold !default +$title-line-height: 1.125 !default +$title-strong-color: inherit !default +$title-strong-weight: inherit !default +$title-sub-size: 0.75em !default +$title-sup-size: 0.75em !default + +$subtitle-color: $grey-dark !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-weight: $weight-semibold !default +$subtitle-negative-margin: -1.25rem !default + +.title, +.subtitle + +block + word-break: break-word + em, + span + font-weight: inherit + sub + font-size: $title-sub-size + sup + font-size: $title-sup-size + .tag + vertical-align: middle + +.title + color: $title-color + font-size: $title-size + font-weight: $title-weight + line-height: $title-line-height + strong + color: $title-strong-color + font-weight: $title-strong-weight + & + .highlight + margin-top: -0.75rem + &:not(.is-spaced) + .subtitle + margin-top: $subtitle-negative-margin + // Sizes + @each $size in $sizes + $i: index($sizes, $size) + &.is-#{$i} + font-size: $size + +.subtitle + color: $subtitle-color + font-size: $subtitle-size + font-weight: $subtitle-weight + line-height: $subtitle-line-height + strong + color: $subtitle-strong-color + font-weight: $subtitle-strong-weight + &:not(.is-spaced) + .title + margin-top: $subtitle-negative-margin + // Sizes + @each $size in $sizes + $i: index($sizes, $size) + &.is-#{$i} + font-size: $size diff --git a/assets/bulma/sass/grid/_all.sass b/assets/bulma/sass/grid/_all.sass new file mode 100644 index 0000000..e53070f --- /dev/null +++ b/assets/bulma/sass/grid/_all.sass @@ -0,0 +1,4 @@ +@charset "utf-8" + +@import "columns.sass" +@import "tiles.sass" diff --git a/assets/bulma/sass/grid/columns.sass b/assets/bulma/sass/grid/columns.sass new file mode 100644 index 0000000..0b5d4de --- /dev/null +++ b/assets/bulma/sass/grid/columns.sass @@ -0,0 +1,477 @@ +$column-gap: 0.75rem !default + +.column + display: block + flex-basis: 0 + flex-grow: 1 + flex-shrink: 1 + padding: $column-gap + .columns.is-mobile > &.is-narrow + flex: none + .columns.is-mobile > &.is-full + flex: none + width: 100% + .columns.is-mobile > &.is-three-quarters + flex: none + width: 75% + .columns.is-mobile > &.is-two-thirds + flex: none + width: 66.6666% + .columns.is-mobile > &.is-half + flex: none + width: 50% + .columns.is-mobile > &.is-one-third + flex: none + width: 33.3333% + .columns.is-mobile > &.is-one-quarter + flex: none + width: 25% + .columns.is-mobile > &.is-one-fifth + flex: none + width: 20% + .columns.is-mobile > &.is-two-fifths + flex: none + width: 40% + .columns.is-mobile > &.is-three-fifths + flex: none + width: 60% + .columns.is-mobile > &.is-four-fifths + flex: none + width: 80% + .columns.is-mobile > &.is-offset-three-quarters + margin-left: 75% + .columns.is-mobile > &.is-offset-two-thirds + margin-left: 66.6666% + .columns.is-mobile > &.is-offset-half + margin-left: 50% + .columns.is-mobile > &.is-offset-one-third + margin-left: 33.3333% + .columns.is-mobile > &.is-offset-one-quarter + margin-left: 25% + .columns.is-mobile > &.is-offset-one-fifth + margin-left: 20% + .columns.is-mobile > &.is-offset-two-fifths + margin-left: 40% + .columns.is-mobile > &.is-offset-three-fifths + margin-left: 60% + .columns.is-mobile > &.is-offset-four-fifths + margin-left: 80% + @for $i from 1 through 12 + .columns.is-mobile > &.is-#{$i} + flex: none + width: percentage($i / 12) + .columns.is-mobile > &.is-offset-#{$i} + margin-left: percentage($i / 12) + +mobile + &.is-narrow-mobile + flex: none + &.is-full-mobile + flex: none + width: 100% + &.is-three-quarters-mobile + flex: none + width: 75% + &.is-two-thirds-mobile + flex: none + width: 66.6666% + &.is-half-mobile + flex: none + width: 50% + &.is-one-third-mobile + flex: none + width: 33.3333% + &.is-one-quarter-mobile + flex: none + width: 25% + &.is-one-fifth-mobile + flex: none + width: 20% + &.is-two-fifths-mobile + flex: none + width: 40% + &.is-three-fifths-mobile + flex: none + width: 60% + &.is-four-fifths-mobile + flex: none + width: 80% + &.is-offset-three-quarters-mobile + margin-left: 75% + &.is-offset-two-thirds-mobile + margin-left: 66.6666% + &.is-offset-half-mobile + margin-left: 50% + &.is-offset-one-third-mobile + margin-left: 33.3333% + &.is-offset-one-quarter-mobile + margin-left: 25% + &.is-offset-one-fifth-mobile + margin-left: 20% + &.is-offset-two-fifths-mobile + margin-left: 40% + &.is-offset-three-fifths-mobile + margin-left: 60% + &.is-offset-four-fifths-mobile + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-mobile + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-mobile + margin-left: percentage($i / 12) + +tablet + &.is-narrow, + &.is-narrow-tablet + flex: none + &.is-full, + &.is-full-tablet + flex: none + width: 100% + &.is-three-quarters, + &.is-three-quarters-tablet + flex: none + width: 75% + &.is-two-thirds, + &.is-two-thirds-tablet + flex: none + width: 66.6666% + &.is-half, + &.is-half-tablet + flex: none + width: 50% + &.is-one-third, + &.is-one-third-tablet + flex: none + width: 33.3333% + &.is-one-quarter, + &.is-one-quarter-tablet + flex: none + width: 25% + &.is-one-fifth, + &.is-one-fifth-tablet + flex: none + width: 20% + &.is-two-fifths, + &.is-two-fifths-tablet + flex: none + width: 40% + &.is-three-fifths, + &.is-three-fifths-tablet + flex: none + width: 60% + &.is-four-fifths, + &.is-four-fifths-tablet + flex: none + width: 80% + &.is-offset-three-quarters, + &.is-offset-three-quarters-tablet + margin-left: 75% + &.is-offset-two-thirds, + &.is-offset-two-thirds-tablet + margin-left: 66.6666% + &.is-offset-half, + &.is-offset-half-tablet + margin-left: 50% + &.is-offset-one-third, + &.is-offset-one-third-tablet + margin-left: 33.3333% + &.is-offset-one-quarter, + &.is-offset-one-quarter-tablet + margin-left: 25% + &.is-offset-one-fifth, + &.is-offset-one-fifth-tablet + margin-left: 20% + &.is-offset-two-fifths, + &.is-offset-two-fifths-tablet + margin-left: 40% + &.is-offset-three-fifths, + &.is-offset-three-fifths-tablet + margin-left: 60% + &.is-offset-four-fifths, + &.is-offset-four-fifths-tablet + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}, + &.is-#{$i}-tablet + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}, + &.is-offset-#{$i}-tablet + margin-left: percentage($i / 12) + +touch + &.is-narrow-touch + flex: none + &.is-full-touch + flex: none + width: 100% + &.is-three-quarters-touch + flex: none + width: 75% + &.is-two-thirds-touch + flex: none + width: 66.6666% + &.is-half-touch + flex: none + width: 50% + &.is-one-third-touch + flex: none + width: 33.3333% + &.is-one-quarter-touch + flex: none + width: 25% + &.is-one-fifth-touch + flex: none + width: 20% + &.is-two-fifths-touch + flex: none + width: 40% + &.is-three-fifths-touch + flex: none + width: 60% + &.is-four-fifths-touch + flex: none + width: 80% + &.is-offset-three-quarters-touch + margin-left: 75% + &.is-offset-two-thirds-touch + margin-left: 66.6666% + &.is-offset-half-touch + margin-left: 50% + &.is-offset-one-third-touch + margin-left: 33.3333% + &.is-offset-one-quarter-touch + margin-left: 25% + &.is-offset-one-fifth-touch + margin-left: 20% + &.is-offset-two-fifths-touch + margin-left: 40% + &.is-offset-three-fifths-touch + margin-left: 60% + &.is-offset-four-fifths-touch + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-touch + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-touch + margin-left: percentage($i / 12) + +desktop + &.is-narrow-desktop + flex: none + &.is-full-desktop + flex: none + width: 100% + &.is-three-quarters-desktop + flex: none + width: 75% + &.is-two-thirds-desktop + flex: none + width: 66.6666% + &.is-half-desktop + flex: none + width: 50% + &.is-one-third-desktop + flex: none + width: 33.3333% + &.is-one-quarter-desktop + flex: none + width: 25% + &.is-one-fifth-desktop + flex: none + width: 20% + &.is-two-fifths-desktop + flex: none + width: 40% + &.is-three-fifths-desktop + flex: none + width: 60% + &.is-four-fifths-desktop + flex: none + width: 80% + &.is-offset-three-quarters-desktop + margin-left: 75% + &.is-offset-two-thirds-desktop + margin-left: 66.6666% + &.is-offset-half-desktop + margin-left: 50% + &.is-offset-one-third-desktop + margin-left: 33.3333% + &.is-offset-one-quarter-desktop + margin-left: 25% + &.is-offset-one-fifth-desktop + margin-left: 20% + &.is-offset-two-fifths-desktop + margin-left: 40% + &.is-offset-three-fifths-desktop + margin-left: 60% + &.is-offset-four-fifths-desktop + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-desktop + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-desktop + margin-left: percentage($i / 12) + +widescreen + &.is-narrow-widescreen + flex: none + &.is-full-widescreen + flex: none + width: 100% + &.is-three-quarters-widescreen + flex: none + width: 75% + &.is-two-thirds-widescreen + flex: none + width: 66.6666% + &.is-half-widescreen + flex: none + width: 50% + &.is-one-third-widescreen + flex: none + width: 33.3333% + &.is-one-quarter-widescreen + flex: none + width: 25% + &.is-one-fifth-widescreen + flex: none + width: 20% + &.is-two-fifths-widescreen + flex: none + width: 40% + &.is-three-fifths-widescreen + flex: none + width: 60% + &.is-four-fifths-widescreen + flex: none + width: 80% + &.is-offset-three-quarters-widescreen + margin-left: 75% + &.is-offset-two-thirds-widescreen + margin-left: 66.6666% + &.is-offset-half-widescreen + margin-left: 50% + &.is-offset-one-third-widescreen + margin-left: 33.3333% + &.is-offset-one-quarter-widescreen + margin-left: 25% + &.is-offset-one-fifth-widescreen + margin-left: 20% + &.is-offset-two-fifths-widescreen + margin-left: 40% + &.is-offset-three-fifths-widescreen + margin-left: 60% + &.is-offset-four-fifths-widescreen + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-widescreen + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-widescreen + margin-left: percentage($i / 12) + +fullhd + &.is-narrow-fullhd + flex: none + &.is-full-fullhd + flex: none + width: 100% + &.is-three-quarters-fullhd + flex: none + width: 75% + &.is-two-thirds-fullhd + flex: none + width: 66.6666% + &.is-half-fullhd + flex: none + width: 50% + &.is-one-third-fullhd + flex: none + width: 33.3333% + &.is-one-quarter-fullhd + flex: none + width: 25% + &.is-one-fifth-fullhd + flex: none + width: 20% + &.is-two-fifths-fullhd + flex: none + width: 40% + &.is-three-fifths-fullhd + flex: none + width: 60% + &.is-four-fifths-fullhd + flex: none + width: 80% + &.is-offset-three-quarters-fullhd + margin-left: 75% + &.is-offset-two-thirds-fullhd + margin-left: 66.6666% + &.is-offset-half-fullhd + margin-left: 50% + &.is-offset-one-third-fullhd + margin-left: 33.3333% + &.is-offset-one-quarter-fullhd + margin-left: 25% + &.is-offset-one-fifth-fullhd + margin-left: 20% + &.is-offset-two-fifths-fullhd + margin-left: 40% + &.is-offset-three-fifths-fullhd + margin-left: 60% + &.is-offset-four-fifths-fullhd + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-fullhd + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-fullhd + margin-left: percentage($i / 12) + +.columns + margin-left: (-$column-gap) + margin-right: (-$column-gap) + margin-top: (-$column-gap) + &:last-child + margin-bottom: (-$column-gap) + &:not(:last-child) + margin-bottom: calc(1.5rem - #{$column-gap}) + // Modifiers + &.is-centered + justify-content: center + &.is-gapless + margin-left: 0 + margin-right: 0 + margin-top: 0 + & > .column + margin: 0 + padding: 0 !important + &:not(:last-child) + margin-bottom: 1.5rem + &:last-child + margin-bottom: 0 + &.is-mobile + display: flex + &.is-multiline + flex-wrap: wrap + &.is-vcentered + align-items: center + // Responsiveness + +tablet + &:not(.is-desktop) + display: flex + +desktop + // Modifiers + &.is-desktop + display: flex + +@if $variable-columns + .columns.is-variable + --columnGap: 0.75rem + margin-left: calc(-1 * var(--columnGap)) + margin-right: calc(-1 * var(--columnGap)) + .column + padding-left: var(--columnGap) + padding-right: var(--columnGap) + @for $i from 0 through 8 + &.is-#{$i} + --columnGap: #{$i * 0.25rem} diff --git a/assets/bulma/sass/grid/tiles.sass b/assets/bulma/sass/grid/tiles.sass new file mode 100644 index 0000000..1f6a626 --- /dev/null +++ b/assets/bulma/sass/grid/tiles.sass @@ -0,0 +1,32 @@ +.tile + align-items: stretch + display: block + flex-basis: 0 + flex-grow: 1 + flex-shrink: 1 + min-height: min-content + // Modifiers + &.is-ancestor + margin-left: -0.75rem + margin-right: -0.75rem + margin-top: -0.75rem + &:last-child + margin-bottom: -0.75rem + &:not(:last-child) + margin-bottom: 0.75rem + &.is-child + margin: 0 !important + &.is-parent + padding: 0.75rem + &.is-vertical + flex-direction: column + & > .tile.is-child:not(:last-child) + margin-bottom: 1.5rem !important + // Responsiveness + +tablet + &:not(.is-child) + display: flex + @for $i from 1 through 12 + &.is-#{$i} + flex: none + width: ($i / 12) * 100% diff --git a/assets/bulma/sass/layout/_all.sass b/assets/bulma/sass/layout/_all.sass new file mode 100644 index 0000000..143ada3 --- /dev/null +++ b/assets/bulma/sass/layout/_all.sass @@ -0,0 +1,5 @@ +@charset "utf-8" + +@import "hero.sass" +@import "section.sass" +@import "footer.sass" diff --git a/assets/bulma/sass/layout/footer.sass b/assets/bulma/sass/layout/footer.sass new file mode 100644 index 0000000..6688482 --- /dev/null +++ b/assets/bulma/sass/layout/footer.sass @@ -0,0 +1,5 @@ +$footer-background-color: $white-bis !default + +.footer + background-color: $footer-background-color + padding: 3rem 1.5rem 6rem diff --git a/assets/bulma/sass/layout/hero.sass b/assets/bulma/sass/layout/hero.sass new file mode 100644 index 0000000..be7a9d7 --- /dev/null +++ b/assets/bulma/sass/layout/hero.sass @@ -0,0 +1,155 @@ +// Main container + +.hero + align-items: stretch + display: flex + flex-direction: column + justify-content: space-between + .navbar + background: none + .tabs + ul + border-bottom: none + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert + a:not(.button):not(.dropdown-item):not(.tag), + strong + color: inherit + .title + color: $color-invert + .subtitle + color: rgba($color-invert, 0.9) + a:not(.button), + strong + color: $color-invert + .navbar-menu + +touch + background-color: $color + .navbar-item, + .navbar-link + color: rgba($color-invert, 0.7) + a.navbar-item, + .navbar-link + &:hover, + &.is-active + background-color: darken($color, 5%) + color: $color-invert + .tabs + a + color: $color-invert + opacity: 0.9 + &:hover + opacity: 1 + li + &.is-active a + opacity: 1 + &.is-boxed, + &.is-toggle + a + color: $color-invert + &:hover + background-color: rgba($black, 0.1) + li.is-active a + &, + &:hover + background-color: $color-invert + border-color: $color-invert + color: $color + // Modifiers + &.is-bold + $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%) + $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%) + background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) + +mobile + .navbar-menu + background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) + // Responsiveness + // +mobile + // .nav-toggle + // span + // background-color: $color-invert + // &:hover + // background-color: rgba($black, 0.1) + // &.is-active + // span + // background-color: $color-invert + // .nav-menu + // .nav-item + // border-top-color: rgba($color-invert, 0.2) + // Sizes + &.is-small + .hero-body + padding-bottom: 1.5rem + padding-top: 1.5rem + &.is-medium + +tablet + .hero-body + padding-bottom: 9rem + padding-top: 9rem + &.is-large + +tablet + .hero-body + padding-bottom: 18rem + padding-top: 18rem + &.is-halfheight, + &.is-fullheight + .hero-body + align-items: center + display: flex + & > .container + flex-grow: 1 + flex-shrink: 1 + &.is-halfheight + min-height: 50vh + &.is-fullheight + min-height: 100vh + +// Components + +.hero-video + +overlay + overflow: hidden + video + left: 50% + min-height: 100% + min-width: 100% + position: absolute + top: 50% + transform: translate3d(-50%, -50%, 0) + // Modifiers + &.is-transparent + opacity: 0.3 + // Responsiveness + +mobile + display: none + +.hero-buttons + margin-top: 1.5rem + // Responsiveness + +mobile + .button + display: flex + &:not(:last-child) + margin-bottom: 0.75rem + +tablet + display: flex + justify-content: center + .button:not(:last-child) + margin-right: 1.5rem + +// Containers + +.hero-head, +.hero-foot + flex-grow: 0 + flex-shrink: 0 + +.hero-body + flex-grow: 1 + flex-shrink: 0 + padding: 3rem 1.5rem diff --git a/assets/bulma/sass/layout/section.sass b/assets/bulma/sass/layout/section.sass new file mode 100644 index 0000000..6f2d352 --- /dev/null +++ b/assets/bulma/sass/layout/section.sass @@ -0,0 +1,13 @@ +$section-padding: 3rem 1.5rem !default +$section-padding-medium: 9rem 1.5rem !default +$section-padding-large: 18rem 1.5rem !default + +.section + padding: $section-padding + // Responsiveness + +desktop + // Sizes + &.is-medium + padding: $section-padding-medium + &.is-large + padding: $section-padding-large diff --git a/assets/bulma/sass/utilities/_all.sass b/assets/bulma/sass/utilities/_all.sass new file mode 100644 index 0000000..bf4ecfe --- /dev/null +++ b/assets/bulma/sass/utilities/_all.sass @@ -0,0 +1,8 @@ +@charset "utf-8" + +@import "initial-variables.sass" +@import "functions.sass" +@import "derived-variables.sass" +@import "animations.sass" +@import "mixins.sass" +@import "controls.sass" diff --git a/assets/bulma/sass/utilities/animations.sass b/assets/bulma/sass/utilities/animations.sass new file mode 100644 index 0000000..a14525d --- /dev/null +++ b/assets/bulma/sass/utilities/animations.sass @@ -0,0 +1,5 @@ +@keyframes spinAround + from + transform: rotate(0deg) + to + transform: rotate(359deg) diff --git a/assets/bulma/sass/utilities/controls.sass b/assets/bulma/sass/utilities/controls.sass new file mode 100644 index 0000000..8dc3a61 --- /dev/null +++ b/assets/bulma/sass/utilities/controls.sass @@ -0,0 +1,46 @@ +$control-radius: $radius !default +$control-radius-small: $radius-small !default + +$control-border-width: 1px !default + +$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default +$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default + +%control + -moz-appearance: none + -webkit-appearance: none + align-items: center + border: $control-border-width solid transparent + border-radius: $control-radius + box-shadow: none + display: inline-flex + font-size: $size-normal + height: 2.25em + justify-content: flex-start + line-height: 1.5 + padding-bottom: $control-padding-vertical + padding-left: $control-padding-horizontal + padding-right: $control-padding-horizontal + padding-top: $control-padding-vertical + position: relative + vertical-align: top + // States + &:focus, + &.is-focused, + &:active, + &.is-active + outline: none + &[disabled] + cursor: not-allowed + +=control + @extend %control + +// The controls sizes use mixins so they can be used at different breakpoints +=control-small + border-radius: $control-radius-small + font-size: $size-small +=control-medium + font-size: $size-medium +=control-large + font-size: $size-large diff --git a/assets/bulma/sass/utilities/derived-variables.sass b/assets/bulma/sass/utilities/derived-variables.sass new file mode 100644 index 0000000..aa91281 --- /dev/null +++ b/assets/bulma/sass/utilities/derived-variables.sass @@ -0,0 +1,84 @@ +$primary: $turquoise !default + +$info: $cyan !default +$success: $green !default +$warning: $yellow !default +$danger: $red !default + +$light: $white-ter !default +$dark: $grey-darker !default + +// Invert colors + +$orange-invert: findColorInvert($orange) !default +$yellow-invert: findColorInvert($yellow) !default +$green-invert: findColorInvert($green) !default +$turquoise-invert: findColorInvert($turquoise) !default +$cyan-invert: findColorInvert($cyan) !default +$blue-invert: findColorInvert($blue) !default +$purple-invert: findColorInvert($purple) !default +$red-invert: findColorInvert($red) !default + +$primary-invert: $turquoise-invert !default +$info-invert: $cyan-invert !default +$success-invert: $green-invert !default +$warning-invert: $yellow-invert !default +$danger-invert: $red-invert !default +$light-invert: $dark !default +$dark-invert: $light !default + +// General colors + +$background: $white-ter !default + +$border: $grey-lighter !default +$border-hover: $grey-light !default + +// Text colors + +$text: $grey-dark !default +$text-invert: findColorInvert($text) !default +$text-light: $grey !default +$text-strong: $grey-darker !default + +// Code colors + +$code: $red !default +$code-background: $background !default + +$pre: $text !default +$pre-background: $background !default + +// Link colors + +$link: $blue !default +$link-invert: $blue-invert !default +$link-visited: $purple !default + +$link-hover: $grey-darker !default +$link-hover-border: $grey-light !default + +$link-focus: $grey-darker !default +$link-focus-border: $blue !default + +$link-active: $grey-darker !default +$link-active-border: $grey-dark !default + +// Typography + +$family-primary: $family-sans-serif !default +$family-code: $family-monospace !default + +$size-small: $size-7 !default +$size-normal: $size-6 !default +$size-medium: $size-5 !default +$size-large: $size-4 !default + +// Lists and maps +$custom-colors: null !default +$custom-shades: null !default + +$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "link": ($link, $link-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)), $custom-colors) !default +$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default + +$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default diff --git a/assets/bulma/sass/utilities/functions.sass b/assets/bulma/sass/utilities/functions.sass new file mode 100644 index 0000000..acd3e83 --- /dev/null +++ b/assets/bulma/sass/utilities/functions.sass @@ -0,0 +1,62 @@ +@function mergeColorMaps($bulma-colors, $custom-colors) + // we return at least bulma hardcoded colors + $merged-colors: $bulma-colors + + // we want a map as input + @if type-of($custom-colors) == 'map' + @each $name, $components in $custom-colors + // color name should be a string and colors pair a list with at least one element + @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1 + $color-base: null + + // the param can either be a single color + // or a list of 2 colors + @if type-of($components) == 'color' + $color-base: $components + @else if type-of($components) == 'list' + $color-base: nth($components, 1) + + $color-invert: null + // is an inverted color provided in the list + @if length($components) > 1 + $color-invert: nth($components, 2) + + // we only want a color as base color + @if type-of($color-base) == 'color' + // if inverted color is not provided or is not a color we compute it + @if type-of($color-invert) != 'color' + $color-invert: findColorInvert($color-base) + + // we merge this colors elements as map with bulma colors (we can override them this way, no multiple definition for the same name) + $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert))) + + @return $merged-colors + +@function powerNumber($number, $exp) + $value: 1 + @if $exp > 0 + @for $i from 1 through $exp + $value: $value * $number + @else if $exp < 0 + @for $i from 1 through -$exp + $value: $value / $number + @return $value + +@function colorLuminance($color) + $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color)) + @each $name, $value in $color-rgb + $adjusted: 0 + $value: $value / 255 + @if $value < 0.03928 + $value: $value / 12.92 + @else + $value: ($value + .055) / 1.055 + $value: powerNumber($value, 2) + $color-rgb: map-merge($color-rgb, ($name: $value)) + @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722) + +@function findColorInvert($color) + @if (colorLuminance($color) > 0.55) + @return rgba(#000, 0.7) + @else + @return #fff diff --git a/assets/bulma/sass/utilities/initial-variables.sass b/assets/bulma/sass/utilities/initial-variables.sass new file mode 100644 index 0000000..2e52646 --- /dev/null +++ b/assets/bulma/sass/utilities/initial-variables.sass @@ -0,0 +1,72 @@ +// Colors + +$black: hsl(0, 0%, 4%) !default +$black-bis: hsl(0, 0%, 7%) !default +$black-ter: hsl(0, 0%, 14%) !default + +$grey-darker: hsl(0, 0%, 21%) !default +$grey-dark: hsl(0, 0%, 29%) !default +$grey: hsl(0, 0%, 48%) !default +$grey-light: hsl(0, 0%, 71%) !default +$grey-lighter: hsl(0, 0%, 86%) !default + +$white-ter: hsl(0, 0%, 96%) !default +$white-bis: hsl(0, 0%, 98%) !default +$white: hsl(0, 0%, 100%) !default + +$orange: hsl(14, 100%, 53%) !default +$yellow: hsl(48, 100%, 67%) !default +$green: hsl(141, 71%, 48%) !default +$turquoise: hsl(171, 100%, 41%) !default +$cyan: hsl(204, 86%, 53%) !default +$blue: hsl(217, 71%, 53%) !default +$purple: hsl(271, 100%, 71%) !default +$red: hsl(348, 100%, 61%) !default + +// Typography + +$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default +$family-monospace: monospace !default +$render-mode: optimizeLegibility !default + +$size-1: 3rem !default +$size-2: 2.5rem !default +$size-3: 2rem !default +$size-4: 1.5rem !default +$size-5: 1.25rem !default +$size-6: 1rem !default +$size-7: 0.75rem !default + +$weight-light: 300 !default +$weight-normal: 400 !default +$weight-medium: 500 !default +$weight-semibold: 600 !default +$weight-bold: 700 !default + +// Responsiveness + +// The container horizontal gap, which acts as the offset for breakpoints +$gap: 64px !default +// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16 +$tablet: 769px !default +// 960px container + 4rem +$desktop: 960px + (2 * $gap) !default +// 1152px container + 4rem +$widescreen: 1152px + (2 * $gap) !default +$widescreen-enabled: true !default +// 1344px container + 4rem +$fullhd: 1344px + (2 * $gap) !default +$fullhd-enabled: false !default + +// Miscellaneous + +$easing: ease-out !default +$radius-small: 2px !default +$radius: 4px !default +$radius-large: 6px !default +$radius-rounded: 290486px !default +$speed: 86ms !default + +// Flags + +$variable-columns: true !default diff --git a/assets/bulma/sass/utilities/mixins.sass b/assets/bulma/sass/utilities/mixins.sass new file mode 100644 index 0000000..097c2c1 --- /dev/null +++ b/assets/bulma/sass/utilities/mixins.sass @@ -0,0 +1,266 @@ +@import "initial-variables" + +=clearfix + &::after + clear: both + content: " " + display: table + +=center($width, $height: 0) + position: absolute + @if $height != 0 + left: calc(50% - (#{$width} / 2)) + top: calc(50% - (#{$height} / 2)) + @else + left: calc(50% - (#{$width} / 2)) + top: calc(50% - (#{$width} / 2)) + +=fa($size, $dimensions) + display: inline-block + font-size: $size + height: $dimensions + line-height: $dimensions + text-align: center + vertical-align: top + width: $dimensions + +=hamburger($dimensions) + cursor: pointer + display: block + height: $dimensions + position: relative + width: $dimensions + span + background-color: currentColor + display: block + height: 1px + left: calc(50% - 8px) + position: absolute + transform-origin: center + transition-duration: $speed + transition-property: background-color, opacity, transform + transition-timing-function: $easing + width: 16px + &:nth-child(1) + top: calc(50% - 6px) + &:nth-child(2) + top: calc(50% - 1px) + &:nth-child(3) + top: calc(50% + 4px) + &:hover + background-color: rgba(black, 0.05) + // Modifers + &.is-active + span + &:nth-child(1) + transform: translateY(5px) rotate(45deg) + &:nth-child(2) + opacity: 0 + &:nth-child(3) + transform: translateY(-5px) rotate(-45deg) + +=overflow-touch + -webkit-overflow-scrolling: touch + +=placeholder + $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input' + @each $placeholder in $placeholders + &:#{$placeholder}-placeholder + @content + +// Responsiveness + +=from($device) + @media screen and (min-width: $device) + @content + +=until($device) + @media screen and (max-width: $device - 1px) + @content + +=mobile + @media screen and (max-width: $tablet - 1px) + @content + +=tablet + @media screen and (min-width: $tablet), print + @content + +=tablet-only + @media screen and (min-width: $tablet) and (max-width: $desktop - 1px) + @content + +=touch + @media screen and (max-width: $desktop - 1px) + @content + +=desktop + @media screen and (min-width: $desktop) + @content + +=desktop-only + @if $widescreen-enabled + @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px) + @content + +=until-widescreen + @if $widescreen-enabled + @media screen and (max-width: $widescreen - 1px) + @content + +=widescreen + @if $widescreen-enabled + @media screen and (min-width: $widescreen) + @content + +=widescreen-only + @if $widescreen-enabled and $fullhd-enabled + @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px) + @content + +=until-fullhd + @if $fullhd-enabled + @media screen and (max-width: $fullhd - 1px) + @content + +=fullhd + @if $fullhd-enabled + @media screen and (min-width: $fullhd) + @content + +// Placeholders + +%unselectable + -webkit-touch-callout: none + -webkit-user-select: none + -moz-user-select: none + -ms-user-select: none + user-select: none + +=unselectable + @extend %unselectable + +%arrow + border: 3px solid transparent + border-radius: 2px + border-right: 0 + border-top: 0 + content: " " + display: block + height: 0.625em + margin-top: -0.4375em + pointer-events: none + position: absolute + top: 50% + transform: rotate(-45deg) + transform-origin: center + width: 0.625em + +=arrow($color) + @extend %arrow + border-color: $color + +%block + &:not(:last-child) + margin-bottom: 1.5rem + +=block + @extend %block + +%delete + @extend %unselectable + -moz-appearance: none + -webkit-appearance: none + background-color: rgba($black, 0.2) + border: none + border-radius: $radius-rounded + cursor: pointer + display: inline-block + flex-grow: 0 + flex-shrink: 0 + font-size: 0 + height: 20px + max-height: 20px + max-width: 20px + min-height: 20px + min-width: 20px + outline: none + position: relative + vertical-align: top + width: 20px + &::before, + &::after + background-color: $white + content: "" + display: block + left: 50% + position: absolute + top: 50% + transform: translateX(-50%) translateY(-50%) rotate(45deg) + transform-origin: center center + &::before + height: 2px + width: 50% + &::after + height: 50% + width: 2px + &:hover, + &:focus + background-color: rgba($black, 0.3) + &:active + background-color: rgba($black, 0.4) + // Sizes + &.is-small + height: 16px + max-height: 16px + max-width: 16px + min-height: 16px + min-width: 16px + width: 16px + &.is-medium + height: 24px + max-height: 24px + max-width: 24px + min-height: 24px + min-width: 24px + width: 24px + &.is-large + height: 32px + max-height: 32px + max-width: 32px + min-height: 32px + min-width: 32px + width: 32px + +=delete + @extend %delete + +%loader + animation: spinAround 500ms infinite linear + border: 2px solid $border + border-radius: $radius-rounded + border-right-color: transparent + border-top-color: transparent + content: "" + display: block + height: 1em + position: relative + width: 1em + +=loader + @extend %loader + +%overlay + bottom: 0 + left: 0 + position: absolute + right: 0 + top: 0 + +=overlay($offset: 0) + @extend %overlay + @if $offset != 0 + bottom: $offset + left: $offset + right: $offset + top: $offset diff --git a/assets/fresh/core.scss b/assets/fresh/core.scss new file mode 100644 index 0000000..258aca3 --- /dev/null +++ b/assets/fresh/core.scss @@ -0,0 +1,20 @@ +/* ========================================================================== +Main SCSS file / Fresh +========================================================================== */ + +//Imports +@import 'partials/colors'; +@import 'partials/navbar'; +@import 'partials/dropdowns'; +@import 'partials/sections'; +@import 'partials/hero'; +@import 'partials/footer'; +@import 'partials/buttons'; +@import 'partials/cards'; +@import 'partials/forms'; +@import 'partials/animations'; +@import 'partials/sidebar'; +@import 'partials/testimonials'; +@import 'partials/responsive'; +@import 'partials/utils'; + diff --git a/assets/fresh/partials/_animations.scss b/assets/fresh/partials/_animations.scss new file mode 100644 index 0000000..d952174 --- /dev/null +++ b/assets/fresh/partials/_animations.scss @@ -0,0 +1,108 @@ +/* ========================================================================== +General Keyframes animations +========================================================================== */ + +.animated { + animation-duration: 0.5s; + animation-fill-mode: both; + -webkit-animation-duration: 0.5s; + -webkit-animation-fill-mode: both; +} + +//Delays +.delay-1 { + animation-delay: .25s; +} +.delay-2 { + animation-delay: .5s; +} +.delay-3 { + animation-delay: .75s; +} +.delay-4 { + animation-delay: 1s; +} + +// FADE IN LEFT +@keyframes fadeInLeft { + from { + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes fadeInLeft { + from { + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.preFadeInLeft { + opacity: 0; +} + +.fadeInLeft { + opacity: 0; + animation-name: fadeInLeft; + -webkit-animation-name: fadeInLeft; +} + +// FADE IN UP +@keyframes fadeInUp { + from { + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes fadeInUp { + from { + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.preFadeInUp { + opacity: 0; +} +.fadeInUp { + opacity: 0; + animation-name: fadeInUp; + -webkit-animation-name: fadeInUp; +} + +//Gelatine +.gelatine { + animation: gelatine 0.6s; + animation-duration: 0.6s; + -webkit-animation-duration: 0.5s; + animation-fill-mode: both; + -webkit-animation-fill-mode: both; +} + +@keyframes gelatine { + from, to { transform: scale(1, 1); } + 25% { transform: scale(0.9, 1.1); } + 50% { transform: scale(1.1, 0.9); } + 75% { transform: scale(0.95, 1.05); } +} \ No newline at end of file diff --git a/assets/fresh/partials/_buttons.scss b/assets/fresh/partials/_buttons.scss new file mode 100644 index 0000000..bb4f3e0 --- /dev/null +++ b/assets/fresh/partials/_buttons.scss @@ -0,0 +1,109 @@ +/* ========================================================================== +Classes to change the feel of bulma buttons +========================================================================== */ + +// CTA buttons + +.button { + cursor: pointer; + transition: all 0.5s; + &.cta { + font-family: 'Open Sans', sans-serif; + font-size: 1rem; + font-weight: 600; + padding: 26px 40px 26px 40px; + } + &.is-clear { + line-height: 0 !important; + } + &.rounded { + border-radius: 500px; + } + &.raised:hover { + box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; + opacity: 0.8; + } + &.btn-outlined { + background: transparent; + } + &.signup-button { + font-size: .9rem; + font-weight: 600; + font-family: 'Open Sans', sans-serif; + padding: 24px 26px; + width: 130px; + } +} + +.button { + &.primary-btn { + outline: none; + border-color: $primary; + background-color: $primary; + color: $white; + transition: all 0.5s; + &:hover { + color: $white; + } + &.raised:hover { + box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; + opacity: 0.8; + } + &.btn-outlined { + border-color: $primary; + color: $primary; + background-color: transparent; + &:hover { + color: $white; + background-color: $primary; + } + } + } + &.secondary-btn { + outline: none; + border-color: $secondary; + background-color: $secondary; + color: $white; + transition: all 0.5s; + &:hover { + color: $white; + } + &.raised:hover { + box-shadow: 0 14px 26px -12px rgba(243, 146, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(243, 146, 0, 0.2) !important; + opacity: 0.8; + } + &.btn-outlined { + border-color: $secondary; + color: $secondary; + background-color: transparent; + &:hover { + color: $white; + background-color: $secondary; + } + } + } + &.button.accent-btn { + outline: none; + border-color: $accent; + background-color: $accent; + color: $white; + transition: all 0.5s; + &:hover { + color: $white; + } + &.raised:hover { + box-shadow: 0 14px 26px -12px rgba(104, 187, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(104, 187, 136, 0.2) !important; + opacity: 0.8; + } + &.btn-outlined { + border-color: $accent; + color: $accent; + background-color: transparent; + &:hover { + color: $white; + background-color: $accent; + } + } + } +} + diff --git a/assets/fresh/partials/_cards.scss b/assets/fresh/partials/_cards.scss new file mode 100644 index 0000000..57242a1 --- /dev/null +++ b/assets/fresh/partials/_cards.scss @@ -0,0 +1,84 @@ +/*! _cards.scss v1.0.0 | Commercial License | built on top of bulma.io/Bulmax */ + +/* ========================================================================== +Cards and Card content styles +========================================================================== */ + +// Feature Card +.feature-card { + width: 300px; + height: 320px; + background-color: #fff; + border-radius: 3px; + margin: 0 auto; + .card-title h4 { + font-family: 'Open Sans', sans-serif; + padding-top: 25px; + font-size: 1.2rem; + font-weight: 600; + color: $blue-grey; + } + .card-icon img { + height: 120px; + margin-top: 20px; + } + .card-text { + padding: 0 40px; + p { + color: $muted-grey; + } + } + .card-action { + margin-top: 10px; + } + &.is-bordered { + border: 1px solid $fade-grey; + } +} + +// Flex Card +.flex-card { + position: relative; + background-color: #fff; + border: 0; + border-radius: 0.1875rem; + display: inline-block; + position: relative; + overflow: hidden; + width: 100%; + margin-bottom: 20px; + &.raised { + box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); + } + .tabs { + padding: 15px 0.7rem; + } + .navtab-content { + min-height: 190px; + p { + padding: 0 0.8rem 20px; + } + } + .navigation-tabs { + &.outlined-pills .tabs.tabs-header { + &.primary { + background-color: $primary; + } + &.secondary { + background-color: $secondary; + } + &.accent { + background-color: $accent; + } + ul li a { + color: $grey-white; + } + ul li.is-active a { + color: $white; + border: 1px solid $white; + border-bottom-color: $white !important; + } + } + } + +} \ No newline at end of file diff --git a/assets/fresh/partials/_colors.scss b/assets/fresh/partials/_colors.scss new file mode 100644 index 0000000..c4797ba --- /dev/null +++ b/assets/fresh/partials/_colors.scss @@ -0,0 +1,30 @@ +/* ========================================================================== +Color variables +========================================================================== */ + +$white: #fff; +$smoke-white: #fcfcfc; +$grey-white: #f2f2f2; + +$primary: #4FC1EA; +$secondary: #F39200; +$accent: #00efb7; + +$fade-grey: #ededed; +$light-grey: #EFF4F7; +$title-grey: #A9ABAC; +$blue-grey: #444F60; +$muted-grey: #999; +$light-blue-grey: #98a9c3; +$medium-grey: #66676b; +$basaltic-grey: #878787; +$purple: #7F00FF; +$mint: #11FFBD; +$bloody: #FC354C; +$pinky: #ff00cc; +$frost: #004e92; +$placeholder: #cecece; +$dark-grey: #344258; +$border-grey: #ccc; +$muted-grey: #999; +$section-grey: #fbfbfb; \ No newline at end of file diff --git a/assets/fresh/partials/_dropdowns.scss b/assets/fresh/partials/_dropdowns.scss new file mode 100644 index 0000000..2bc73e3 --- /dev/null +++ b/assets/fresh/partials/_dropdowns.scss @@ -0,0 +1,93 @@ +/* ========================================================================== +Dropdown styles +========================================================================== */ + +// Hover Dropdowns +div.nav-item.is-drop a { + padding-right: 7px; +} + +div.nav-item.is-drop:hover .dropContain .dropOut { + opacity: 1; +} + +div.nav-item.is-drop:hover, div.nav-item.is-drop:hover a, { + border-bottom: 1px solid transparent !important; + color: $secondary; +} + +div.nav-item.is-drop:hover .dropContain { + top: 65px; + animation: fadeInUp 0.27s ease-out; +} + +span.drop-caret { + position: relative; + top: 5px; +} + +div.nav-item.is-drop { + position: relative; + .dropContain { + width: 220px; + position: absolute; + z-index: 3; + left: 50%; + margin-left: -110px; /* half of width */ + top: -400px; + .dropOut { + width: 220px; + background: $white; + float: left; + position: relative; + margin-top: 15px; + opacity: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15); + -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15); + box-shadow: 0 1px 6px rgba(0,0,0,.15); + -webkit-transition: all .5s ease-out; + -moz-transition: all .5s ease-out; + -ms-transition: all .5s ease-out; + -o-transition: all .5s ease-out; + transition: all .5s ease-out; + } + .dropOut .triangle { + width: 0; + height: 0; + position: absolute; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid $white; + top: -8px; + left: 50%; + margin-left: -8px; + } + .dropOut ul li { + text-align: left; + float: left; + width: 200px; + padding: 12px 0 10px 15px; + margin: 0px 10px; + color: #777; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-transition: background .1s ease-out; + -moz-transition: background .1s ease-out; + -ms-transition: background .1s ease-out; + -o-transition: background .1s ease-out; + transition: background .1s ease-out; + &:hover { + background: $light-grey; + cursor: pointer; + } + } + .dropOut ul { + float: left; + padding: 10px 0; + } + } +} \ No newline at end of file diff --git a/assets/fresh/partials/_footer.scss b/assets/fresh/partials/_footer.scss new file mode 100644 index 0000000..74ced3f --- /dev/null +++ b/assets/fresh/partials/_footer.scss @@ -0,0 +1,44 @@ +/* ========================================================================== +Fresh Footer +========================================================================== */ + +footer.footer-dark { + background: $blue-grey; + color: $white; + .columns { + margin-top: 35px; + } + .footer-logo { + img { + height: 40px; + } + } + .footer-column { + .footer-header h3 { + font-weight:500; + font-size: 1.2rem; + text-transform: uppercase; + letter-spacing: 1px; + margin-bottom: 20px; + } + ul.link-list { + line-height: 40px; + font-size: 1.1rem; + a { + color: $light-blue-grey; + font-weight: 400; + transition: all 0.5s; + } + :hover { + color: $smoke-white; + } + } + .level-item .icon { + color: $secondary; + transition: all 0.5s; + :hover { + color: $smoke-white; + } + } + } +} \ No newline at end of file diff --git a/assets/fresh/partials/_forms.scss b/assets/fresh/partials/_forms.scss new file mode 100644 index 0000000..1403650 --- /dev/null +++ b/assets/fresh/partials/_forms.scss @@ -0,0 +1,54 @@ +/* ========================================================================== +Inputs styles +========================================================================== */ + +input.input { + color: $basaltic-grey; + box-shadow: none !important; + transition: all 0.8s; + padding-bottom: 3px; + &.is-small { + padding-bottom: 2px; + padding-left: 10px; + } + &.is-medium { + padding-bottom: 5px; + } + &.is-large { + padding-bottom: 7px; + } + &:focus, &:active { + border-color: $light-grey; + } + &.rounded { + border-radius: 100px; + } + &.is-primary-focus:focus { + border-color: $primary; + ~ span.icon i { + color: $primary; + } + } + &.is-secondary-focus:focus { + border-color: $secondary; + ~ span.icon i { + color: $secondary; + } + } + &.is-accent-focus:focus { + border-color: $accent; + ~ span.icon i { + color: $accent; + } + } + &.is-bloody-focus:focus { + border-color: $bloody; + ~ span.icon i { + color: $bloody; + } + } +} + +.form-footer { + width: 100%; +} \ No newline at end of file diff --git a/assets/fresh/partials/_hero.scss b/assets/fresh/partials/_hero.scss new file mode 100644 index 0000000..b527aed --- /dev/null +++ b/assets/fresh/partials/_hero.scss @@ -0,0 +1,27 @@ +/* ========================================================================== +Hero styles +========================================================================== */ + +.hero-body { + padding-top: 6rem; + padding-bottom: 6rem; + .title, .subtitle { + font-family: 'Open Sans', sans-serif; + } + .title { + &.is-bold { + font-weight: 700; + } + } + .subtitle { + &.is-muted { + color: $muted-grey; + } + } +} + +.hero-foot { + img.partner-logo { + height: 70px; + } +} diff --git a/assets/fresh/partials/_navbar.scss b/assets/fresh/partials/_navbar.scss new file mode 100644 index 0000000..bf269db --- /dev/null +++ b/assets/fresh/partials/_navbar.scss @@ -0,0 +1,115 @@ +/* ========================================================================== +Navbar +========================================================================== */ + +//Navbar +.navbar.is-fresh { + position: relative; + min-height: 3.8rem; + transition: all .3s; + z-index: 99; + .container { + min-height: 4rem; + } + &.no-shadow { + box-shadow: none !important; + } + //Responsive menu icon + .navbar-burger { + width: 4rem; + height: 4rem; + } + //Brand + .navbar-brand { + min-height: 4rem; + img { + max-height: 36px !important; + height: 36px; + } + //Removing navbar item default hover behaviour + &:hover { + .navbar-item { + background: transparent !important; + } + } + } + .navbar-end { + align-items: center; + } + //Navbar items + .navbar-item { + color: $muted-grey; + &.is-secondary { + &:hover { + color: $secondary !important; + } + } + &.has-dropdown { + padding: 10px 0; + .navbar-link { + color: $muted-grey; + &:after { + top: 55%; + height: 0.5em; + width: 0.5em; + border-width: 2px; + border-color: $muted-grey; + } + } + .navbar-dropdown { + top: 3.4rem; + min-width: 220px; + margin-top: 4px; + border-top-color: $secondary; + .navbar-item { + padding: 10px 20px; + } + } + &:hover { + .navbar-link { + color: $secondary; + &:after { + border-color: $secondary; + } + } + } + } + .signup { + display: block; + line-height: 0; + font-size: .9rem !important; + } + } + + //Fixed navbar modifier + &.is-fixed { + position: fixed; + top: 0; + left: 0; + width: 100%; + min-height: 4rem !important; + background: $white; + box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); + a { + color: $blue-grey; + &:hover { + color: $primary; + } + } + } +} + +//Cloned fixed navbar +#navbar-clone { + position: fixed; + top: 0; + left: 0; + width: 100%; + background: $white; + transform: translateY(-100%); + z-index: 100; + box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); + &.is-active { + transform: translateY(0); + } +} diff --git a/assets/fresh/partials/_responsive.scss b/assets/fresh/partials/_responsive.scss new file mode 100644 index 0000000..58e7864 --- /dev/null +++ b/assets/fresh/partials/_responsive.scss @@ -0,0 +1,80 @@ +/* ========================================================================== +Responsive Styles +========================================================================== */ + +@media (max-width: 767px) { + + .landing-caption { + text-align: center; + } + .navbar-menu { + .is-static { + position: absolute; + width: 100%; + } + .is-fixed { + position: fixed; + width: 100%; + } + .navbar-item { + text-align: center !important; + .signup-button { + width: 100% !important; + } + } + .navbar-link { + padding: 10px 20px !important; + } + } + .title.section-title { + font-size: 2rem !important; + } + .level-left.level-social { + display: flex; + justify-content: flex-start; + } + .pushed-image { + margin-top: 0 !important; + } + .testimonial { + margin: 0 auto; + } +} + + +@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { + .landing-caption { + text-align: center; + } + .navbar-menu { + .is-static { + position: absolute; + width: 100%; + } + .is-fixed { + position: fixed; + width: 100%; + } + .navbar-item { + text-align: center !important; + .signup-button { + width: 100% !important; + } + } + .navbar-link { + padding: 10px 20px !important; + } + } + .pushed-image { + margin-top: 0 !important; + } + .testimonial { + margin: 0 auto; + } + .is-centered-tablet-portrait { + text-align: center !important; + .divider { + margin: 0 auto !important; + } + } +} \ No newline at end of file diff --git a/assets/fresh/partials/_sections.scss b/assets/fresh/partials/_sections.scss new file mode 100644 index 0000000..763071d --- /dev/null +++ b/assets/fresh/partials/_sections.scss @@ -0,0 +1,85 @@ +/* ========================================================================== +Section Styles +========================================================================== */ + +//Sections +.section { + &.section-light-grey { + background-color: $light-grey; + } + &.section-feature-grey { + background-color: $section-grey; + } + &.section-secondary { + background-color: $secondary; + } + &.section-half { + height: 75vh !important; + } + .title, .subtitle { + font-family: 'Open Sans', sans-serif; + + } + .subtitle { + &.is-muted { + color: $muted-grey; + } + } +} + +//Titles +.title-wrapper { + max-width: 500px; + margin: 0 auto; + .title, .subtitle { + font-family: 'Open Sans', sans-serif; + + } + .subtitle { + &.is-muted { + color: $muted-grey; + } + } +} + +//Divider +.divider { + height: 3px; + border-radius: 50px; + background: $secondary; + width: 60px; + &.is-centered { + margin: 0 auto; + } +} + +//Wrapper +.content-wrapper { + padding: 60px 0; +} + + +//Pulled image +img.pushed-image { + margin-top: -29vh; +} + +//Icon box +.media.icon-box { + border-top: none !important; + .media-content .content p { + span { + display: block; + } + .icon-box-title { + color: $blue-grey; + font-size: 1.2rem; + font-weight: 600; + } + .icon-box-text { + color: $title-grey; + font-size: 1rem; + font-weight: 400; + } + } +} \ No newline at end of file diff --git a/assets/fresh/partials/_sidebar.scss b/assets/fresh/partials/_sidebar.scss new file mode 100644 index 0000000..6d0b87d --- /dev/null +++ b/assets/fresh/partials/_sidebar.scss @@ -0,0 +1,180 @@ +/* ========================================================================== +Sidebar Styles +========================================================================== */ + +//Sidebar animated icon trigger +.menu-icon-wrapper { + position: relative; + left: 0; + top: 0; + //margin: -12px 0px 0px -12px; + width: 34px; + height: 34px; + pointer-events: none; + transition: 0.1s; + svg { + position: absolute; + top: -18px; + left: -18px; + transform: scale(0.07); + transform-origin: 0 0; + path { + stroke: $secondary; + stroke-width: 40px; + stroke-linecap: round; + stroke-linejoin: round; + fill: transparent; + transition: stroke-dasharray 0.5s; + &.path1 { + stroke-dashoffset: 5803.15px; + stroke-dasharray: 2901.57px, 2981.57px, 240px; + } + &.path2 { + stroke-dashoffset: 800px; + stroke-dasharray: 400px, 480px, 240px; + } + &.path3 { + stroke-dashoffset: 6993.11px; + stroke-dasharray: 3496.56px, 3576.56px, 240px; + } + } + } + &.open { + svg { + path { + &.path1 { + stroke-dasharray: 2901.57px, 5258.15px, 240px; + } + &.path2 { + stroke-dasharray: 400px, 600px, 0px; + } + &.path3 { + stroke-dasharray: 3496.56px, 6448.11px, 240px; + } + } + } + } + .menu-icon-trigger { + position: relative; + width: 100%; + height: 100%; + cursor: pointer; + pointer-events: auto; + background: none; + border: none; + margin: 0; + padding: 0; + } +} + +//Sidebar +.sidebar { + background: $dark-grey; + width: 280px; + height: 100%; + position: fixed; + top: 0; + left: 0; + transform: translateX(-281px); + transition: all .3s; + z-index: 10000; + &.is-active { + transform: translateX(0); + } + .sidebar-header { + height: 4.25rem; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid lighten($dark-grey, 5%); + padding: 0 20px; + img { + height: 32px; + } + a { + width: 24px; + height: 24px; + } + svg { + stroke: $white; + transform: rotate(0); + transition: all .3s; + cursor: pointer; + &:hover { + stroke: $secondary; + transform: rotate(180deg); + } + } + } + .inner { + position: relative; + .sidebar-menu { + margin: 0; + padding: 0; + max-width: 400px; + list-style: none; + list-style-type: none; + font-family: 'Open Sans', sans-serif !important; + li { + a { + padding: 20px 25px; + display: block; + text-decoration: none; + color: $white; + &:hover { + padding: 20px 25px; + display: block; + text-decoration: none; + color: $white; + } + } + a span { + margin-right: 20px; + color: $white; + } + &.have-children { + ul { + padding: 0px; + } + li { + a { + background-color: darken($dark-grey, 5%); + padding-left: 62px; + border-bottom: 1px solid darken($dark-grey, 2%); + font-size: .8rem; + &:hover { + color: $primary; + padding-left: 62px; + } + } + } + span::after { + position: absolute; + top: 27px; + right: 30px; + content: "\f054"; + color: $white; + transition: all .5s; + font-weight: 200 !important; + font-size: .8rem; + } + } + } + } + li.have-children, li { + position: relative; + } + li.have-children.active > a, li.have-children.active > a span, li.have-children.active > a span:after { + color: $secondary; + } + li.active.have-children span::after { + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + } + .sidebar-menu .have-children > ul { + display: none; + } + } +} \ No newline at end of file diff --git a/assets/fresh/partials/_testimonials.scss b/assets/fresh/partials/_testimonials.scss new file mode 100644 index 0000000..b5eeb7e --- /dev/null +++ b/assets/fresh/partials/_testimonials.scss @@ -0,0 +1,90 @@ +/* ========================================================================== +Testimonials Styles +========================================================================== */ + +.testimonial { + position: relative; + overflow: hidden; + margin: 10px auto; + min-width: 220px; + max-width: 310px; + width: 100%; + color: #333; + text-align: left; + box-shadow: none !important; + * { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } + img { + max-width: 100%; + height: 80px; + width: 80px; + border-radius: 50%; + margin-right: 5px; + display: block; + z-index: 1; + position: absolute; + right: 60%; + } + blockquote { + margin: 0; + display: block; + border-radius: 8px; + position: relative; + background-color: $smoke-white; + padding: 30px 50px 65px 50px; + font-size: 1.2rem; + font-weight: 500; + margin: 0 0 -40px; + line-height: 1.6em; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); + } + blockquote:before, blockquote:after { + font-family: 'FontAwesome'; + content: "\f10d"; + position: absolute; + font-size: 20px; + opacity: 0.3; + font-style: normal; + } + blockquote:before { + top: 35px; + left: 20px; + } + blockquote:after { + content: "\f10e"; + right: 20px; + bottom: 35px; + } + .author { + margin: 0; + height: 80px; + display: block; + text-align: left; + color: $white; + padding: 0 35px; + position: relative; + z-index: 0; + h5, span { + left: 50%; + position: absolute; + opacity: 0.8; + padding: 3px 5px; + } + h5 { + text-transform: capitalize; + bottom: 60%; + margin: 0; + font-weight: 600; + font-size: 1.2rem; + color: $blue-grey; + } + span { + font-size: 0.8em; + color: $white; + top: 50%; + } + } +} + diff --git a/assets/fresh/partials/_utils.scss b/assets/fresh/partials/_utils.scss new file mode 100644 index 0000000..8a0ca57 --- /dev/null +++ b/assets/fresh/partials/_utils.scss @@ -0,0 +1,176 @@ +// Resets +section:focus { + outline: none !important; +} + +button { + &:focus, &:active { + outline: none; + } +} + +// Preloader +#preloader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: $white; + z-index: 99; +} + +#status { + width: 200px; + height: 200px; + position: absolute; + left: 50%; + // centers the loading animation horizontally on the screen + top: 50%; + // centers the loading animation vertically on the screen + background-image: url(../images/loaders/rings.svg); + background-size: 80px 80px; + // path to loading animation + background-repeat: no-repeat; + background-position: center; + margin: -100px 0 0 -100px; + // width and height divided by two +} + +// Back to top button +#backtotop { + position: fixed; + right: 0; + opacity: 0; + visibility: hidden; + bottom: 25px; + margin: 0 25px 0 0; + z-index: 9999; + transition: 0.35s; + transform: scale(0.7); + transition: all 0.5s; +} + +#backtotop.visible { + opacity: 1; + visibility: visible; + transform: scale(1); + +} + +#backtotop.visible a:hover { + outline: none; + opacity: 0.9; + background: $secondary; +} + +#backtotop a { + outline: none; + text-decoration: none; + border: 0 none; + display: block; + width: 46px; + height: 46px; + background-color: $medium-grey; + opacity: 1; + transition: all 0.3s; + border-radius: 50%; + text-align: center; + font-size: 26px +} + +body #backtotop a { + outline: none; + color: #fff; +} + +#backtotop a:after { + outline: none; + content: "\f106"; + font-family: "FontAwesome"; + position: relative; + display: block; + top: 50%; + -webkit-transform: translateY(-55%); + transform: translateY(-55%); +} + + +//Helpers +.is-disabled { + pointer-events: none; + opacity: 0.4; + cursor: default !important; +} + +.is-hidden { + display: none !important; +} + +.stuck { + position:fixed !important; + top: 0 !important; + z-index: 2 !important; +} + +.light-text { + color: $white !important; +} + +.mb-20 { + margin-bottom: 20px; +} + +.mb-40 { + margin-bottom: 40px; +} + +.mb-60 { + margin-bottom: 60px; +} + +.mt-20 { + margin-top: 20px; +} + +.mt-40 { + margin-top: 40px; +} + +.mt-50 { + margin-top: 50px; +} + +.mt-60 { + margin-top: 60px; +} + +.ml-30 { + margin-left: 30px; +} + +.huge-pb { + padding-bottom: 100px; +} + +.pb-20 { + padding-bottom: 20px !important; +} + +.pb-40 { + padding-bottom: 40px !important; +} + +//Input placeholders +::-webkit-input-placeholder { /* Chrome/Opera/Safari */ + color: $placeholder; +} +::-moz-placeholder { /* Firefox 19+ */ + color: $placeholder; +} +:-ms-input-placeholder { /* IE 10+ */ + color: $placeholder; +} +:-moz-placeholder { /* Firefox 18- */ + color: $placeholder; +} \ No newline at end of file diff --git a/assets/style.sass b/assets/style.sass new file mode 100644 index 0000000..b9b1d83 --- /dev/null +++ b/assets/style.sass @@ -0,0 +1,2 @@ +@import "bulma/bulma" +@import "fresh/core" \ No newline at end of file diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml new file mode 100644 index 0000000..89dba9c --- /dev/null +++ b/exampleSite/config.yaml @@ -0,0 +1,4 @@ +baseURL: http://something-fresh.org/ +languageCode: en-us +title: Hugo Fresh Theme +theme: hugo-fresh \ No newline at end of file diff --git a/exampleSite/content/.gitkeep b/exampleSite/content/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..4fb2644 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,31 @@ + + + + {{ partial "meta.html" . }} + {{ block "title" . }}{{ .Site.Title }}{{ end }} + {{ partial "css.html" . }} + + + +
+
+
+ + {{ block "main" . }} + {{ partial "hero.html" . }} + {{ partial "section1.html" . }} + {{ partial "section2.html" . }} + {{ partial "section3.html" . }} + {{ partial "section4.html" . }} + {{ partial "section5.html" . }} + {{ partial "footer.html" . }} + + +
+ + {{ partial "sidebar.html" . }} + {{ end }} + + {{ partial "javascript.html" . }} + + \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..f319bf9 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,2 @@ +{{ define "main" }} +{{ end }} \ No newline at end of file diff --git a/layouts/partials/css.html b/layouts/partials/css.html new file mode 100644 index 0000000..fc1c082 --- /dev/null +++ b/layouts/partials/css.html @@ -0,0 +1,14 @@ +{{- $inServerMode := .Site.IsServer }} +{{- $sass := "style.sass" }} +{{- $cssTarget := "css/style.css" }} +{{- $cssOpts := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }} + + +{{- if $inServerMode }} +{{- $css := resources.Get $sass | toCSS $cssOpts }} + +{{- else }} +{{- $css := resources.Get $sass | toCSS $cssOpts | minify | fingerprint }} + +{{- end }} + \ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..ffb1644 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,80 @@ + diff --git a/layouts/partials/hero-body.html b/layouts/partials/hero-body.html new file mode 100644 index 0000000..51e9851 --- /dev/null +++ b/layouts/partials/hero-body.html @@ -0,0 +1,22 @@ +
+
+
+
+

+ Manage, Deploy. +

+

Lorem ipsum sit dolor amet is a dummy text used by typography industry

+

+ + Get Started + +

+
+
+
+ Description +
+
+
+
+
\ No newline at end of file diff --git a/layouts/partials/hero-footer.html b/layouts/partials/hero-footer.html new file mode 100644 index 0000000..69c7a0d --- /dev/null +++ b/layouts/partials/hero-footer.html @@ -0,0 +1,13 @@ +
+
+
+
    +
    • +
    • +
    • +
    • +
    • +
+
+
+
\ No newline at end of file diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html new file mode 100644 index 0000000..263aaf1 --- /dev/null +++ b/layouts/partials/hero.html @@ -0,0 +1,6 @@ +
+ {{ partial "navbar.html" . }} + {{ partial "navbar-clone.html" . }} + {{ partial "hero-body.html" . }} + {{ partial "hero-footer.html" . }} +
\ No newline at end of file diff --git a/layouts/partials/javascript.html b/layouts/partials/javascript.html new file mode 100644 index 0000000..7eefa8c --- /dev/null +++ b/layouts/partials/javascript.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html new file mode 100644 index 0000000..eac0aa3 --- /dev/null +++ b/layouts/partials/meta.html @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/layouts/partials/navbar-clone.html b/layouts/partials/navbar-clone.html new file mode 100644 index 0000000..c4446f8 --- /dev/null +++ b/layouts/partials/navbar-clone.html @@ -0,0 +1,76 @@ + \ No newline at end of file diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html new file mode 100644 index 0000000..f26fd2b --- /dev/null +++ b/layouts/partials/navbar.html @@ -0,0 +1,76 @@ + \ No newline at end of file diff --git a/layouts/partials/section1.html b/layouts/partials/section1.html new file mode 100644 index 0000000..3fbe8d1 --- /dev/null +++ b/layouts/partials/section1.html @@ -0,0 +1,62 @@ +
+
+
+

Great Power Comes

+

With great Responsability

+
+
+ +
+
+
+
+
+

App builder

+
+
+ +
+
+

This is some explanatory text that is on two rows

+
+
+ Free Trial +
+
+
+
+
+
+

Cloud integration

+
+
+ +
+
+

This is some explanatory text that is on two rows

+
+
+ Get Started +
+
+
+
+
+
+

Addons & Plugins

+
+
+ +
+
+

This is some explanatory text that is on two rows

+
+
+ Get Started +
+
+
+
+
+
+
\ No newline at end of file diff --git a/layouts/partials/section2.html b/layouts/partials/section2.html new file mode 100644 index 0000000..b820d13 --- /dev/null +++ b/layouts/partials/section2.html @@ -0,0 +1,68 @@ +
+
+
+
+

You're here because you want the best

+

And we Know it

+
+
+
+ + +
+
+

+ +

+
+
+
+

+ Powerful and unified interface + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+
+
+ + + +
+
+

+ +

+
+
+
+

+ Cross device Synchronisation + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+
+
+ + + +
+
+

+ +

+
+
+
+

+ Nomad System + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+
+
+ + +
+
+
+
\ No newline at end of file diff --git a/layouts/partials/section3.html b/layouts/partials/section3.html new file mode 100644 index 0000000..7df1ae3 --- /dev/null +++ b/layouts/partials/section3.html @@ -0,0 +1,23 @@ +
+
+ +
+
+
+ +
+
+
+ +
+

One Platform

+

To rule them All

+
+ +

+ + Get Started + +

+
+
\ No newline at end of file diff --git a/layouts/partials/section4.html b/layouts/partials/section4.html new file mode 100644 index 0000000..8c7f89d --- /dev/null +++ b/layouts/partials/section4.html @@ -0,0 +1,47 @@ +
+
+ +
+

Our Clients love us !

+

Lorem ipsum sit dolor amet is a dummy text used by typography industry

+
+ +
+
+
+
+
+ Lorem ipsum dolor sit amet, elit deleniti dissentias quo eu, hinc minim appetere te usu, ea case duis scribentur has. Duo te consequat elaboraret, has quando suavitate at. +
+
+ +
Irma Walters
Accountant +
+
+
+
+
+
+ Lorem ipsum dolor sit amet, elit deleniti dissentias quo eu, hinc minim appetere te usu, ea case duis scribentur has. Duo te consequat elaboraret, has quando suavitate at. +
+
+ +
John Bradley
Financial Analyst +
+
+
+
+
+
+ Lorem ipsum dolor sit amet, elit deleniti dissentias quo eu, hinc minim appetere te usu, ea case duis scribentur has. Duo te consequat elaboraret, has quando suavitate at. +
+
+ +
Gary Blackman
HR Manager +
+
+
+
+
+
+
\ No newline at end of file diff --git a/layouts/partials/section5.html b/layouts/partials/section5.html new file mode 100644 index 0000000..6c5b51c --- /dev/null +++ b/layouts/partials/section5.html @@ -0,0 +1,32 @@ +
+
+
+

Drop us a line or two

+

We'd love to hear from You

+
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html new file mode 100644 index 0000000..98cc83b --- /dev/null +++ b/layouts/partials/sidebar.html @@ -0,0 +1,36 @@ +
+
+ + +
+
+ +
+
\ No newline at end of file diff --git a/static/css/icons.css b/static/css/icons.css new file mode 100644 index 0000000..2c092aa --- /dev/null +++ b/static/css/icons.css @@ -0,0 +1 @@ +@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%;}.fa-2x{font-size:2em;}.fa-3x{font-size:3em;}.fa-4x{font-size:4em;}.fa-5x{font-size:5em;}.fa-fw{width:1.28571429em;text-align:center;}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none;}.fa-ul>li{position:relative;}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center;}.fa-li.fa-lg{left:-1.85714286em;}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em;}.fa-pull-left{float:left;}.fa-pull-right{float:right;}.fa.fa-pull-left{margin-right:.3em;}.fa.fa-pull-right{margin-left:.3em;}.pull-right{float:right;}.pull-left{float:left;}.fa.pull-left{margin-right:.3em;}.fa.pull-right{margin-left:.3em;}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8);}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1);}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none;}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle;}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center;}.fa-stack-1x{line-height:inherit;}.fa-stack-2x{font-size:2em;}.fa-inverse{color:#ffffff;}.fa-glass:before{content:"\f000";}.fa-music:before{content:"\f001";}.fa-search:before{content:"\f002";}.fa-envelope-o:before{content:"\f003";}.fa-heart:before{content:"\f004";}.fa-star:before{content:"\f005";}.fa-star-o:before{content:"\f006";}.fa-user:before{content:"\f007";}.fa-film:before{content:"\f008";}.fa-th-large:before{content:"\f009";}.fa-th:before{content:"\f00a";}.fa-th-list:before{content:"\f00b";}.fa-check:before{content:"\f00c";}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d";}.fa-search-plus:before{content:"\f00e";}.fa-search-minus:before{content:"\f010";}.fa-power-off:before{content:"\f011";}.fa-signal:before{content:"\f012";}.fa-gear:before,.fa-cog:before{content:"\f013";}.fa-trash-o:before{content:"\f014";}.fa-home:before{content:"\f015";}.fa-file-o:before{content:"\f016";}.fa-clock-o:before{content:"\f017";}.fa-road:before{content:"\f018";}.fa-download:before{content:"\f019";}.fa-arrow-circle-o-down:before{content:"\f01a";}.fa-arrow-circle-o-up:before{content:"\f01b";}.fa-inbox:before{content:"\f01c";}.fa-play-circle-o:before{content:"\f01d";}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e";}.fa-refresh:before{content:"\f021";}.fa-list-alt:before{content:"\f022";}.fa-lock:before{content:"\f023";}.fa-flag:before{content:"\f024";}.fa-headphones:before{content:"\f025";}.fa-volume-off:before{content:"\f026";}.fa-volume-down:before{content:"\f027";}.fa-volume-up:before{content:"\f028";}.fa-qrcode:before{content:"\f029";}.fa-barcode:before{content:"\f02a";}.fa-tag:before{content:"\f02b";}.fa-tags:before{content:"\f02c";}.fa-book:before{content:"\f02d";}.fa-bookmark:before{content:"\f02e";}.fa-print:before{content:"\f02f";}.fa-camera:before{content:"\f030";}.fa-font:before{content:"\f031";}.fa-bold:before{content:"\f032";}.fa-italic:before{content:"\f033";}.fa-text-height:before{content:"\f034";}.fa-text-width:before{content:"\f035";}.fa-align-left:before{content:"\f036";}.fa-align-center:before{content:"\f037";}.fa-align-right:before{content:"\f038";}.fa-align-justify:before{content:"\f039";}.fa-list:before{content:"\f03a";}.fa-dedent:before,.fa-outdent:before{content:"\f03b";}.fa-indent:before{content:"\f03c";}.fa-video-camera:before{content:"\f03d";}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e";}.fa-pencil:before{content:"\f040";}.fa-map-marker:before{content:"\f041";}.fa-adjust:before{content:"\f042";}.fa-tint:before{content:"\f043";}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044";}.fa-share-square-o:before{content:"\f045";}.fa-check-square-o:before{content:"\f046";}.fa-arrows:before{content:"\f047";}.fa-step-backward:before{content:"\f048";}.fa-fast-backward:before{content:"\f049";}.fa-backward:before{content:"\f04a";}.fa-play:before{content:"\f04b";}.fa-pause:before{content:"\f04c";}.fa-stop:before{content:"\f04d";}.fa-forward:before{content:"\f04e";}.fa-fast-forward:before{content:"\f050";}.fa-step-forward:before{content:"\f051";}.fa-eject:before{content:"\f052";}.fa-chevron-left:before{content:"\f053";}.fa-chevron-right:before{content:"\f054";}.fa-plus-circle:before{content:"\f055";}.fa-minus-circle:before{content:"\f056";}.fa-times-circle:before{content:"\f057";}.fa-check-circle:before{content:"\f058";}.fa-question-circle:before{content:"\f059";}.fa-info-circle:before{content:"\f05a";}.fa-crosshairs:before{content:"\f05b";}.fa-times-circle-o:before{content:"\f05c";}.fa-check-circle-o:before{content:"\f05d";}.fa-ban:before{content:"\f05e";}.fa-arrow-left:before{content:"\f060";}.fa-arrow-right:before{content:"\f061";}.fa-arrow-up:before{content:"\f062";}.fa-arrow-down:before{content:"\f063";}.fa-mail-forward:before,.fa-share:before{content:"\f064";}.fa-expand:before{content:"\f065";}.fa-compress:before{content:"\f066";}.fa-plus:before{content:"\f067";}.fa-minus:before{content:"\f068";}.fa-asterisk:before{content:"\f069";}.fa-exclamation-circle:before{content:"\f06a";}.fa-gift:before{content:"\f06b";}.fa-leaf:before{content:"\f06c";}.fa-fire:before{content:"\f06d";}.fa-eye:before{content:"\f06e";}.fa-eye-slash:before{content:"\f070";}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071";}.fa-plane:before{content:"\f072";}.fa-calendar:before{content:"\f073";}.fa-random:before{content:"\f074";}.fa-comment:before{content:"\f075";}.fa-magnet:before{content:"\f076";}.fa-chevron-up:before{content:"\f077";}.fa-chevron-down:before{content:"\f078";}.fa-retweet:before{content:"\f079";}.fa-shopping-cart:before{content:"\f07a";}.fa-folder:before{content:"\f07b";}.fa-folder-open:before{content:"\f07c";}.fa-arrows-v:before{content:"\f07d";}.fa-arrows-h:before{content:"\f07e";}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080";}.fa-twitter-square:before{content:"\f081";}.fa-facebook-square:before{content:"\f082";}.fa-camera-retro:before{content:"\f083";}.fa-key:before{content:"\f084";}.fa-gears:before,.fa-cogs:before{content:"\f085";}.fa-comments:before{content:"\f086";}.fa-thumbs-o-up:before{content:"\f087";}.fa-thumbs-o-down:before{content:"\f088";}.fa-star-half:before{content:"\f089";}.fa-heart-o:before{content:"\f08a";}.fa-sign-out:before{content:"\f08b";}.fa-linkedin-square:before{content:"\f08c";}.fa-thumb-tack:before{content:"\f08d";}.fa-external-link:before{content:"\f08e";}.fa-sign-in:before{content:"\f090";}.fa-trophy:before{content:"\f091";}.fa-github-square:before{content:"\f092";}.fa-upload:before{content:"\f093";}.fa-lemon-o:before{content:"\f094";}.fa-phone:before{content:"\f095";}.fa-square-o:before{content:"\f096";}.fa-bookmark-o:before{content:"\f097";}.fa-phone-square:before{content:"\f098";}.fa-twitter:before{content:"\f099";}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a";}.fa-github:before{content:"\f09b";}.fa-unlock:before{content:"\f09c";}.fa-credit-card:before{content:"\f09d";}.fa-feed:before,.fa-rss:before{content:"\f09e";}.fa-hdd-o:before{content:"\f0a0";}.fa-bullhorn:before{content:"\f0a1";}.fa-bell:before{content:"\f0f3";}.fa-certificate:before{content:"\f0a3";}.fa-hand-o-right:before{content:"\f0a4";}.fa-hand-o-left:before{content:"\f0a5";}.fa-hand-o-up:before{content:"\f0a6";}.fa-hand-o-down:before{content:"\f0a7";}.fa-arrow-circle-left:before{content:"\f0a8";}.fa-arrow-circle-right:before{content:"\f0a9";}.fa-arrow-circle-up:before{content:"\f0aa";}.fa-arrow-circle-down:before{content:"\f0ab";}.fa-globe:before{content:"\f0ac";}.fa-wrench:before{content:"\f0ad";}.fa-tasks:before{content:"\f0ae";}.fa-filter:before{content:"\f0b0";}.fa-briefcase:before{content:"\f0b1";}.fa-arrows-alt:before{content:"\f0b2";}.fa-group:before,.fa-users:before{content:"\f0c0";}.fa-chain:before,.fa-link:before{content:"\f0c1";}.fa-cloud:before{content:"\f0c2";}.fa-flask:before{content:"\f0c3";}.fa-cut:before,.fa-scissors:before{content:"\f0c4";}.fa-copy:before,.fa-files-o:before{content:"\f0c5";}.fa-paperclip:before{content:"\f0c6";}.fa-save:before,.fa-floppy-o:before{content:"\f0c7";}.fa-square:before{content:"\f0c8";}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9";}.fa-list-ul:before{content:"\f0ca";}.fa-list-ol:before{content:"\f0cb";}.fa-strikethrough:before{content:"\f0cc";}.fa-underline:before{content:"\f0cd";}.fa-table:before{content:"\f0ce";}.fa-magic:before{content:"\f0d0";}.fa-truck:before{content:"\f0d1";}.fa-pinterest:before{content:"\f0d2";}.fa-pinterest-square:before{content:"\f0d3";}.fa-google-plus-square:before{content:"\f0d4";}.fa-google-plus:before{content:"\f0d5";}.fa-money:before{content:"\f0d6";}.fa-caret-down:before{content:"\f0d7";}.fa-caret-up:before{content:"\f0d8";}.fa-caret-left:before{content:"\f0d9";}.fa-caret-right:before{content:"\f0da";}.fa-columns:before{content:"\f0db";}.fa-unsorted:before,.fa-sort:before{content:"\f0dc";}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd";}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de";}.fa-envelope:before{content:"\f0e0";}.fa-linkedin:before{content:"\f0e1";}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2";}.fa-legal:before,.fa-gavel:before{content:"\f0e3";}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4";}.fa-comment-o:before{content:"\f0e5";}.fa-comments-o:before{content:"\f0e6";}.fa-flash:before,.fa-bolt:before{content:"\f0e7";}.fa-sitemap:before{content:"\f0e8";}.fa-umbrella:before{content:"\f0e9";}.fa-paste:before,.fa-clipboard:before{content:"\f0ea";}.fa-lightbulb-o:before{content:"\f0eb";}.fa-exchange:before{content:"\f0ec";}.fa-cloud-download:before{content:"\f0ed";}.fa-cloud-upload:before{content:"\f0ee";}.fa-user-md:before{content:"\f0f0";}.fa-stethoscope:before{content:"\f0f1";}.fa-suitcase:before{content:"\f0f2";}.fa-bell-o:before{content:"\f0a2";}.fa-coffee:before{content:"\f0f4";}.fa-cutlery:before{content:"\f0f5";}.fa-file-text-o:before{content:"\f0f6";}.fa-building-o:before{content:"\f0f7";}.fa-hospital-o:before{content:"\f0f8";}.fa-ambulance:before{content:"\f0f9";}.fa-medkit:before{content:"\f0fa";}.fa-fighter-jet:before{content:"\f0fb";}.fa-beer:before{content:"\f0fc";}.fa-h-square:before{content:"\f0fd";}.fa-plus-square:before{content:"\f0fe";}.fa-angle-double-left:before{content:"\f100";}.fa-angle-double-right:before{content:"\f101";}.fa-angle-double-up:before{content:"\f102";}.fa-angle-double-down:before{content:"\f103";}.fa-angle-left:before{content:"\f104";}.fa-angle-right:before{content:"\f105";}.fa-angle-up:before{content:"\f106";}.fa-angle-down:before{content:"\f107";}.fa-desktop:before{content:"\f108";}.fa-laptop:before{content:"\f109";}.fa-tablet:before{content:"\f10a";}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b";}.fa-circle-o:before{content:"\f10c";}.fa-quote-left:before{content:"\f10d";}.fa-quote-right:before{content:"\f10e";}.fa-spinner:before{content:"\f110";}.fa-circle:before{content:"\f111";}.fa-mail-reply:before,.fa-reply:before{content:"\f112";}.fa-github-alt:before{content:"\f113";}.fa-folder-o:before{content:"\f114";}.fa-folder-open-o:before{content:"\f115";}.fa-smile-o:before{content:"\f118";}.fa-frown-o:before{content:"\f119";}.fa-meh-o:before{content:"\f11a";}.fa-gamepad:before{content:"\f11b";}.fa-keyboard-o:before{content:"\f11c";}.fa-flag-o:before{content:"\f11d";}.fa-flag-checkered:before{content:"\f11e";}.fa-terminal:before{content:"\f120";}.fa-code:before{content:"\f121";}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122";}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123";}.fa-location-arrow:before{content:"\f124";}.fa-crop:before{content:"\f125";}.fa-code-fork:before{content:"\f126";}.fa-unlink:before,.fa-chain-broken:before{content:"\f127";}.fa-question:before{content:"\f128";}.fa-info:before{content:"\f129";}.fa-exclamation:before{content:"\f12a";}.fa-superscript:before{content:"\f12b";}.fa-subscript:before{content:"\f12c";}.fa-eraser:before{content:"\f12d";}.fa-puzzle-piece:before{content:"\f12e";}.fa-microphone:before{content:"\f130";}.fa-microphone-slash:before{content:"\f131";}.fa-shield:before{content:"\f132";}.fa-calendar-o:before{content:"\f133";}.fa-fire-extinguisher:before{content:"\f134";}.fa-rocket:before{content:"\f135";}.fa-maxcdn:before{content:"\f136";}.fa-chevron-circle-left:before{content:"\f137";}.fa-chevron-circle-right:before{content:"\f138";}.fa-chevron-circle-up:before{content:"\f139";}.fa-chevron-circle-down:before{content:"\f13a";}.fa-html5:before{content:"\f13b";}.fa-css3:before{content:"\f13c";}.fa-anchor:before{content:"\f13d";}.fa-unlock-alt:before{content:"\f13e";}.fa-bullseye:before{content:"\f140";}.fa-ellipsis-h:before{content:"\f141";}.fa-ellipsis-v:before{content:"\f142";}.fa-rss-square:before{content:"\f143";}.fa-play-circle:before{content:"\f144";}.fa-ticket:before{content:"\f145";}.fa-minus-square:before{content:"\f146";}.fa-minus-square-o:before{content:"\f147";}.fa-level-up:before{content:"\f148";}.fa-level-down:before{content:"\f149";}.fa-check-square:before{content:"\f14a";}.fa-pencil-square:before{content:"\f14b";}.fa-external-link-square:before{content:"\f14c";}.fa-share-square:before{content:"\f14d";}.fa-compass:before{content:"\f14e";}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150";}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151";}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152";}.fa-euro:before,.fa-eur:before{content:"\f153";}.fa-gbp:before{content:"\f154";}.fa-dollar:before,.fa-usd:before{content:"\f155";}.fa-rupee:before,.fa-inr:before{content:"\f156";}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157";}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158";}.fa-won:before,.fa-krw:before{content:"\f159";}.fa-bitcoin:before,.fa-btc:before{content:"\f15a";}.fa-file:before{content:"\f15b";}.fa-file-text:before{content:"\f15c";}.fa-sort-alpha-asc:before{content:"\f15d";}.fa-sort-alpha-desc:before{content:"\f15e";}.fa-sort-amount-asc:before{content:"\f160";}.fa-sort-amount-desc:before{content:"\f161";}.fa-sort-numeric-asc:before{content:"\f162";}.fa-sort-numeric-desc:before{content:"\f163";}.fa-thumbs-up:before{content:"\f164";}.fa-thumbs-down:before{content:"\f165";}.fa-youtube-square:before{content:"\f166";}.fa-youtube:before{content:"\f167";}.fa-xing:before{content:"\f168";}.fa-xing-square:before{content:"\f169";}.fa-youtube-play:before{content:"\f16a";}.fa-dropbox:before{content:"\f16b";}.fa-stack-overflow:before{content:"\f16c";}.fa-instagram:before{content:"\f16d";}.fa-flickr:before{content:"\f16e";}.fa-adn:before{content:"\f170";}.fa-bitbucket:before{content:"\f171";}.fa-bitbucket-square:before{content:"\f172";}.fa-tumblr:before{content:"\f173";}.fa-tumblr-square:before{content:"\f174";}.fa-long-arrow-down:before{content:"\f175";}.fa-long-arrow-up:before{content:"\f176";}.fa-long-arrow-left:before{content:"\f177";}.fa-long-arrow-right:before{content:"\f178";}.fa-apple:before{content:"\f179";}.fa-windows:before{content:"\f17a";}.fa-android:before{content:"\f17b";}.fa-linux:before{content:"\f17c";}.fa-dribbble:before{content:"\f17d";}.fa-skype:before{content:"\f17e";}.fa-foursquare:before{content:"\f180";}.fa-trello:before{content:"\f181";}.fa-female:before{content:"\f182";}.fa-male:before{content:"\f183";}.fa-gittip:before,.fa-gratipay:before{content:"\f184";}.fa-sun-o:before{content:"\f185";}.fa-moon-o:before{content:"\f186";}.fa-archive:before{content:"\f187";}.fa-bug:before{content:"\f188";}.fa-vk:before{content:"\f189";}.fa-weibo:before{content:"\f18a";}.fa-renren:before{content:"\f18b";}.fa-pagelines:before{content:"\f18c";}.fa-stack-exchange:before{content:"\f18d";}.fa-arrow-circle-o-right:before{content:"\f18e";}.fa-arrow-circle-o-left:before{content:"\f190";}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191";}.fa-dot-circle-o:before{content:"\f192";}.fa-wheelchair:before{content:"\f193";}.fa-vimeo-square:before{content:"\f194";}.fa-turkish-lira:before,.fa-try:before{content:"\f195";}.fa-plus-square-o:before{content:"\f196";}.fa-space-shuttle:before{content:"\f197";}.fa-slack:before{content:"\f198";}.fa-envelope-square:before{content:"\f199";}.fa-wordpress:before{content:"\f19a";}.fa-openid:before{content:"\f19b";}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c";}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d";}.fa-yahoo:before{content:"\f19e";}.fa-google:before{content:"\f1a0";}.fa-reddit:before{content:"\f1a1";}.fa-reddit-square:before{content:"\f1a2";}.fa-stumbleupon-circle:before{content:"\f1a3";}.fa-stumbleupon:before{content:"\f1a4";}.fa-delicious:before{content:"\f1a5";}.fa-digg:before{content:"\f1a6";}.fa-pied-piper-pp:before{content:"\f1a7";}.fa-pied-piper-alt:before{content:"\f1a8";}.fa-drupal:before{content:"\f1a9";}.fa-joomla:before{content:"\f1aa";}.fa-language:before{content:"\f1ab";}.fa-fax:before{content:"\f1ac";}.fa-building:before{content:"\f1ad";}.fa-child:before{content:"\f1ae";}.fa-paw:before{content:"\f1b0";}.fa-spoon:before{content:"\f1b1";}.fa-cube:before{content:"\f1b2";}.fa-cubes:before{content:"\f1b3";}.fa-behance:before{content:"\f1b4";}.fa-behance-square:before{content:"\f1b5";}.fa-steam:before{content:"\f1b6";}.fa-steam-square:before{content:"\f1b7";}.fa-recycle:before{content:"\f1b8";}.fa-automobile:before,.fa-car:before{content:"\f1b9";}.fa-cab:before,.fa-taxi:before{content:"\f1ba";}.fa-tree:before{content:"\f1bb";}.fa-spotify:before{content:"\f1bc";}.fa-deviantart:before{content:"\f1bd";}.fa-soundcloud:before{content:"\f1be";}.fa-database:before{content:"\f1c0";}.fa-file-pdf-o:before{content:"\f1c1";}.fa-file-word-o:before{content:"\f1c2";}.fa-file-excel-o:before{content:"\f1c3";}.fa-file-powerpoint-o:before{content:"\f1c4";}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5";}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6";}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7";}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8";}.fa-file-code-o:before{content:"\f1c9";}.fa-vine:before{content:"\f1ca";}.fa-codepen:before{content:"\f1cb";}.fa-jsfiddle:before{content:"\f1cc";}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd";}.fa-circle-o-notch:before{content:"\f1ce";}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0";}.fa-ge:before,.fa-empire:before{content:"\f1d1";}.fa-git-square:before{content:"\f1d2";}.fa-git:before{content:"\f1d3";}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4";}.fa-tencent-weibo:before{content:"\f1d5";}.fa-qq:before{content:"\f1d6";}.fa-wechat:before,.fa-weixin:before{content:"\f1d7";}.fa-send:before,.fa-paper-plane:before{content:"\f1d8";}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9";}.fa-history:before{content:"\f1da";}.fa-circle-thin:before{content:"\f1db";}.fa-header:before{content:"\f1dc";}.fa-paragraph:before{content:"\f1dd";}.fa-sliders:before{content:"\f1de";}.fa-share-alt:before{content:"\f1e0";}.fa-share-alt-square:before{content:"\f1e1";}.fa-bomb:before{content:"\f1e2";}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3";}.fa-tty:before{content:"\f1e4";}.fa-binoculars:before{content:"\f1e5";}.fa-plug:before{content:"\f1e6";}.fa-slideshare:before{content:"\f1e7";}.fa-twitch:before{content:"\f1e8";}.fa-yelp:before{content:"\f1e9";}.fa-newspaper-o:before{content:"\f1ea";}.fa-wifi:before{content:"\f1eb";}.fa-calculator:before{content:"\f1ec";}.fa-paypal:before{content:"\f1ed";}.fa-google-wallet:before{content:"\f1ee";}.fa-cc-visa:before{content:"\f1f0";}.fa-cc-mastercard:before{content:"\f1f1";}.fa-cc-discover:before{content:"\f1f2";}.fa-cc-amex:before{content:"\f1f3";}.fa-cc-paypal:before{content:"\f1f4";}.fa-cc-stripe:before{content:"\f1f5";}.fa-bell-slash:before{content:"\f1f6";}.fa-bell-slash-o:before{content:"\f1f7";}.fa-trash:before{content:"\f1f8";}.fa-copyright:before{content:"\f1f9";}.fa-at:before{content:"\f1fa";}.fa-eyedropper:before{content:"\f1fb";}.fa-paint-brush:before{content:"\f1fc";}.fa-birthday-cake:before{content:"\f1fd";}.fa-area-chart:before{content:"\f1fe";}.fa-pie-chart:before{content:"\f200";}.fa-line-chart:before{content:"\f201";}.fa-lastfm:before{content:"\f202";}.fa-lastfm-square:before{content:"\f203";}.fa-toggle-off:before{content:"\f204";}.fa-toggle-on:before{content:"\f205";}.fa-bicycle:before{content:"\f206";}.fa-bus:before{content:"\f207";}.fa-ioxhost:before{content:"\f208";}.fa-angellist:before{content:"\f209";}.fa-cc:before{content:"\f20a";}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b";}.fa-meanpath:before{content:"\f20c";}.fa-buysellads:before{content:"\f20d";}.fa-connectdevelop:before{content:"\f20e";}.fa-dashcube:before{content:"\f210";}.fa-forumbee:before{content:"\f211";}.fa-leanpub:before{content:"\f212";}.fa-sellsy:before{content:"\f213";}.fa-shirtsinbulk:before{content:"\f214";}.fa-simplybuilt:before{content:"\f215";}.fa-skyatlas:before{content:"\f216";}.fa-cart-plus:before{content:"\f217";}.fa-cart-arrow-down:before{content:"\f218";}.fa-diamond:before{content:"\f219";}.fa-ship:before{content:"\f21a";}.fa-user-secret:before{content:"\f21b";}.fa-motorcycle:before{content:"\f21c";}.fa-street-view:before{content:"\f21d";}.fa-heartbeat:before{content:"\f21e";}.fa-venus:before{content:"\f221";}.fa-mars:before{content:"\f222";}.fa-mercury:before{content:"\f223";}.fa-intersex:before,.fa-transgender:before{content:"\f224";}.fa-transgender-alt:before{content:"\f225";}.fa-venus-double:before{content:"\f226";}.fa-mars-double:before{content:"\f227";}.fa-venus-mars:before{content:"\f228";}.fa-mars-stroke:before{content:"\f229";}.fa-mars-stroke-v:before{content:"\f22a";}.fa-mars-stroke-h:before{content:"\f22b";}.fa-neuter:before{content:"\f22c";}.fa-genderless:before{content:"\f22d";}.fa-facebook-official:before{content:"\f230";}.fa-pinterest-p:before{content:"\f231";}.fa-whatsapp:before{content:"\f232";}.fa-server:before{content:"\f233";}.fa-user-plus:before{content:"\f234";}.fa-user-times:before{content:"\f235";}.fa-hotel:before,.fa-bed:before{content:"\f236";}.fa-viacoin:before{content:"\f237";}.fa-train:before{content:"\f238";}.fa-subway:before{content:"\f239";}.fa-medium:before{content:"\f23a";}.fa-yc:before,.fa-y-combinator:before{content:"\f23b";}.fa-optin-monster:before{content:"\f23c";}.fa-opencart:before{content:"\f23d";}.fa-expeditedssl:before{content:"\f23e";}.fa-battery-4:before,.fa-battery-full:before{content:"\f240";}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241";}.fa-battery-2:before,.fa-battery-half:before{content:"\f242";}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243";}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244";}.fa-mouse-pointer:before{content:"\f245";}.fa-i-cursor:before{content:"\f246";}.fa-object-group:before{content:"\f247";}.fa-object-ungroup:before{content:"\f248";}.fa-sticky-note:before{content:"\f249";}.fa-sticky-note-o:before{content:"\f24a";}.fa-cc-jcb:before{content:"\f24b";}.fa-cc-diners-club:before{content:"\f24c";}.fa-clone:before{content:"\f24d";}.fa-balance-scale:before{content:"\f24e";}.fa-hourglass-o:before{content:"\f250";}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251";}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252";}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253";}.fa-hourglass:before{content:"\f254";}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255";}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256";}.fa-hand-scissors-o:before{content:"\f257";}.fa-hand-lizard-o:before{content:"\f258";}.fa-hand-spock-o:before{content:"\f259";}.fa-hand-pointer-o:before{content:"\f25a";}.fa-hand-peace-o:before{content:"\f25b";}.fa-trademark:before{content:"\f25c";}.fa-registered:before{content:"\f25d";}.fa-creative-commons:before{content:"\f25e";}.fa-gg:before{content:"\f260";}.fa-gg-circle:before{content:"\f261";}.fa-tripadvisor:before{content:"\f262";}.fa-odnoklassniki:before{content:"\f263";}.fa-odnoklassniki-square:before{content:"\f264";}.fa-get-pocket:before{content:"\f265";}.fa-wikipedia-w:before{content:"\f266";}.fa-safari:before{content:"\f267";}.fa-chrome:before{content:"\f268";}.fa-firefox:before{content:"\f269";}.fa-opera:before{content:"\f26a";}.fa-internet-explorer:before{content:"\f26b";}.fa-tv:before,.fa-television:before{content:"\f26c";}.fa-contao:before{content:"\f26d";}.fa-500px:before{content:"\f26e";}.fa-amazon:before{content:"\f270";}.fa-calendar-plus-o:before{content:"\f271";}.fa-calendar-minus-o:before{content:"\f272";}.fa-calendar-times-o:before{content:"\f273";}.fa-calendar-check-o:before{content:"\f274";}.fa-industry:before{content:"\f275";}.fa-map-pin:before{content:"\f276";}.fa-map-signs:before{content:"\f277";}.fa-map-o:before{content:"\f278";}.fa-map:before{content:"\f279";}.fa-commenting:before{content:"\f27a";}.fa-commenting-o:before{content:"\f27b";}.fa-houzz:before{content:"\f27c";}.fa-vimeo:before{content:"\f27d";}.fa-black-tie:before{content:"\f27e";}.fa-fonticons:before{content:"\f280";}.fa-reddit-alien:before{content:"\f281";}.fa-edge:before{content:"\f282";}.fa-credit-card-alt:before{content:"\f283";}.fa-codiepie:before{content:"\f284";}.fa-modx:before{content:"\f285";}.fa-fort-awesome:before{content:"\f286";}.fa-usb:before{content:"\f287";}.fa-product-hunt:before{content:"\f288";}.fa-mixcloud:before{content:"\f289";}.fa-scribd:before{content:"\f28a";}.fa-pause-circle:before{content:"\f28b";}.fa-pause-circle-o:before{content:"\f28c";}.fa-stop-circle:before{content:"\f28d";}.fa-stop-circle-o:before{content:"\f28e";}.fa-shopping-bag:before{content:"\f290";}.fa-shopping-basket:before{content:"\f291";}.fa-hashtag:before{content:"\f292";}.fa-bluetooth:before{content:"\f293";}.fa-bluetooth-b:before{content:"\f294";}.fa-percent:before{content:"\f295";}.fa-gitlab:before{content:"\f296";}.fa-wpbeginner:before{content:"\f297";}.fa-wpforms:before{content:"\f298";}.fa-envira:before{content:"\f299";}.fa-universal-access:before{content:"\f29a";}.fa-wheelchair-alt:before{content:"\f29b";}.fa-question-circle-o:before{content:"\f29c";}.fa-blind:before{content:"\f29d";}.fa-audio-description:before{content:"\f29e";}.fa-volume-control-phone:before{content:"\f2a0";}.fa-braille:before{content:"\f2a1";}.fa-assistive-listening-systems:before{content:"\f2a2";}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3";}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4";}.fa-glide:before{content:"\f2a5";}.fa-glide-g:before{content:"\f2a6";}.fa-signing:before,.fa-sign-language:before{content:"\f2a7";}.fa-low-vision:before{content:"\f2a8";}.fa-viadeo:before{content:"\f2a9";}.fa-viadeo-square:before{content:"\f2aa";}.fa-snapchat:before{content:"\f2ab";}.fa-snapchat-ghost:before{content:"\f2ac";}.fa-snapchat-square:before{content:"\f2ad";}.fa-pied-piper:before{content:"\f2ae";}.fa-first-order:before{content:"\f2b0";}.fa-yoast:before{content:"\f2b1";}.fa-themeisle:before{content:"\f2b2";}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3";}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4";}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}@font-face{font-family:'simple-line-icons';src:url('../fonts/simple-line-icons.eot?thkwh4');src:url('../fonts/simple-line-icons.eot?thkwh4#iefix') format('embedded-opentype'),url('../fonts/simple-line-icons.ttf?thkwh4') format('truetype'),url('../fonts/simple-line-icons.woff?thkwh4') format('woff'),url('../fonts/simple-line-icons.svg?thkwh4#simple-line-icons') format('svg');font-weight:normal;font-style:normal;}.sl{font-family:'simple-line-icons'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.sl-icon-user-female:before{content:"\e000";}.sl-icon-people:before{content:"\e001";}.sl-icon-user-follow:before{content:"\e002";}.sl-icon-user-following:before{content:"\e003";}.sl-icon-user-unfollow:before{content:"\e004";}.sl-icon-user:before{content:"\e005";}.sl-icon-trophy:before{content:"\e006";}.sl-icon-speedometer:before{content:"\e007";}.sl-icon-social-youtube:before{content:"\e008";}.sl-icon-social-twitter:before{content:"\e009";}.sl-icon-social-tumblr:before{content:"\e00a";}.sl-icon-social-facebook:before{content:"\e00b";}.sl-icon-social-dropbox:before{content:"\e00c";}.sl-icon-social-dribbble:before{content:"\e00d";}.sl-icon-shield:before{content:"\e00e";}.sl-icon-screen-tablet:before{content:"\e00f";}.sl-icon-screen-smartphone:before{content:"\e010";}.sl-icon-screen-desktop:before{content:"\e011";}.sl-icon-plane:before{content:"\e012";}.sl-icon-notebook:before{content:"\e013";}.sl-icon-mustache:before{content:"\e014";}.sl-icon-mouse:before{content:"\e015";}.sl-icon-magnet:before{content:"\e016";}.sl-icon-magic-wand:before{content:"\e017";}.sl-icon-hourglass:before{content:"\e018";}.sl-icon-graduation:before{content:"\e019";}.sl-icon-ghost:before{content:"\e01a";}.sl-icon-game-controller:before{content:"\e01b";}.sl-icon-fire:before{content:"\e01c";}.sl-icon-eyeglass:before{content:"\e01d";}.sl-icon-envelope-open:before{content:"\e01e";}.sl-icon-envolope-letter:before{content:"\e01f";}.sl-icon-energy:before{content:"\e020";}.sl-icon-emotsmile:before{content:"\e021";}.sl-icon-disc:before{content:"\e022";}.sl-icon-cursor-move:before{content:"\e023";}.sl-icon-crop:before{content:"\e024";}.sl-icon-credit-card:before{content:"\e025";}.sl-icon-chemistry:before{content:"\e026";}.sl-icon-bell:before{content:"\e027";}.sl-icon-badge:before{content:"\e028";}.sl-icon-anchor:before{content:"\e029";}.sl-icon-wallet:before{content:"\e02a";}.sl-icon-vector:before{content:"\e02b";}.sl-icon-speech:before{content:"\e02c";}.sl-icon-puzzle:before{content:"\e02d";}.sl-icon-printer:before{content:"\e02e";}.sl-icon-present:before{content:"\e02f";}.sl-icon-playlist:before{content:"\e030";}.sl-icon-pin:before{content:"\e031";}.sl-icon-picture:before{content:"\e032";}.sl-icon-map:before{content:"\e033";}.sl-icon-layers:before{content:"\e034";}.sl-icon-handbag:before{content:"\e035";}.sl-icon-globe-alt:before{content:"\e036";}.sl-icon-globe:before{content:"\e037";}.sl-icon-frame:before{content:"\e038";}.sl-icon-folder-alt:before{content:"\e039";}.sl-icon-film:before{content:"\e03a";}.sl-icon-feed:before{content:"\e03b";}.sl-icon-earphones-alt:before{content:"\e03c";}.sl-icon-earphones:before{content:"\e03d";}.sl-icon-drop:before{content:"\e03e";}.sl-icon-drawar:before{content:"\e03f";}.sl-icon-docs:before{content:"\e040";}.sl-icon-directions:before{content:"\e041";}.sl-icon-direction:before{content:"\e042";}.sl-icon-diamond:before{content:"\e043";}.sl-icon-cup:before{content:"\e044";}.sl-icon-compass:before{content:"\e045";}.sl-icon-call-out:before{content:"\e046";}.sl-icon-call-in:before{content:"\e047";}.sl-icon-call-end:before{content:"\e048";}.sl-icon-calculator:before{content:"\e049";}.sl-icon-bubbles:before{content:"\e04a";}.sl-icon-briefcase:before{content:"\e04b";}.sl-icon-book-open:before{content:"\e04c";}.sl-icon-basket-loaded:before{content:"\e04d";}.sl-icon-basket:before{content:"\e04e";}.sl-icon-bag:before{content:"\e04f";}.sl-icon-action-undo:before{content:"\e050";}.sl-icon-action-redo:before{content:"\e051";}.sl-icon-wrench:before{content:"\e052";}.sl-icon-umbrella:before{content:"\e053";}.sl-icon-trash:before{content:"\e054";}.sl-icon-tag:before{content:"\e055";}.sl-icon-support:before{content:"\e056";}.sl-icon-size-fullscreen:before{content:"\e057";}.sl-icon-size-actual:before{content:"\e058";}.sl-icon-shuffle:before{content:"\e059";}.sl-icon-share-alt:before{content:"\e05a";}.sl-icon-share:before{content:"\e05b";}.sl-icon-rocket:before{content:"\e05c";}.sl-icon-question:before{content:"\e05d";}.sl-icon-pie-chart:before{content:"\e05e";}.sl-icon-pencil:before{content:"\e05f";}.sl-icon-note:before{content:"\e060";}.sl-icon-music-tone-alt:before{content:"\e061";}.sl-icon-music-tone:before{content:"\e062";}.sl-icon-microphone:before{content:"\e063";}.sl-icon-loop:before{content:"\e064";}.sl-icon-logout:before{content:"\e065";}.sl-icon-login:before{content:"\e066";}.sl-icon-list:before{content:"\e067";}.sl-icon-like:before{content:"\e068";}.sl-icon-home:before{content:"\e069";}.sl-icon-grid:before{content:"\e06a";}.sl-icon-graph:before{content:"\e06b";}.sl-icon-equalizer:before{content:"\e06c";}.sl-icon-dislike:before{content:"\e06d";}.sl-icon-cursor:before{content:"\e06e";}.sl-icon-control-start:before{content:"\e06f";}.sl-icon-control-rewind:before{content:"\e070";}.sl-icon-control-play:before{content:"\e071";}.sl-icon-control-pause:before{content:"\e072";}.sl-icon-control-forward:before{content:"\e073";}.sl-icon-control-end:before{content:"\e074";}.sl-icon-calender:before{content:"\e075";}.sl-icon-bulb:before{content:"\e076";}.sl-icon-chart:before{content:"\e077";}.sl-icon-arrow-up-circle:before{content:"\e078";}.sl-icon-arrow-right-circle:before{content:"\e079";}.sl-icon-arrow-left-circle:before{content:"\e07a";}.sl-icon-arrow-down-circle:before{content:"\e07b";}.sl-icon-ban:before{content:"\e07c";}.sl-icon-bubble:before{content:"\e07d";}.sl-icon-camrecorder:before{content:"\e07e";}.sl-icon-camera:before{content:"\e07f";}.sl-icon-check:before{content:"\e080";}.sl-icon-clock:before{content:"\e081";}.sl-icon-close:before{content:"\e082";}.sl-icon-cloud-download:before{content:"\e083";}.sl-icon-cloud-upload:before{content:"\e084";}.sl-icon-doc:before{content:"\e085";}.sl-icon-envolope:before{content:"\e086";}.sl-icon-eye:before{content:"\e087";}.sl-icon-flag:before{content:"\e088";}.sl-icon-folder:before{content:"\e089";}.sl-icon-heart:before{content:"\e08a";}.sl-icon-info:before{content:"\e08b";}.sl-icon-key:before{content:"\e08c";}.sl-icon-link:before{content:"\e08d";}.sl-icon-lock:before{content:"\e08e";}.sl-icon-lock-open:before{content:"\e08f";}.sl-icon-magnifier:before{content:"\e090";}.sl-icon-magnifier-add:before{content:"\e091";}.sl-icon-magnifier-remove:before{content:"\e092";}.sl-icon-paper-clip:before{content:"\e093";}.sl-icon-paper-plane:before{content:"\e094";}.sl-icon-plus:before{content:"\e095";}.sl-icon-power:before{content:"\e097";}.sl-icon-refresh:before{content:"\e098";}.sl-icon-reload:before{content:"\e099";}.sl-icon-settings:before{content:"\e09a";}.sl-icon-star:before{content:"\e09b";}.sl-icon-symble-female:before{content:"\e09c";}.sl-icon-symbol-male:before{content:"\e09d";}.sl-icon-target:before{content:"\e09e";}.sl-icon-volume-1:before{content:"\e09f";}.sl-icon-volume-2:before{content:"\e0a0";}.sl-icon-volume-off:before{content:"\e0a1";}.sl-icon-phone:before{content:"\e600";}.sl-icon-Menu:before{content:"\e601";}.sl-icon-optionsvertical:before{content:"\e602";}.sl-icon-options:before{content:"\e603";}.sl-icon-arrow-down:before{content:"\e604";}.sl-icon-arrow-left:before{content:"\e605";}.sl-icon-arrow-right:before{content:"\e606";}.sl-icon-arrow-up:before{content:"\e607";}.sl-icon-thumbs-up:before{content:"\e80d";}.sl-icon-location:before{content:"\e810";} \ No newline at end of file diff --git a/static/fonts/fontawesome-webfont.woff2 b/static/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..500e517 Binary files /dev/null and b/static/fonts/fontawesome-webfont.woff2 differ diff --git a/static/fonts/fontello.woff b/static/fonts/fontello.woff new file mode 100644 index 0000000..66bdb18 Binary files /dev/null and b/static/fonts/fontello.woff differ diff --git a/static/fonts/simple-line-icons.ttf b/static/fonts/simple-line-icons.ttf new file mode 100644 index 0000000..3c20f82 Binary files /dev/null and b/static/fonts/simple-line-icons.ttf differ diff --git a/static/images/favicon.png b/static/images/favicon.png new file mode 100644 index 0000000..a6153a5 Binary files /dev/null and b/static/images/favicon.png differ diff --git a/static/images/illustrations/faces/1.png b/static/images/illustrations/faces/1.png new file mode 100644 index 0000000..d774963 Binary files /dev/null and b/static/images/illustrations/faces/1.png differ diff --git a/static/images/illustrations/faces/2.png b/static/images/illustrations/faces/2.png new file mode 100644 index 0000000..1ebb1fc Binary files /dev/null and b/static/images/illustrations/faces/2.png differ diff --git a/static/images/illustrations/faces/3.png b/static/images/illustrations/faces/3.png new file mode 100644 index 0000000..3acc2e9 Binary files /dev/null and b/static/images/illustrations/faces/3.png differ diff --git a/static/images/illustrations/icons/doc-sync.svg b/static/images/illustrations/icons/doc-sync.svg new file mode 100644 index 0000000..445e908 --- /dev/null +++ b/static/images/illustrations/icons/doc-sync.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + diff --git a/static/images/illustrations/icons/laptop-cloud.svg b/static/images/illustrations/icons/laptop-cloud.svg new file mode 100644 index 0000000..cfe1202 --- /dev/null +++ b/static/images/illustrations/icons/laptop-cloud.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + diff --git a/static/images/illustrations/icons/laptop-globe.svg b/static/images/illustrations/icons/laptop-globe.svg new file mode 100644 index 0000000..721ea52 --- /dev/null +++ b/static/images/illustrations/icons/laptop-globe.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + diff --git a/static/images/illustrations/icons/mobile-feed.svg b/static/images/illustrations/icons/mobile-feed.svg new file mode 100644 index 0000000..2d8fcd1 --- /dev/null +++ b/static/images/illustrations/icons/mobile-feed.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/illustrations/icons/mouse-globe.svg b/static/images/illustrations/icons/mouse-globe.svg new file mode 100644 index 0000000..816cd44 --- /dev/null +++ b/static/images/illustrations/icons/mouse-globe.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + diff --git a/static/images/illustrations/icons/plug-cloud.svg b/static/images/illustrations/icons/plug-cloud.svg new file mode 100644 index 0000000..604d8c5 --- /dev/null +++ b/static/images/illustrations/icons/plug-cloud.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + diff --git a/static/images/illustrations/mockups/app-mockup.png b/static/images/illustrations/mockups/app-mockup.png new file mode 100644 index 0000000..e4db21a Binary files /dev/null and b/static/images/illustrations/mockups/app-mockup.png differ diff --git a/static/images/illustrations/worker.png b/static/images/illustrations/worker.png new file mode 100644 index 0000000..1cd93b8 Binary files /dev/null and b/static/images/illustrations/worker.png differ diff --git a/static/images/illustrations/worker.svg b/static/images/illustrations/worker.svg new file mode 100644 index 0000000..5b90deb --- /dev/null +++ b/static/images/illustrations/worker.svg @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/loaders/audio.svg b/static/images/loaders/audio.svg new file mode 100644 index 0000000..e4cfd2a --- /dev/null +++ b/static/images/loaders/audio.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/loaders/ball-triangle.svg b/static/images/loaders/ball-triangle.svg new file mode 100644 index 0000000..ca68abd --- /dev/null +++ b/static/images/loaders/ball-triangle.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/loaders/bars.svg b/static/images/loaders/bars.svg new file mode 100644 index 0000000..aaa8d29 --- /dev/null +++ b/static/images/loaders/bars.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/loaders/circles.svg b/static/images/loaders/circles.svg new file mode 100644 index 0000000..28a08b6 --- /dev/null +++ b/static/images/loaders/circles.svg @@ -0,0 +1,20 @@ + + + + + + + + diff --git a/static/images/loaders/grid.svg b/static/images/loaders/grid.svg new file mode 100644 index 0000000..a60a700 --- /dev/null +++ b/static/images/loaders/grid.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/loaders/hearts.svg b/static/images/loaders/hearts.svg new file mode 100644 index 0000000..703bd02 --- /dev/null +++ b/static/images/loaders/hearts.svg @@ -0,0 +1,18 @@ + + + + + + + + + + diff --git a/static/images/loaders/oval.svg b/static/images/loaders/oval.svg new file mode 100644 index 0000000..abdfab6 --- /dev/null +++ b/static/images/loaders/oval.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/loaders/puff.svg b/static/images/loaders/puff.svg new file mode 100644 index 0000000..fb3058c --- /dev/null +++ b/static/images/loaders/puff.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/loaders/rings.svg b/static/images/loaders/rings.svg new file mode 100644 index 0000000..66cd175 --- /dev/null +++ b/static/images/loaders/rings.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/loaders/spinning-circles.svg b/static/images/loaders/spinning-circles.svg new file mode 100644 index 0000000..0690921 --- /dev/null +++ b/static/images/loaders/spinning-circles.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/loaders/tail-spin.svg b/static/images/loaders/tail-spin.svg new file mode 100644 index 0000000..9ff80f0 --- /dev/null +++ b/static/images/loaders/tail-spin.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/loaders/three-dots.svg b/static/images/loaders/three-dots.svg new file mode 100644 index 0000000..769ccfb --- /dev/null +++ b/static/images/loaders/three-dots.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + diff --git a/static/images/logos/bulma.svg b/static/images/logos/bulma.svg new file mode 100644 index 0000000..84d6b5d --- /dev/null +++ b/static/images/logos/bulma.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/static/images/logos/clients/gutwork.svg b/static/images/logos/clients/gutwork.svg new file mode 100644 index 0000000..3be8c9e --- /dev/null +++ b/static/images/logos/clients/gutwork.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + diff --git a/static/images/logos/clients/infinite.svg b/static/images/logos/clients/infinite.svg new file mode 100644 index 0000000..601c39b --- /dev/null +++ b/static/images/logos/clients/infinite.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/logos/clients/kromo.svg b/static/images/logos/clients/kromo.svg new file mode 100644 index 0000000..a520179 --- /dev/null +++ b/static/images/logos/clients/kromo.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + diff --git a/static/images/logos/clients/systek.svg b/static/images/logos/clients/systek.svg new file mode 100644 index 0000000..a9cc007 --- /dev/null +++ b/static/images/logos/clients/systek.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/logos/clients/tribe.svg b/static/images/logos/clients/tribe.svg new file mode 100644 index 0000000..5f52fdf --- /dev/null +++ b/static/images/logos/clients/tribe.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + diff --git a/static/images/logos/fresh-alt.svg b/static/images/logos/fresh-alt.svg new file mode 100644 index 0000000..00c0e8d --- /dev/null +++ b/static/images/logos/fresh-alt.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/logos/fresh-square.svg b/static/images/logos/fresh-square.svg new file mode 100644 index 0000000..479cff7 --- /dev/null +++ b/static/images/logos/fresh-square.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/static/images/logos/fresh-white-alt.svg b/static/images/logos/fresh-white-alt.svg new file mode 100644 index 0000000..06848e3 --- /dev/null +++ b/static/images/logos/fresh-white-alt.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/logos/fresh-white.svg b/static/images/logos/fresh-white.svg new file mode 100644 index 0000000..91be3a1 --- /dev/null +++ b/static/images/logos/fresh-white.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/logos/fresh.svg b/static/images/logos/fresh.svg new file mode 100644 index 0000000..a3ec531 --- /dev/null +++ b/static/images/logos/fresh.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/logos/icon-logo.svg b/static/images/logos/icon-logo.svg new file mode 100644 index 0000000..bd189e0 --- /dev/null +++ b/static/images/logos/icon-logo.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + diff --git a/static/images/logos/made-with-bulma.png b/static/images/logos/made-with-bulma.png new file mode 100644 index 0000000..5f021c4 Binary files /dev/null and b/static/images/logos/made-with-bulma.png differ diff --git a/static/js/fresh.js b/static/js/fresh.js new file mode 100644 index 0000000..6cec711 --- /dev/null +++ b/static/js/fresh.js @@ -0,0 +1,144 @@ +$(document).ready(function(){ + + //Preloader + $(window).on('load', function() { // makes sure the whole site is loaded + $('#status').fadeOut(); // will first fade out the loading animation + $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website. + $('body').delay(350).css({'overflow':'visible'}); + }) + + //Mobile menu toggle + if ($('.navbar-burger').length) { + $('.navbar-burger').on("click", function(){ + + var menu_id = $(this).attr('data-target'); + $(this).toggleClass('is-active'); + $("#"+menu_id).toggleClass('is-active'); + $('.navbar.is-light').toggleClass('is-dark-mobile') + }); + } + + //Animate left hamburger icon and open sidebar + $('.menu-icon-trigger').click(function(e){ + e.preventDefault(); + $('.menu-icon-wrapper').toggleClass('open'); + $('.sidebar').toggleClass('is-active'); + }); + + //Close sidebar + $('.sidebar-close').click(function() { + $('.sidebar').removeClass('is-active'); + $('.menu-icon-wrapper').removeClass('open'); + }) + + //Sidebar menu + if ($('.sidebar').length) { + $(".sidebar-menu > li.have-children a").on("click", function(i){ + i.preventDefault(); + if( ! $(this).parent().hasClass("active") ){ + $(".sidebar-menu li ul").slideUp(); + $(this).next().slideToggle(); + $(".sidebar-menu li").removeClass("active"); + $(this).parent().addClass("active"); + } + else{ + $(this).next().slideToggle(); + $(".sidebar-menu li").removeClass("active"); + } + }); + } + + //Navbar Clone + if ($('#navbar-clone').length) { + $(window).scroll(function() { // this will work when your window scrolled. + var height = $(window).scrollTop(); //getting the scrolling height of window + if(height > 50) { + $("#navbar-clone").addClass('is-active'); + } else{ + $("#navbar-clone").removeClass('is-active'); + } + }); + } + + //Init feather icons + feather.replace(); + + //reveal elements on scroll so animations trigger the right way + var $window = $(window), + win_height_padded = $window.height() * 1.1, + isTouch = Modernizr.touch; + + $window.on('scroll', revealOnScroll); + + function revealOnScroll() { + var scrolled = $window.scrollTop(); + $(".revealOnScroll:not(.animated)").each(function () { + var $this = $(this), + offsetTop = $this.offset().top; + + if (scrolled + win_height_padded > offsetTop) { + if ($this.data('timeout')) { + window.setTimeout(function(){ + $this.addClass('animated ' + $this.data('animation')); + }, parseInt($this.data('timeout'),10)); + } else { + $this.addClass('animated ' + $this.data('animation')); + } + } + }); + } + + // Back to Top button behaviour + var pxShow = 600; + var scrollSpeed = 500; + $(window).scroll(function() { + if ($(window).scrollTop() >= pxShow) { + $("#backtotop").addClass('visible'); + } else { + $("#backtotop").removeClass('visible'); + } + }); + $('#backtotop a').on('click', function() { + $('html, body').animate({ + scrollTop: 0 + }, scrollSpeed); + return false; + }); + + // Select all links with hashes + $('a[href*="#"]') + // Remove links that don't actually link to anything + .not('[href="#"]') + .not('[href="#0"]') + .click(function(event) { + // On-page links + if ( + location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') + && + location.hostname == this.hostname + ) { + // Figure out element to scroll to + var target = $(this.hash); + target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); + // Does a scroll target exist? + if (target.length) { + // Only prevent default if animation is actually gonna happen + event.preventDefault(); + $('html, body').animate({ + scrollTop: target.offset().top + }, 550, function() { + // Callback after animation + // Must change focus! + var $target = $(target); + $target.focus(); + if ($target.is(":focus")) { // Checking if the target was focused + return false; + } else { + $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable + $target.focus(); // Set focus again + }; + }); + } + } + }); +}) \ No newline at end of file diff --git a/static/js/jquery.panelslider.min.js b/static/js/jquery.panelslider.min.js new file mode 100644 index 0000000..e3345a3 --- /dev/null +++ b/static/js/jquery.panelslider.min.js @@ -0,0 +1 @@ +(function(e){"use strict";function r(r){var i=r.data("ps-options");if(e("body").hasClass(i.bodyClass)||n)return;r.trigger("psBeforeOpen"),n=!0,r.addClass("ps-active-panel"),e("body").addClass(i.bodyClass).one(t,function(e){n=!1,r.trigger("psOpen"),typeof i.onOpen=="function"&&i.onOpen()})}var t=["transitionend","webkitTransitionEnd","oTransitionEnd","MSTransitionEnd"].join(" "),n=!1;e.panelslider=function(e,t){e.panelslider(t)},e.panelslider.close=function(r){var i=e(".ps-active-panel"),s=i.data("ps-options");if(!i.length||n)return;i.trigger("psBeforeClose"),n=!0,i.removeClass("ps-active-panel"),e("body").removeClass(s.bodyClass).one(t,function(e){n=!1,i.trigger("psClose"),r&&setTimeout(function(){r()},0)})},e(document).on("click keyup",function(t){var n=e(".ps-active-panel");if(t.type=="keyup"&&t.keyCode!=27)return;n.length&&n.data("ps-options").clickClose&&e.panelslider.close()}),e(document).on("click",".ps-active-panel",function(e){e.stopPropagation()}),e.fn.panelslider=function(t){var n={bodyClass:"ps-active",clickClose:!0,onOpen:null},i=e(this.attr("href"));return i.data("ps-options",e.extend({},n,t)),this.click(function(t){var n=e(".ps-active-panel");n.length?n[0]==i[0]?e.panelslider.close():e.panelslider.close(function(){r(i)}):r(i),t.preventDefault(),t.stopPropagation()}),this}})(jQuery); \ No newline at end of file diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..1cc6ab6 --- /dev/null +++ b/theme.toml @@ -0,0 +1,12 @@ +name = "Hugo Fresh" +license = "MIT" +licenselink = "https://github.com/lucperkins/hugo-fresh/blob/master/LICENSE.md" +description = "A Hugo adaptation of the Fresh theme from CSS Ninja" +homepage = "https://github.com/lucperkins/hugo-fresh" +tags = ["responsive", "one page", "light", "onepage", "company", "clean", "landing page"] +features = [] +min_version = "0.45" + +[author] + name = "Luc Perkins" + homepage = "https://github.com/lucperkins" \ No newline at end of file