From 33d0260daf134805e17132ab65e6e0531edb0bfe Mon Sep 17 00:00:00 2001 From: Raisty <537310+raisty@users.noreply.github.com> Date: Tue, 25 Dec 2018 17:30:07 +0100 Subject: [PATCH] v1.0.2 --- CHANGELOG.md | 6 + bower.json | 4 +- dist/less/base/_all.less | 6 - dist/less/base/generic.less | 132 ----- dist/less/base/helpers.less | 256 --------- dist/less/base/minireset.less | 72 --- dist/less/coco.less | 10 - dist/less/components/_all.less | 16 - dist/less/components/breadcrumb.less | 73 --- dist/less/components/card.less | 74 --- dist/less/components/dropdown.less | 78 --- dist/less/components/level.less | 69 --- dist/less/components/list.less | 36 -- dist/less/components/media.less | 48 -- dist/less/components/menu.less | 49 -- dist/less/components/message.less | 85 --- dist/less/components/modal.less | 112 ---- dist/less/components/navbar.less | 434 --------------- dist/less/components/pagination.less | 144 ----- dist/less/components/panel.less | 101 ---- dist/less/components/tabs.less | 149 ----- dist/less/effects/_all.less | 6 - dist/less/effects/chessboard.less | 11 - dist/less/effects/rotate.less | 10 - dist/less/effects/spinner.less | 5 - dist/less/elements/_all.less | 19 - dist/less/elements/box.less | 25 - dist/less/elements/button.less | 276 --------- dist/less/elements/container.less | 26 - dist/less/elements/content.less | 149 ----- dist/less/elements/emoji.less | 92 --- dist/less/elements/form.less | 615 --------------------- dist/less/elements/icon.less | 21 - dist/less/elements/image.less | 67 --- dist/less/elements/kaomoji.less | 18 - dist/less/elements/notification.less | 35 -- dist/less/elements/other.less | 40 -- dist/less/elements/progress.less | 39 -- dist/less/elements/table.less | 117 ---- dist/less/elements/tag.less | 127 ----- dist/less/elements/title.less | 63 --- dist/less/filters/1977.less | 17 - dist/less/filters/_all.less | 22 - dist/less/filters/aden.less | 18 - dist/less/filters/amaro.less | 5 - dist/less/filters/blur.less | 10 - dist/less/filters/brannan.less | 17 - dist/less/filters/brightness.less | 10 - dist/less/filters/brooklyn.less | 18 - dist/less/filters/clarendon.less | 17 - dist/less/filters/contrast.less | 10 - dist/less/filters/earlybird.less | 18 - dist/less/filters/gingham.less | 18 - dist/less/filters/grayscale.less | 12 - dist/less/filters/hudson.less | 18 - dist/less/filters/hue-rotate.less | 10 - dist/less/filters/inkwell.less | 6 - dist/less/filters/invert.less | 10 - dist/less/filters/opacity.less | 10 - dist/less/filters/saturate.less | 10 - dist/less/filters/sepia.less | 10 - dist/less/grid/_all.less | 5 - dist/less/grid/columns.less | 502 ----------------- dist/less/grid/tiles.less | 31 -- dist/less/layout/_all.less | 6 - dist/less/layout/footer.less | 6 - dist/less/layout/hero.less | 137 ----- dist/less/layout/section.less | 12 - dist/less/utilities/_all.less | 9 - dist/less/utilities/animations.less | 6 - dist/less/utilities/controls.less | 48 -- dist/less/utilities/derived-variables.less | 78 --- dist/less/utilities/functions.less | 54 -- dist/less/utilities/initial-variables.less | 75 --- dist/less/utilities/mixins.less | 258 --------- docs/CNAME | 1 - docs/index.html | 6 +- gulpfile.js | 7 - package-lock.json | 325 +---------- package.json | 6 +- 80 files changed, 14 insertions(+), 5539 deletions(-) delete mode 100755 dist/less/base/_all.less delete mode 100755 dist/less/base/generic.less delete mode 100755 dist/less/base/helpers.less delete mode 100755 dist/less/base/minireset.less delete mode 100755 dist/less/coco.less delete mode 100755 dist/less/components/_all.less delete mode 100755 dist/less/components/breadcrumb.less delete mode 100755 dist/less/components/card.less delete mode 100755 dist/less/components/dropdown.less delete mode 100755 dist/less/components/level.less delete mode 100755 dist/less/components/list.less delete mode 100755 dist/less/components/media.less delete mode 100755 dist/less/components/menu.less delete mode 100755 dist/less/components/message.less delete mode 100755 dist/less/components/modal.less delete mode 100755 dist/less/components/navbar.less delete mode 100755 dist/less/components/pagination.less delete mode 100755 dist/less/components/panel.less delete mode 100755 dist/less/components/tabs.less delete mode 100755 dist/less/effects/_all.less delete mode 100644 dist/less/effects/chessboard.less delete mode 100644 dist/less/effects/rotate.less delete mode 100644 dist/less/effects/spinner.less delete mode 100755 dist/less/elements/_all.less delete mode 100755 dist/less/elements/box.less delete mode 100755 dist/less/elements/button.less delete mode 100755 dist/less/elements/container.less delete mode 100755 dist/less/elements/content.less delete mode 100755 dist/less/elements/emoji.less delete mode 100755 dist/less/elements/form.less delete mode 100755 dist/less/elements/icon.less delete mode 100755 dist/less/elements/image.less delete mode 100644 dist/less/elements/kaomoji.less delete mode 100755 dist/less/elements/notification.less delete mode 100755 dist/less/elements/other.less delete mode 100755 dist/less/elements/progress.less delete mode 100755 dist/less/elements/table.less delete mode 100755 dist/less/elements/tag.less delete mode 100755 dist/less/elements/title.less delete mode 100644 dist/less/filters/1977.less delete mode 100755 dist/less/filters/_all.less delete mode 100644 dist/less/filters/aden.less delete mode 100644 dist/less/filters/amaro.less delete mode 100644 dist/less/filters/blur.less delete mode 100644 dist/less/filters/brannan.less delete mode 100644 dist/less/filters/brightness.less delete mode 100644 dist/less/filters/brooklyn.less delete mode 100644 dist/less/filters/clarendon.less delete mode 100644 dist/less/filters/contrast.less delete mode 100644 dist/less/filters/earlybird.less delete mode 100644 dist/less/filters/gingham.less delete mode 100644 dist/less/filters/grayscale.less delete mode 100644 dist/less/filters/hudson.less delete mode 100644 dist/less/filters/hue-rotate.less delete mode 100644 dist/less/filters/inkwell.less delete mode 100644 dist/less/filters/invert.less delete mode 100644 dist/less/filters/opacity.less delete mode 100644 dist/less/filters/saturate.less delete mode 100644 dist/less/filters/sepia.less delete mode 100755 dist/less/grid/_all.less delete mode 100755 dist/less/grid/columns.less delete mode 100755 dist/less/grid/tiles.less delete mode 100755 dist/less/layout/_all.less delete mode 100755 dist/less/layout/footer.less delete mode 100755 dist/less/layout/hero.less delete mode 100755 dist/less/layout/section.less delete mode 100755 dist/less/utilities/_all.less delete mode 100755 dist/less/utilities/animations.less delete mode 100755 dist/less/utilities/controls.less delete mode 100755 dist/less/utilities/derived-variables.less delete mode 100755 dist/less/utilities/functions.less delete mode 100755 dist/less/utilities/initial-variables.less delete mode 100755 dist/less/utilities/mixins.less delete mode 100644 docs/CNAME diff --git a/CHANGELOG.md b/CHANGELOG.md index 78c2fec..dc5c5f4 100755 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # COCO css Changelog +## 1.0.2 + +### Improvements + +* Excluded Less from distribution due to converting issues + ## 1.0.1 ### Improvements diff --git a/bower.json b/bower.json index c4a7db0..9311421 100755 --- a/bower.json +++ b/bower.json @@ -1,10 +1,10 @@ { "name": "coco", - "version": "1.0.1", + "version": "1.0.2", "homepage": "https://cococss.com", "authors": [ "jgthms ", - "raisty" + "raisty " ], "description": "Modern CSS framework based on Flexbox", "main": "coco.sass", diff --git a/dist/less/base/_all.less b/dist/less/base/_all.less deleted file mode 100755 index 60dc51e..0000000 --- a/dist/less/base/_all.less +++ /dev/null @@ -1,6 +0,0 @@ -@charset "utf-8"; - -@import "minireset"; -@import "generic"; -@import "helpers"; - diff --git a/dist/less/base/generic.less b/dist/less/base/generic.less deleted file mode 100755 index 5eec9e9..0000000 --- a/dist/less/base/generic.less +++ /dev/null @@ -1,132 +0,0 @@ -@body-background-color: @white; -@body-size: 16px; -@body-rendering: optimizeLegibility; -@body-family: @family-primary; -@body-color: @text; -@body-weight: @weight-normal; -@body-line-height: 1.5; - -@code-family: @family-code; -@code-padding: 0.25em 0.5em 0.25em; -@code-weight: normal; -@code-size: 0.875em; - -@hr-background-color: @background; -@hr-height: 2px; -@hr-margin: 1.5rem 0; - -@strong-color: @text-strong; -@strong-weight: @weight-bold; - -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; - &.has-sticky-footer { - display: flex; - min-height: 100vh; - flex-direction: column; - > main { - flex: 1; } } } - - -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; } - - -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/dist/less/base/helpers.less b/dist/less/base/helpers.less deleted file mode 100755 index 5e80e4e..0000000 --- a/dist/less/base/helpers.less +++ /dev/null @@ -1,256 +0,0 @@ - -.is-clearfix { - .clearfix; } - -.is-pulled-left { - float: left; } - -.is-pulled-right { - float: right; } - - -.is-clipped { - overflow: hidden; } - - -.is-overlay { - @extend %overlay; } - - -.typography-size(@target:'') { - @each @size in @sizes { - @i: index(@sizes, @size); - .is-size-@{@i}@{if(@target == '', '', '-' + @target)} { - font-size: @size; } } } - -.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}; } } - -@each @alignment, @text-align in @alignments { - .mobile { - .has-text-@{@alignment}-mobile { - text-align: @{@text-align}; } } - .tablet { - .has-text-@{@alignment}-tablet { - text-align: @{@text-align}; } } - .tablet-only { - .has-text-@{@alignment}-tablet-only { - text-align: @{@text-align}; } } - .touch { - .has-text-@{@alignment}-touch { - text-align: @{@text-align}; } } - .desktop { - .has-text-@{@alignment}-desktop { - text-align: @{@text-align}; } } - .desktop-only { - .has-text-@{@alignment}-desktop-only { - text-align: @{@text-align}; } } - .widescreen { - .has-text-@{@alignment}-widescreen { - text-align: @{@text-align}; } } - .widescreen-only { - .has-text-@{@alignment}-widescreen-only { - text-align: @{@text-align}; } } - .fullhd { - .has-text-@{@alignment}-fullhd { - text-align: @{@text-align}; } } } - -.is-capitalized { - text-transform: capitalize; } - -.is-lowercase { - text-transform: lowercase; } - -.is-uppercase { - text-transform: uppercase; } - -.is-italic { - font-style: italic; } - -@each @name, @pair in @colors { - @color: nth(@pair, 1); - .has-text-@{@name} { - color: @color; } - a.has-text-@{@name} { - &:hover, - &:focus { - color: darken(@color, 10%); } } - .has-background-@{@name} { - background-color: @color; } } - -@each @name, @shade in @shades { - .has-text-@{@name} { - color: @shade; } - .has-background-@{@name} { - background-color: @shade; } } - -.has-text-weight-light { - font-weight: @weight-light; } -.has-text-weight-normal { - font-weight: @weight-normal; } -.has-text-weight-semibold { - font-weight: @weight-semibold; } -.has-text-weight-bold { - font-weight: @weight-bold; } - - -@displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'; - -@each @display in @displays { - .is-@{@display} { - display: @{@display}; } - .mobile { - .is-@{@display}-mobile { - display: @{@display}; } } - .tablet { - .is-@{@display}-tablet { - display: @{@display}; } } - .tablet-only { - .is-@{@display}-tablet-only { - display: @{@display}; } } - .touch { - .is-@{@display}-touch { - display: @{@display}; } } - .desktop { - .is-@{@display}-desktop { - display: @{@display}; } } - .desktop-only { - .is-@{@display}-desktop-only { - display: @{@display}; } } - .widescreen { - .is-@{@display}-widescreen { - display: @{@display}; } } - .widescreen-only { - .is-@{@display}-widescreen-only { - display: @{@display}; } } - .fullhd { - .is-@{@display}-fullhd { - display: @{@display}; } } } - -.is-hidden { - display: none; } - -.is-sr-only { - border: none; - clip: rect(0, 0, 0, 0); - height: 0.01em; - overflow: hidden; - padding: 0; - position: absolute; - white-space: nowrap; - width: 0.01em; } - -.mobile { - .is-hidden-mobile { - display: none; } } - -.tablet { - .is-hidden-tablet { - display: none; } } - -.tablet-only { - .is-hidden-tablet-only { - display: none; } } - -.touch { - .is-hidden-touch { - display: none; } } - -.desktop { - .is-hidden-desktop { - display: none; } } - -.desktop-only { - .is-hidden-desktop-only { - display: none; } } - -.widescreen { - .is-hidden-widescreen { - display: none; } } - -.widescreen-only { - .is-hidden-widescreen-only { - display: none; } } - -.fullhd { - .is-hidden-fullhd { - display: none; } } - -.is-invisible { - visibility: hidden; } - -.mobile { - .is-invisible-mobile { - visibility: hidden; } } - -.tablet { - .is-invisible-tablet { - visibility: hidden; } } - -.tablet-only { - .is-invisible-tablet-only { - visibility: hidden; } } - -.touch { - .is-invisible-touch { - visibility: hidden; } } - -.desktop { - .is-invisible-desktop { - visibility: hidden; } } - -.desktop-only { - .is-invisible-desktop-only { - visibility: hidden; } } - -.widescreen { - .is-invisible-widescreen { - visibility: hidden; } } - -.widescreen-only { - .is-invisible-widescreen-only { - visibility: hidden; } } - -.fullhd { - .is-invisible-fullhd { - visibility: hidden; } } - - -.is-marginless { - margin: 0; } - -.is-paddingless { - padding: 0; } - -.is-radiusless { - border-radius: 0; } - -.is-shadowless { - box-shadow: none; } - -.is-unselectable { - @extend %unselectable; } - diff --git a/dist/less/base/minireset.less b/dist/less/base/minireset.less deleted file mode 100755 index 510198c..0000000 --- a/dist/less/base/minireset.less +++ /dev/null @@ -1,72 +0,0 @@ - -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; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: 100%; - font-weight: normal; } - -ul { - list-style: none; } - -button, -input, -select, -textarea { - margin: 0; } - -html { - box-sizing: border-box; } - -* { - &, - &::before, - &::after { - box-sizing: inherit; } } - -img, -audio, -video { - height: auto; - max-width: 100%; } - -iframe { - border: 0; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; - text-align: left; } - diff --git a/dist/less/coco.less b/dist/less/coco.less deleted file mode 100755 index f59f152..0000000 --- a/dist/less/coco.less +++ /dev/null @@ -1,10 +0,0 @@ -@charset "utf-8"; -@import "utilities/_all"; -@import "base/_all"; -@import "elements/_all"; -@import "components/_all"; -@import "grid/_all"; -@import "layout/_all"; -@import "filters/_all"; -@import "effects/_all"; - diff --git a/dist/less/components/_all.less b/dist/less/components/_all.less deleted file mode 100755 index 95ef8f6..0000000 --- a/dist/less/components/_all.less +++ /dev/null @@ -1,16 +0,0 @@ -@charset "utf-8"; - -@import "breadcrumb"; -@import "card"; -@import "dropdown"; -@import "level"; -@import "list"; -@import "media"; -@import "menu"; -@import "message"; -@import "modal"; -@import "navbar"; -@import "pagination"; -@import "panel"; -@import "tabs"; - diff --git a/dist/less/components/breadcrumb.less b/dist/less/components/breadcrumb.less deleted file mode 100755 index 058589f..0000000 --- a/dist/less/components/breadcrumb.less +++ /dev/null @@ -1,73 +0,0 @@ -@breadcrumb-item-color: @link; -@breadcrumb-item-hover-color: @link-hover; -@breadcrumb-item-active-color: @text-strong; - -@breadcrumb-item-padding-vertical: 0; -@breadcrumb-item-padding-horizontal: 0.75em; - -@breadcrumb-item-separator-color: @grey-light; - -.breadcrumb { - @extend %block; - @extend %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; } } - &.is-centered { - ol, - ul { - justify-content: center; } } - &.is-right { - ol, - ul { - justify-content: flex-end; } } - &.is-small { - font-size: @size-small; } - &.is-medium { - font-size: @size-medium; } - &.is-large { - font-size: @size-large; } - &.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/dist/less/components/card.less b/dist/less/components/card.less deleted file mode 100755 index 8522af6..0000000 --- a/dist/less/components/card.less +++ /dev/null @@ -1,74 +0,0 @@ -@card-color: @text; -@card-background-color: @white; -@card-shadow: 0 2px 3px rgba(@black, 0.1), 0 0 0 1px rgba(@black, 0.1); - -@card-header-background-color: transparent; -@card-header-color: @text-strong; -@card-header-shadow: 0 1px 2px rgba(@black, 0.1); -@card-header-weight: @weight-bold; - -@card-content-background-color: transparent; - -@card-footer-background-color: transparent; -@card-footer-border-top: 1px solid @border; - -.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; } } - - -.card { - .media:not(:last-child) { - margin-bottom: 0.75rem; } } - diff --git a/dist/less/components/dropdown.less b/dist/less/components/dropdown.less deleted file mode 100755 index c93e6ec..0000000 --- a/dist/less/components/dropdown.less +++ /dev/null @@ -1,78 +0,0 @@ -@dropdown-content-background-color: @white; -@dropdown-content-arrow: @link; -@dropdown-content-offset: 4px; -@dropdown-content-radius: @radius; -@dropdown-content-shadow: 0 2px 3px rgba(@black, 0.1), 0 0 0 1px rgba(@black, 0.1); -@dropdown-content-z: 20; - -@dropdown-item-color: @grey-dark; -@dropdown-item-hover-color: @black; -@dropdown-item-hover-background-color: @background; -@dropdown-item-active-color: @link-invert; -@dropdown-item-active-background-color: @link; - -@dropdown-divider-background-color: @border; - -.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, -button.dropdown-item { - padding-right: 3rem; - text-align: left; - white-space: nowrap; - width: 100%; - &: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/dist/less/components/level.less b/dist/less/components/level.less deleted file mode 100755 index 5d579d1..0000000 --- a/dist/less/components/level.less +++ /dev/null @@ -1,69 +0,0 @@ -.level { - @extend %block; - align-items: center; - justify-content: space-between; - code { - border-radius: @radius; } - img { - display: inline-block; - vertical-align: top; } - &.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; - margin-right: 0.75rem; } - &:not(.is-narrow) { - flex-grow: 1; } } } - .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; } - .mobile { - &:not(:last-child) { - margin-bottom: 0.75rem; } } } - -.level-left, -.level-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - .level-item { - &.is-flexible { - flex-grow: 1; } - .tablet { - &:not(:last-child) { - margin-right: 0.75rem; } } } } - -.level-left { - align-items: center; - justify-content: flex-start; - .mobile { - & + .level-right { - margin-top: 1.5rem; } } - .tablet { - display: flex; } } - -.level-right { - align-items: center; - justify-content: flex-end; - .tablet { - display: flex; } } - diff --git a/dist/less/components/list.less b/dist/less/components/list.less deleted file mode 100755 index a193f20..0000000 --- a/dist/less/components/list.less +++ /dev/null @@ -1,36 +0,0 @@ -@list-background-color: @white; -@list-shadow: 0 2px 3px rgba(@black, 0.1), 0 0 0 1px rgba(@black, 0.1); -@list-radius: @radius; - -@list-item-border: 1px solid @border; -@list-item-color: @text; -@list-item-active-background-color: @link; -@list-item-active-color: @link-invert; -@list-item-hover-background-color: @background; - -.list { - @extend %block; - background-color: @list-background-color; - border-radius: @list-radius; - box-shadow: @list-shadow; } - -.list-item { - display: block; - padding: 0.5em 1em; - &:not(a) { - color: @list-item-color; } - &:first-child { - border-top-left-radius: @list-radius; - border-top-right-radius: @list-radius; } - &:last-child { - border-top-left-radius: @list-radius; - border-top-right-radius: @list-radius; } - &:not(:last-child) { - border-bottom: @list-item-border; } - &.is-active { - background-color: @list-item-active-background-color; - color: @list-item-active-color; } } - -a.list-item { - background-color: @list-item-hover-background-color; - cursor: pointer; } diff --git a/dist/less/components/media.less b/dist/less/components/media.less deleted file mode 100755 index 1e8f2ea..0000000 --- a/dist/less/components/media.less +++ /dev/null @@ -1,48 +0,0 @@ -.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; } - &.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; } - -.mobile { - .media-content { - overflow-x: auto; } } - diff --git a/dist/less/components/menu.less b/dist/less/components/menu.less deleted file mode 100755 index 0a785b1..0000000 --- a/dist/less/components/menu.less +++ /dev/null @@ -1,49 +0,0 @@ -@menu-item-color: @text; -@menu-item-radius: @radius-small; -@menu-item-hover-color: @text-strong; -@menu-item-hover-background-color: @background; -@menu-item-active-color: @link-invert; -@menu-item-active-background-color: @link; - -@menu-list-border-left: 1px solid @border; - -@menu-label-color: @text-light; - -.menu { - font-size: @size-normal; - &.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; } - &.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/dist/less/components/message.less b/dist/less/components/message.less deleted file mode 100755 index 4252615..0000000 --- a/dist/less/components/message.less +++ /dev/null @@ -1,85 +0,0 @@ -@message-background-color: @background; -@message-radius: @radius; - -@message-header-background-color: @text; -@message-header-color: @text-invert; -@message-header-weight: @weight-bold; -@message-header-padding: 0.75em 1em; -@message-header-radius: @radius; - -@message-body-border-color: @border; -@message-body-border-width: 0 0 0 4px; -@message-body-color: @text; -@message-body-padding: 1.25em 1.5em; -@message-body-radius: @radius; - -@message-body-pre-background-color: @white; -@message-body-pre-code-background-color: transparent; - -@message-header-body-border-width: 0; - -.message { - @extend %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; } - &.is-small { - font-size: @size-small; } - &.is-medium { - font-size: @size-medium; } - &.is-large { - font-size: @size-large; } - @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/dist/less/components/modal.less b/dist/less/components/modal.less deleted file mode 100755 index a914d43..0000000 --- a/dist/less/components/modal.less +++ /dev/null @@ -1,112 +0,0 @@ -@modal-z: 40; - -@modal-background-background-color: rgba(@black, 0.86); - -@modal-content-width: 640px; -@modal-content-margin-mobile: 20px; -@modal-content-spacing-mobile: 160px; -@modal-content-spacing-tablet: 40px; - -@modal-close-dimensions: 40px; -@modal-close-right: 20px; -@modal-close-top: 20px; - -@modal-card-spacing: 40px; - -@modal-card-head-background-color: @background; -@modal-card-head-border-bottom: 1px solid @border; -@modal-card-head-padding: 20px; -@modal-card-head-radius: @radius-large; - -@modal-card-title-color: @text-strong; -@modal-card-title-line-height: 1; -@modal-card-title-size: @size-4; - -@modal-card-foot-radius: @radius-large; -@modal-card-foot-border-top: 1px solid @border; - -@modal-card-body-background-color: @white; -@modal-card-body-padding: 20px; - -.modal { - @extend %overlay; - align-items: center; - display: none; - flex-direction: column; - justify-content: center; - overflow: hidden; - position: fixed; - z-index: @modal-z; - &.is-active { - display: flex; } } - -.modal-background { - @extend %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%; - .tablet { - margin: 0 auto; - max-height: calc(100vh - @{@modal-content-spacing-tablet}); - width: @modal-content-width; } } - -.modal-close { - @extend %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; - -ms-overflow-y: visible; } - -.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/dist/less/components/navbar.less b/dist/less/components/navbar.less deleted file mode 100755 index 6292fcd..0000000 --- a/dist/less/components/navbar.less +++ /dev/null @@ -1,434 +0,0 @@ -@navbar-background-color: @white; -@navbar-box-shadow-size: 0 2px 0 0; -@navbar-box-shadow-color: @background; -@navbar-height: 3.25rem; -@navbar-padding-vertical: 1rem; -@navbar-padding-horizontal: 2rem; -@navbar-z: 30; -@navbar-fixed-z: 30; - -@navbar-item-color: @grey-dark; -@navbar-item-hover-color: @link; -@navbar-item-hover-background-color: @white-bis; -@navbar-item-active-color: @black; -@navbar-item-active-background-color: transparent; -@navbar-item-img-max-height: 1.75rem; - -@navbar-burger-color: @navbar-item-color; - -@navbar-tab-hover-background-color: transparent; -@navbar-tab-hover-border-bottom-color: @link; -@navbar-tab-active-color: @link; -@navbar-tab-active-background-color: transparent; -@navbar-tab-active-border-bottom-color: @link; -@navbar-tab-active-border-bottom-style: solid; -@navbar-tab-active-border-bottom-width: 3px; - -@navbar-dropdown-background-color: @white; -@navbar-dropdown-border-top: 2px solid @border; -@navbar-dropdown-offset: -4px; -@navbar-dropdown-arrow: @link; -@navbar-dropdown-radius: @radius-large; -@navbar-dropdown-z: 20; - -@navbar-dropdown-boxed-radius: @radius-large; -@navbar-dropdown-boxed-shadow: 0 8px 8px rgba(@black, 0.1), 0 0 0 1px rgba(@black, 0.1); - -@navbar-dropdown-item-hover-color: @black; -@navbar-dropdown-item-hover-background-color: @background; -@navbar-dropdown-item-active-color: @link; -@navbar-dropdown-item-active-background-color: @background; - -@navbar-divider-background-color: @background; -@navbar-divider-height: 2px; - -@navbar-bottom-box-shadow-size: 0 -2px 0 0; - -@navbar-breakpoint: @desktop; - -.navbar-fixed { - left: 0; - position: fixed; - right: 0; - z-index: @navbar-fixed-z; } - -.navbar { - background-color: @navbar-background-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; } } } - .navbar-burger { - color: @color-invert; } - .from(@navbar-breakpoint) { - .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: @navbar-box-shadow-size @navbar-box-shadow-color; } - &.is-fixed-bottom, - &.is-fixed-top { - .navbar-fixed; } - &.is-fixed-bottom { - bottom: 0; - &.has-shadow { - box-shadow: @navbar-bottom-box-shadow-size @navbar-box-shadow-color; } } - &.is-fixed-top { - top: 0; } - input[type="checkbox"]#menu { - display: none; - & + .navbar-burger { - margin-top: -3.25em; } - &:checked + .navbar-burger { - span { - &:nth-child(1) { - transform: translateY(5px) rotate(45deg); } - &:nth-child(2) { - opacity: 0; } - &:nth-child(3) { - transform: translateY(-5px) rotate(-45deg); } } } - &:checked ~ .navbar-menu { - display: block; } } } - -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 { - color: @navbar-burger-color; - .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:not(.is-arrowless) { - padding-right: 2.5em; - &::after { - @extend %arrow; - border-color: @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; } - -.until(@navbar-breakpoint) { - .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; } } - .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; } } } - -.from(@navbar-breakpoint) { - .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; } } - .navbar-item.has-dropdown { - &.is-active, - &.is-hoverable:hover { - .navbar-link { - background-color: transparent; } } } - .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: -.75rem; } - .navbar-menu { - margin-right: -.75rem; } } - .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); } } - 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/dist/less/components/pagination.less b/dist/less/components/pagination.less deleted file mode 100755 index 4bb2a57..0000000 --- a/dist/less/components/pagination.less +++ /dev/null @@ -1,144 +0,0 @@ -@pagination-color: @grey-darker; -@pagination-border-color: @grey-lighter; -@pagination-margin: -0.25rem; -@pagination-min-width: @control-height; - -@pagination-hover-color: @link-hover; -@pagination-hover-border-color: @link-hover-border; - -@pagination-focus-color: @link-focus; -@pagination-focus-border-color: @link-focus-border; - -@pagination-active-color: @link-active; -@pagination-active-border-color: @link-active-border; - -@pagination-disabled-color: @grey; -@pagination-disabled-background-color: @grey-lighter; -@pagination-disabled-border-color: @grey-lighter; - -@pagination-current-color: @link-invert; -@pagination-current-background-color: @link; -@pagination-current-border-color: @link; - -@pagination-ellipsis-color: @grey-light; - -@pagination-shadow-inset: inset 0 1px 2px rgba(@black, 0.2); - -.pagination { - font-size: @size-normal; - margin: @pagination-margin; - &.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 { - @extend %control; - @extend %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: @pagination-min-width; - &: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/dist/less/components/panel.less b/dist/less/components/panel.less deleted file mode 100755 index 9e0e54f..0000000 --- a/dist/less/components/panel.less +++ /dev/null @@ -1,101 +0,0 @@ -@panel-item-border: 1px solid @border; - -@panel-heading-background-color: @background; -@panel-heading-color: @text-strong; -@panel-heading-line-height: 1.25; -@panel-heading-padding: 0.5em 0.75em; -@panel-heading-radius: @radius; -@panel-heading-size: 1.25em; -@panel-heading-weight: @weight-light; - -@panel-tab-border-bottom: 1px solid @border; -@panel-tab-active-border-bottom-color: @link-active-border; -@panel-tab-active-color: @link-active; - -@panel-list-item-color: @text; -@panel-list-item-hover-color: @link; - -@panel-block-color: @text-strong; -@panel-block-hover-background-color: @background; -@panel-block-active-border-left-color: @link; -@panel-block-active-color: @link-active; -@panel-block-active-icon-color: @link; - -@panel-icon-color: @text-light; - -.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; - &.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/dist/less/components/tabs.less b/dist/less/components/tabs.less deleted file mode 100755 index e366923..0000000 --- a/dist/less/components/tabs.less +++ /dev/null @@ -1,149 +0,0 @@ -@tabs-border-bottom-color: @border; -@tabs-border-bottom-style: solid; -@tabs-border-bottom-width: 1px; -@tabs-link-color: @text; -@tabs-link-hover-border-bottom-color: @text-strong; -@tabs-link-hover-color: @text-strong; -@tabs-link-active-border-bottom-color: @link; -@tabs-link-active-color: @link; -@tabs-link-padding: 0.5em 1em; - -@tabs-boxed-link-radius: @radius; -@tabs-boxed-link-hover-background-color: @background; -@tabs-boxed-link-hover-border-bottom-color: @border; - -@tabs-boxed-link-active-background-color: @white; -@tabs-boxed-link-active-border-color: @border; -@tabs-boxed-link-active-border-bottom-color: transparent; - -@tabs-toggle-link-border-color: @border; -@tabs-toggle-link-border-style: solid; -@tabs-toggle-link-border-width: 1px; -@tabs-toggle-link-hover-background-color: @background; -@tabs-toggle-link-hover-border-color: @border-hover; -@tabs-toggle-link-radius: @radius; -@tabs-toggle-link-active-background-color: @link; -@tabs-toggle-link-active-border-color: @link; -@tabs-toggle-link-active-color: @link-invert; - -.tabs { - @extend %block; - .overflow-touch; - @extend %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; } } - &.is-centered { - ul { - justify-content: center; } } - &.is-right { - ul { - justify-content: flex-end; } } - &.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; } } } } - &.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; } } } } - &.is-small { - font-size: @size-small; } - &.is-medium { - font-size: @size-medium; } - &.is-large { - font-size: @size-large; } } - diff --git a/dist/less/effects/_all.less b/dist/less/effects/_all.less deleted file mode 100755 index 4b9b12e..0000000 --- a/dist/less/effects/_all.less +++ /dev/null @@ -1,6 +0,0 @@ -@charset "utf-8"; - -@import "rotate"; -@import "spinner"; -@import "chessboard"; - diff --git a/dist/less/effects/chessboard.less b/dist/less/effects/chessboard.less deleted file mode 100644 index 74f27ff..0000000 --- a/dist/less/effects/chessboard.less +++ /dev/null @@ -1,11 +0,0 @@ -.effect { - &.chessboard { - background-position: 0 0,30px 30px; - background-size: 20px 20px; - &.is-light { - background-color: #fff; - background-image: linear-gradient(45deg,#f6f6f6 25%,transparent 0,transparent 75%,#f6f6f6 0,#f6f6f6),linear-gradient(45deg,#f6f6f6 25%,transparent 0,transparent 75%,#f6f6f6 0,#f6f6f6); } - &.is-dark { - background-color: transparent; - background-image: linear-gradient(45deg,#2e3033 25%,transparent 0,transparent 75%,#2e3033 0,#2e3033),linear-gradient(45deg,#2e3033 25%,transparent 0,transparent 75%,#2e3033 0,#2e3033); } } } - diff --git a/dist/less/effects/rotate.less b/dist/less/effects/rotate.less deleted file mode 100644 index 74203bc..0000000 --- a/dist/less/effects/rotate.less +++ /dev/null @@ -1,10 +0,0 @@ -@rotate-breakpoints: 30, 45, 60, 90, 120, 135, 150, 180, 210, 225, 240, 270, 300, 315, 330; - -.rotate { - @each @breakpoint in @rotate-breakpoints { - &.rotate-@{@breakpoint} { - transform: rotate(@{@breakpoint}deg); } } } - -.effect { - .rotate; } - diff --git a/dist/less/effects/spinner.less b/dist/less/effects/spinner.less deleted file mode 100644 index 9135c3e..0000000 --- a/dist/less/effects/spinner.less +++ /dev/null @@ -1,5 +0,0 @@ -.effect { - &.spinner { - display: block; - animation: spinAround 500ms infinite linear; } } - diff --git a/dist/less/elements/_all.less b/dist/less/elements/_all.less deleted file mode 100755 index 26eb6af..0000000 --- a/dist/less/elements/_all.less +++ /dev/null @@ -1,19 +0,0 @@ -@charset "utf-8"; - -@import "box"; -@import "button"; -@import "container"; -@import "content"; -@import "form"; -@import "icon"; -@import "image"; -@import "notification"; -@import "progress"; -@import "table"; -@import "tag"; -@import "title"; -@import "emoji"; -@import "kaomoji"; - -@import "other"; - diff --git a/dist/less/elements/box.less b/dist/less/elements/box.less deleted file mode 100755 index efd1fe8..0000000 --- a/dist/less/elements/box.less +++ /dev/null @@ -1,25 +0,0 @@ -@box-color: @text; -@box-background-color: @white; -@box-radius: @radius-large; -@box-shadow: 0 2px 3px rgba(@black, 0.1), 0 0 0 1px rgba(@black, 0.1); -@box-padding: 1.25rem; - -@box-link-hover-shadow: 0 2px 3px rgba(@black, 0.1), 0 0 0 1px @link; -@box-link-active-shadow: inset 0 1px 2px rgba(@black, 0.2), 0 0 0 1px @link; - -.box { - @extend %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/dist/less/elements/button.less b/dist/less/elements/button.less deleted file mode 100755 index e589801..0000000 --- a/dist/less/elements/button.less +++ /dev/null @@ -1,276 +0,0 @@ -@button-color: @grey-darker; -@button-background-color: @white; - -@button-border-color: @grey-lighter; -@button-border-width: @control-border-width; - -@button-padding-vertical: calc(0.375em - @{@button-border-width}); -@button-padding-horizontal: 0.75em; - -@button-hover-color: @link-hover; -@button-hover-border-color: @link-hover-border; - -@button-focus-color: @link-focus; -@button-focus-border-color: @link-focus-border; -@button-focus-box-shadow-size: 0 0 0 0.125em; -@button-focus-box-shadow-color: rgba(@link, 0.25); - -@button-active-color: @link-active; -@button-active-border-color: @link-active-border; - -@button-text-color: @text; -@button-text-hover-background-color: @background; -@button-text-hover-color: @text-strong; - -@button-disabled-background-color: @white; -@button-disabled-border-color: @grey-lighter; -@button-disabled-shadow: none; -@button-disabled-opacity: 0.5; - -@button-static-color: @grey; -@button-static-background-color: @white-ter; -@button-static-border-color: @grey-lighter; - -.button-small { - border-radius: @radius-small; - font-size: @size-small; } -.button-normal { - font-size: @size-normal; } -.button-medium { - font-size: @size-medium; } -.button-large { - font-size: @size-large; } - -.button { - @extend %control; - @extend %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}); } } - .em.oji { - &, - &.is-small, - &.is-medium, - &.is-large { - font-size: 1em; } - &: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}); } } - &: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; } - &.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; } } - &.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; } } - &[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; } } } } - &.is-small { - .button-small; } - &.is-normal { - .button-normal; } - &.is-medium { - .button-medium; } - &.is-large { - .button-large; } - &[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; - pointer-events: none; - &::after { - @extend %loader; - .center(1em); - position: absolute; } } - &.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):not(.is-fullwidth) { - margin-right: 0.5rem; } } - &:last-child { - margin-bottom: -0.5rem; } - &:not(:last-child) { - margin-bottom: 1rem; } - &.are-small { - .button:not(.is-normal):not(.is-medium):not(.is-large) { - .button-small; } } - &.are-medium { - .button:not(.is-small):not(.is-normal):not(.is-large) { - .button-medium; } } - &.are-large { - .button:not(.is-small):not(.is-normal):not(.is-medium) { - .button-large; } } - &.has-addons { - .button { - &:not(:first-child) { - 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/dist/less/elements/container.less b/dist/less/elements/container.less deleted file mode 100755 index 028b7e2..0000000 --- a/dist/less/elements/container.less +++ /dev/null @@ -1,26 +0,0 @@ -.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/dist/less/elements/content.less b/dist/less/elements/content.less deleted file mode 100755 index ff71712..0000000 --- a/dist/less/elements/content.less +++ /dev/null @@ -1,149 +0,0 @@ -@content-heading-color: @text-strong; -@content-heading-weight: @weight-semibold; -@content-heading-line-height: 1.125; - -@content-blockquote-background-color: @background; -@content-blockquote-border-left: 5px solid @border; -@content-blockquote-padding: 1.25em 1.5em; - -@content-pre-padding: 1.25em 1.5em; - -@content-table-cell-border: 1px solid @border; -@content-table-cell-border-width: 0 0 1px; -@content-table-cell-padding: 0.5em 0.75em; -@content-table-cell-heading-color: @text-strong; -@content-table-head-cell-border-width: 0 0 2px; -@content-table-head-cell-color: @text-strong; -@content-table-foot-cell-border-width: 2px 0 0; -@content-table-foot-cell-color: @text-strong; - -.content { - @extend %block; - li + li { - margin-top: 0.25em; } - 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-position: outside; - margin-left: 2em; - margin-top: 1em; - &:not([type]) { - list-style-type: decimal; - &.is-lower-alpha { - list-style-type: lower-alpha; } - &.is-lower-roman { - list-style-type: lower-roman; } - &.is-upper-alpha { - list-style-type: upper-alpha; } - &.is-upper-roman { - list-style-type: upper-roman; } } } - ul { - list-style: disc outside; - margin-left: 2em; - 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; } } } } } - &.is-small { - font-size: @size-small; } - &.is-medium { - font-size: @size-medium; } - &.is-large { - font-size: @size-large; } } - diff --git a/dist/less/elements/emoji.less b/dist/less/elements/emoji.less deleted file mode 100755 index 0768e33..0000000 --- a/dist/less/elements/emoji.less +++ /dev/null @@ -1,92 +0,0 @@ -em.oji { - font-style: normal; - font-size: @emoji-dimensions; - &.is-small { - font-size: @emoji-dimensions-small; } - &.is-medium { - font-size: @emoji-dimensions-medium; } - &.is-large { - font-size: @emoji-dimensions-large; } - &.black { - color: transparent; - text-shadow: 0 0 @black; } - &.black-bis { - color: transparent; - text-shadow: 0 0 @black-bis; } - &.black-ter { - color: transparent; - text-shadow: 0 0 @black-ter; } - &.grey-darker { - color: transparent; - text-shadow: 0 0 @grey-darker; } - &.grey-dark { - color: transparent; - text-shadow: 0 0 @grey-dark; } - &.grey { - color: transparent; - text-shadow: 0 0 @grey; } - &.grey-light { - color: transparent; - text-shadow: 0 0 @grey-light; } - &.grey-lighter { - color: transparent; - text-shadow: 0 0 @grey-lighter; } - &.white-ter { - color: transparent; - text-shadow: 0 0 @white-ter; } - &.white-bis { - color: transparent; - text-shadow: 0 0 @white-bis; } - &.white { - color: transparent; - text-shadow: 0 0 @white; } - &.orange { - color: transparent; - text-shadow: 0 0 @orange; } - &.yellow { - color: transparent; - text-shadow: 0 0 @yellow; } - &.green { - color: transparent; - text-shadow: 0 0 @green; } - &.turquoise { - color: transparent; - text-shadow: 0 0 @turquoise; } - &.cyan { - color: transparent; - text-shadow: 0 0 @cyan; } - &.blue { - color: transparent; - text-shadow: 0 0 @blue; } - &.purple { - color: transparent; - text-shadow: 0 0 @purple; } - &.red { - color: transparent; - text-shadow: 0 0 @red; } - &.primary { - color: transparent; - text-shadow: 0 0 @primary; } - &.info { - color: transparent; - text-shadow: 0 0 @info; } - &.success { - color: transparent; - text-shadow: 0 0 @success; } - &.warning { - color: transparent; - text-shadow: 0 0 @warning; } - &.danger { - color: transparent; - text-shadow: 0 0 @danger; } - &.light { - color: transparent; - text-shadow: 0 0 @light; } - &.dark { - color: transparent; - text-shadow: 0 0 @dark; } - &.grayscale { - filter: grayscale(1); } - &.flat { - filter: contrast(130%) brightness(130%) saturate(130%) grayscale(0.5); } } - diff --git a/dist/less/elements/form.less b/dist/less/elements/form.less deleted file mode 100755 index 025e186..0000000 --- a/dist/less/elements/form.less +++ /dev/null @@ -1,615 +0,0 @@ -@input-color: @grey-darker; -@input-background-color: @white; -@input-border-color: @grey-lighter; -@input-height: @control-height; -@input-shadow: inset 0 1px 2px rgba(@black, 0.1); - -@input-hover-color: @grey-darker; -@input-hover-border-color: @grey-light; - -@input-focus-color: @grey-darker; -@input-focus-border-color: @link; -@input-focus-box-shadow-size: 0 0 0 0.125em; -@input-focus-box-shadow-color: rgba(@link, 0.25); - -@input-disabled-color: @text-light; -@input-disabled-background-color: @background; -@input-disabled-border-color: @background; - -@input-arrow: @link; - -@input-icon-color: @grey-lighter; -@input-icon-active-color: @grey; - -@input-radius: @radius; - -@file-border-color: @border; -@file-radius: @radius; - -@file-cta-background-color: @white-ter; -@file-cta-color: @grey-dark; -@file-cta-hover-color: @grey-darker; -@file-cta-active-color: @grey-darker; - -@file-name-border-color: @border; -@file-name-border-style: solid; -@file-name-border-width: 1px 1px 1px 0; -@file-name-max-width: 16em; - -@label-color: @grey-darker; -@label-weight: @weight-bold; - -@help-size: @size-small; - -.input { - @extend %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; } - @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); } } } - &.is-small { - .control-small; } - &.is-medium { - .control-medium; } - &.is-large { - .control-large; } - &.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; } - &.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: @input-height; } - &:not(.is-multiple):not(.is-loading) { - &::after { - @extend %arrow; - border-color: @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: auto; - padding: 0; - option { - padding: 0.5em 1em; } } } - &:not(.is-multiple):not(.is-loading):hover { - &::after { - border-color: @input-hover-color; } } - @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); } } } } - &.is-small { - .control-small; } - &.is-medium { - .control-medium; } - &.is-large { - .control-large; } - &.is-disabled { - &::after { - border-color: @input-disabled-color; } } - &.is-fullwidth { - width: 100%; - select { - width: 100%; } } - &.is-loading { - &::after { - @extend %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 { - @extend %unselectable; - align-items: stretch; - display: flex; - justify-content: flex-start; - position: relative; - @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; } } } } - &.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; } } } - &.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: 100%; - left: 0; - opacity: 0; - outline: none; - position: absolute; - top: 0; - width: 100%; } - -.file-cta, -.file-name { - @extend %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; } - &.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; } } } - - -.field { - &:not(:last-child) { - margin-bottom: 0.75rem; } - &.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 { - &:not([disabled]) { - &: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 { - clear: both; - font-size: @size-normal; - position: relative; - text-align: left; - &.has-icon { - .icon { - color: @input-icon-color; - height: @input-height; - pointer-events: none; - position: absolute; - top: 0; - width: @input-height; - 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: @input-height; } } - &.has-icon-right { - .icon { - right: 0; } - .input { - padding-right: @input-height; } } } - &.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: @input-height; - pointer-events: none; - position: absolute; - top: 0; - width: @input-height; - z-index: 4; } } - &.has-icons-left { - .input, - .select select { - padding-left: @input-height; } - .icon.is-left { - left: 0; } } - &.has-icons-right { - .input, - .select select { - padding-right: @input-height; } - .icon.is-right { - right: 0; } } - &.is-loading { - &::after { - @extend %loader; - position: absolute; - 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/dist/less/elements/icon.less b/dist/less/elements/icon.less deleted file mode 100755 index 8002b02..0000000 --- a/dist/less/elements/icon.less +++ /dev/null @@ -1,21 +0,0 @@ -@icon-dimensions: 1.5rem; -@icon-dimensions-small: 1rem; -@icon-dimensions-medium: 2rem; -@icon-dimensions-large: 3rem; - -.icon { - align-items: center; - display: inline-flex; - justify-content: center; - height: @icon-dimensions; - width: @icon-dimensions; - &.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/dist/less/elements/image.less b/dist/less/elements/image.less deleted file mode 100755 index 0146dbb..0000000 --- a/dist/less/elements/image.less +++ /dev/null @@ -1,67 +0,0 @@ -@dimensions: 16 24 32 48 64 96 128; - -.image { - display: block; - position: relative; - img { - display: block; - height: auto; - width: 100%; - &.is-rounded { - border-radius: @radius-rounded; } } - &.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 { - @extend %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%; } - @each @dimension in @dimensions { - &.is-@{@dimension}x@{@dimension} { - height: @dimension * 1px; - width: @dimension * 1px; } } } - diff --git a/dist/less/elements/kaomoji.less b/dist/less/elements/kaomoji.less deleted file mode 100644 index 1f7889f..0000000 --- a/dist/less/elements/kaomoji.less +++ /dev/null @@ -1,18 +0,0 @@ -.kao-moji { - @each @kaomoji in @kaomojis { - @kao-icon: nth(@kaomoji, 1); - @kao-unicode: nth(@kaomoji, 2); - &.@{@kao-icon}::before { - content: @kao-unicode; } } } - -em.kaomoji { - font-style: normal; - font-size: @kaomoji-dimensions; - &.is-small { - font-size: @emoji-dimensions-small; } - &.is-medium { - font-size: @emoji-dimensions-medium; } - &.is-large { - font-size: @emoji-dimensions-large; } - .kao-moji; } - diff --git a/dist/less/elements/notification.less b/dist/less/elements/notification.less deleted file mode 100755 index 431616e..0000000 --- a/dist/less/elements/notification.less +++ /dev/null @@ -1,35 +0,0 @@ -@notification-background-color: @background; -@notification-radius: @radius; -@notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem; - -.notification { - @extend %block; - background-color: @notification-background-color; - border-radius: @notification-radius; - padding: @notification-padding; - position: relative; - a:not(.button):not(.dropdown-item) { - 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; } - @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/dist/less/elements/other.less b/dist/less/elements/other.less deleted file mode 100755 index e619a35..0000000 --- a/dist/less/elements/other.less +++ /dev/null @@ -1,40 +0,0 @@ -.block { - @extend %block; } - -.delete { - @extend %delete; } - -.heading { - display: block; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; - text-transform: uppercase; } - -.highlight { - @extend %block; - font-weight: @weight-normal; - max-width: 100%; - overflow: hidden; - padding: 0; - pre { - overflow: auto; - max-width: 100%; } } - -.loader { - @extend %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/dist/less/elements/progress.less b/dist/less/elements/progress.less deleted file mode 100755 index 5ac41e1..0000000 --- a/dist/less/elements/progress.less +++ /dev/null @@ -1,39 +0,0 @@ -@progress-bar-background-color: @border; -@progress-value-background-color: @text; - -.progress { - @extend %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; } - @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; } } } - &.is-small { - height: @size-small; } - &.is-medium { - height: @size-medium; } - &.is-large { - height: @size-large; } } - diff --git a/dist/less/elements/table.less b/dist/less/elements/table.less deleted file mode 100755 index c079202..0000000 --- a/dist/less/elements/table.less +++ /dev/null @@ -1,117 +0,0 @@ -@table-color: @grey-darker; -@table-background-color: @white; - -@table-cell-border: 1px solid @grey-lighter; -@table-cell-border-width: 0 0 1px; -@table-cell-padding: 0.5em 0.75em; -@table-cell-heading-color: @text-strong; - -@table-head-cell-border-width: 0 0 2px; -@table-head-cell-color: @text-strong; -@table-foot-cell-border-width: 2px 0 0; -@table-foot-cell-color: @text-strong; - -@table-row-hover-background-color: @white-bis; - -@table-row-active-background-color: @primary; -@table-row-active-color: @primary-invert; - -@table-striped-row-even-background-color: @white-bis; -@table-striped-row-even-hover-background-color: @white-ter; - -.table { - @extend %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; - @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; } } - &.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; } } } } - &.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-row-hover-background-color; - &:nth-child(even) { - 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 { - @extend %block; - .overflow-touch; - overflow: auto; - overflow-y: hidden; - max-width: 100%; } - diff --git a/dist/less/elements/tag.less b/dist/less/elements/tag.less deleted file mode 100755 index 3af760b..0000000 --- a/dist/less/elements/tag.less +++ /dev/null @@ -1,127 +0,0 @@ -@tag-background-color: @background; -@tag-color: @text; -@tag-radius: @radius; -@tag-delete-margin: 1px; - -.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; } - &.are-medium { - .tag:not(.is-normal):not(.is-large) { - font-size: @size-normal; } } - &.are-large { - .tag:not(.is-normal):not(.is-medium) { - font-size: @size-medium; } } - &.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; } } } - &.has-addons { - .tag { - margin-right: 0; - &:not(:first-child) { - margin-left: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - &:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 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; } - @each @name, @pair in @colors { - @color: nth(@pair, 1); - @color-invert: nth(@pair, 2); - &.is-@{@name} { - background-color: @color; - color: @color-invert; } } - &.is-normal { - font-size: @size-small; } - &.is-medium { - font-size: @size-normal; } - &.is-large { - font-size: @size-medium; } - .icon { - &:first-child:not(:last-child) { - margin-left: -0.375em; - margin-right: 0.1875em; } - &: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; } } - &.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/dist/less/elements/title.less b/dist/less/elements/title.less deleted file mode 100755 index b0e9d57..0000000 --- a/dist/less/elements/title.less +++ /dev/null @@ -1,63 +0,0 @@ -@title-color: @grey-darker; -@title-size: @size-3; -@title-weight: @weight-semibold; -@title-line-height: 1.125; -@title-strong-color: inherit; -@title-strong-weight: inherit; -@title-sub-size: 0.75em; -@title-sup-size: 0.75em; - -@subtitle-color: @grey-dark; -@subtitle-size: @size-5; -@subtitle-weight: @weight-normal; -@subtitle-line-height: 1.25; -@subtitle-strong-color: @grey-darker; -@subtitle-strong-weight: @weight-semibold; -@subtitle-negative-margin: -1.25rem; - -.title, -.subtitle { - @extend %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; } - @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; } - @each @size in @sizes { - @i: index(@sizes, @size); - &.is-@{@i} { - font-size: @size; } } } - diff --git a/dist/less/filters/1977.less b/dist/less/filters/1977.less deleted file mode 100644 index b144195..0000000 --- a/dist/less/filters/1977.less +++ /dev/null @@ -1,17 +0,0 @@ -.filter { - &.seventyseven { - position: relative; - filter: contrast(110%) brightness(110%) saturate(130%); - -webkit-filter: contrast(110%) brightness(110%) saturate(130%); - &::before { - content: ""; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - mix-blend-mode: screen; - background: rgba(243, 106, 188, 0.3); } } } - diff --git a/dist/less/filters/_all.less b/dist/less/filters/_all.less deleted file mode 100755 index c5ff35d..0000000 --- a/dist/less/filters/_all.less +++ /dev/null @@ -1,22 +0,0 @@ -@charset "utf-8"; - -@import "blur"; -@import "brightness"; -@import "contrast"; -@import "grayscale"; -@import "hue-rotate"; -@import "invert"; -@import "opacity"; -@import "saturate"; -@import "sepia"; -@import "1977"; -@import "aden"; -@import "amaro"; -@import "brannan"; -@import "brooklyn"; -@import "clarendon"; -@import "earlybird"; -@import "gingham"; -@import "hudson"; -@import "inkwell"; - diff --git a/dist/less/filters/aden.less b/dist/less/filters/aden.less deleted file mode 100644 index dd67124..0000000 --- a/dist/less/filters/aden.less +++ /dev/null @@ -1,18 +0,0 @@ -.filter { - &.aden { - position: relative; - filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg); - -webkit-filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg); - &::before { - content: ""; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - mix-blend-mode: darken; - background: linear-gradient(to right, rgba(66, 10, 14, 0.2), rgba(66, 10, 14, 0)); - background: -webkit-linear-gradient(to right, rgba(66, 10, 14, 0.2), rgba(66, 10, 14, 0)); } } } - diff --git a/dist/less/filters/amaro.less b/dist/less/filters/amaro.less deleted file mode 100644 index 8e018ff..0000000 --- a/dist/less/filters/amaro.less +++ /dev/null @@ -1,5 +0,0 @@ -.filter { - &.amaro { - filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg); - -webkit-filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg); } } - diff --git a/dist/less/filters/blur.less b/dist/less/filters/blur.less deleted file mode 100644 index 001bf36..0000000 --- a/dist/less/filters/blur.less +++ /dev/null @@ -1,10 +0,0 @@ -@blur-breakpoints: '1px', '2px', '3px', '4px', '5px', '6px', '7px', '8px', '9px', '10px'; - -.blur { - @each @breakpoint in @blur-breakpoints { - &.blur-@{@breakpoint} { - filter: blur(@breakpoint); } } } - -.filter { - .blur; } - diff --git a/dist/less/filters/brannan.less b/dist/less/filters/brannan.less deleted file mode 100644 index 07c7920..0000000 --- a/dist/less/filters/brannan.less +++ /dev/null @@ -1,17 +0,0 @@ -.filter { - &.brannan { - position: relative; - filter: contrast(140%) sepia(50%); - -webkit-filter: contrast(140%) sepia(50%); - &::before { - content: ""; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - mix-blend-mode: lighten; - background: rgba(161, 44, 199, 0.31); } } } - diff --git a/dist/less/filters/brightness.less b/dist/less/filters/brightness.less deleted file mode 100644 index 4a6ddb9..0000000 --- a/dist/less/filters/brightness.less +++ /dev/null @@ -1,10 +0,0 @@ -@brightness-breakpoints: 0, 10, 25, 40, 50, 60, 75, 110, 125, 150, 175, 200; - -.brightness { - @each @breakpoint in @brightness-breakpoints { - &.brightness-@{@breakpoint} { - filter: unquote("brightness(@{@breakpoint}%)"); } } } - -.filter { - .brightness; } - diff --git a/dist/less/filters/brooklyn.less b/dist/less/filters/brooklyn.less deleted file mode 100644 index cc3a2d4..0000000 --- a/dist/less/filters/brooklyn.less +++ /dev/null @@ -1,18 +0,0 @@ -.filter { - &.brooklyn { - position: relative; - filter: contrast(90%) brightness(110%); - -webkit-filter: contrast(90%) brightness(110%); - &::before { - content: ""; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - mix-blend-mode: overlay; - background: -webkit-radial-gradient(circle closest-corner, rgba(168, 223, 193, 0.4), rgba(183, 196, 200, 0.2)); - background: radial-gradient(circle closest-corner, rgba(168, 223, 193, 0.4), rgba(183, 196, 200, 0.2)); } } } - diff --git a/dist/less/filters/clarendon.less b/dist/less/filters/clarendon.less deleted file mode 100644 index 3fe2e0e..0000000 --- a/dist/less/filters/clarendon.less +++ /dev/null @@ -1,17 +0,0 @@ -.filter { - &.clarendon { - position: relative; - filter: contrast(120%) saturate(125%); - -webkit-filter: contrast(120%) saturate(125%); - &::before { - content: ""; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - mix-blend-mode: overlay; - background: rgba(127, 187, 227, 0.2); } } } - diff --git a/dist/less/filters/contrast.less b/dist/less/filters/contrast.less deleted file mode 100644 index 7ccb548..0000000 --- a/dist/less/filters/contrast.less +++ /dev/null @@ -1,10 +0,0 @@ -@contrast-breakpoints: 0, 10, 25, 40, 50, 60, 75, 110, 125, 150, 175, 200; - -.contrast { - @each @breakpoint in @contrast-breakpoints { - &.contrast-@{@breakpoint} { - filter: unquote("contrast(@{@breakpoint}%)"); } } } - -.filter { - .contrast; } - diff --git a/dist/less/filters/earlybird.less b/dist/less/filters/earlybird.less deleted file mode 100644 index 7ad566b..0000000 --- a/dist/less/filters/earlybird.less +++ /dev/null @@ -1,18 +0,0 @@ -.filter { - &.earlybird { - position: relative; - filter: contrast(90%) sepia(20%); - -webkit-filter: contrast(90%) sepia(20%); - &::before { - content: ""; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - mix-blend-mode: overlay; - background: -webkit-radial-gradient(circle closest-corner, rgba(208, 186, 142, 1), rgba(29, 2, 16, 0.2)); - background: radial-gradient(circle closest-corner, rgba(208, 186, 142, 1), rgba(29, 2, 16, 0.2)); } } } - diff --git a/dist/less/filters/gingham.less b/dist/less/filters/gingham.less deleted file mode 100644 index 6cbc6ce..0000000 --- a/dist/less/filters/gingham.less +++ /dev/null @@ -1,18 +0,0 @@ -.filter { - &.gingham { - position: relative; - filter: brightness(105%) hue-rotate(350deg); - -webkit-filter: brightness(105%) hue-rotate(350deg); - &::before { - content: ""; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - mix-blend-mode: darken; - background: -webkit-linear-gradient(to right, rgba(66, 10, 14, 0.2), rgba(0, 0, 0, 0)); - background: linear-gradient(to right, rgba(66, 10, 14, 0.2), rgba(0, 0, 0, 0)); } } } - diff --git a/dist/less/filters/grayscale.less b/dist/less/filters/grayscale.less deleted file mode 100644 index 43816e2..0000000 --- a/dist/less/filters/grayscale.less +++ /dev/null @@ -1,12 +0,0 @@ -@grayscale-breakpoints: 0, 10, 25, 40, 50, 60, 75, 100; - -.grayscale { - @each @breakpoint in @grayscale-breakpoints { - &.grayscale-@{@breakpoint} { - filter: unquote("grayscale(@{@breakpoint}%)"); } } } - -.filter { - .grayscale; - &.grayscale { - filter: unquote("grayscale(100%)"); } } - diff --git a/dist/less/filters/hudson.less b/dist/less/filters/hudson.less deleted file mode 100644 index 21ad571..0000000 --- a/dist/less/filters/hudson.less +++ /dev/null @@ -1,18 +0,0 @@ -.filter { - &.hudson { - position: relative; - filter: contrast(90%) brightness(120%) saturate(110%); - -webkit-filter: contrast(90%) brightness(120%) saturate(110%); - &::before { - content: ""; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - mix-blend-mode: darken; - background: -webkit-radial-gradient(circle closest-corner, rgba(255, 177, 166, 1), rgba(52, 33, 52, 1)); - background: radial-gradient(circle closest-corner, rgba(255, 177, 166, 1), rgba(52, 33, 52, 1)); } } } - diff --git a/dist/less/filters/hue-rotate.less b/dist/less/filters/hue-rotate.less deleted file mode 100644 index 48b4c68..0000000 --- a/dist/less/filters/hue-rotate.less +++ /dev/null @@ -1,10 +0,0 @@ -@hue-rotate-breakpoints: 0, 30, 45, 60, 90, 120, 135, 150, 180, 210, 225, 240, 270, 300, 315, 330; - -.hue-rotate { - @each @breakpoint in @hue-rotate-breakpoints { - &.hue-rotate-@{@breakpoint} { - filter: hue-rotate(@{@breakpoint}deg); } } } - -.filter { - .hue-rotate; } - diff --git a/dist/less/filters/inkwell.less b/dist/less/filters/inkwell.less deleted file mode 100644 index 6d06bfd..0000000 --- a/dist/less/filters/inkwell.less +++ /dev/null @@ -1,6 +0,0 @@ -.filter { - &.inkwell { - position: relative; - filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%); - -webkit-filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%); } } - diff --git a/dist/less/filters/invert.less b/dist/less/filters/invert.less deleted file mode 100644 index 8bcd829..0000000 --- a/dist/less/filters/invert.less +++ /dev/null @@ -1,10 +0,0 @@ -@invert-breakpoints: 0, 10, 25, 40, 50, 60, 75, 100; - -.invert { - @each @breakpoint in @invert-breakpoints { - &.invert-@{@breakpoint} { - filter: unquote("invert(@{@breakpoint}%)"); } } } - -.filter { - .invert; } - diff --git a/dist/less/filters/opacity.less b/dist/less/filters/opacity.less deleted file mode 100644 index ac88e43..0000000 --- a/dist/less/filters/opacity.less +++ /dev/null @@ -1,10 +0,0 @@ -@opacity-breakpoints: 0, 10, 25, 40, 50, 60, 75, 100; - -.opacity { - @each @breakpoint in @opacity-breakpoints { - &.opacity-@{@breakpoint} { - filter: unquote("opacity(@{@breakpoint}%)"); } } } - -.filter { - .opacity; } - diff --git a/dist/less/filters/saturate.less b/dist/less/filters/saturate.less deleted file mode 100644 index 18cbc62..0000000 --- a/dist/less/filters/saturate.less +++ /dev/null @@ -1,10 +0,0 @@ -@saturate-breakpoints: 0, 10, 25, 40, 50, 60, 75, 110, 125, 150, 175, 200, 300, 400, 500; - -.saturate { - @each @breakpoint in @saturate-breakpoints { - &.saturate-@{@breakpoint} { - filter: unquote("saturate(@{@breakpoint}%)"); } } } - -.filter { - .saturate; } - diff --git a/dist/less/filters/sepia.less b/dist/less/filters/sepia.less deleted file mode 100644 index 06b32a1..0000000 --- a/dist/less/filters/sepia.less +++ /dev/null @@ -1,10 +0,0 @@ -@sepia-breakpoints: 0, 10, 25, 40, 50, 60, 75, 100; - -.sepia { - @each @breakpoint in @sepia-breakpoints { - &.sepia-@{@breakpoint} { - filter: unquote("sepia(@{@breakpoint}%)"); } } } - -.filter { - .sepia; } - diff --git a/dist/less/grid/_all.less b/dist/less/grid/_all.less deleted file mode 100755 index 0e56371..0000000 --- a/dist/less/grid/_all.less +++ /dev/null @@ -1,5 +0,0 @@ -@charset "utf-8"; - -@import "columns"; -@import "tiles"; - diff --git a/dist/less/grid/columns.less b/dist/less/grid/columns.less deleted file mode 100755 index 0999f9d..0000000 --- a/dist/less/grid/columns.less +++ /dev/null @@ -1,502 +0,0 @@ -@column-gap: 0.75rem; - -.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}); } - &.is-centered { - justify-content: center; } - &.is-gapless { - margin-left: 0; - margin-right: 0; - margin-top: 0; - & > .column { - margin: 0; - padding: 0; } - &: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; } - .tablet { - &:not(.is-desktop) { - display: flex; } } - .desktop { - &.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}; } - .mobile { - &.is-@{@i}-mobile { - --columnGap: @{@i * 0.25rem}; } } - .tablet { - &.is-@{@i}-tablet { - --columnGap: @{@i * 0.25rem}; } } - .tablet-only { - &.is-@{@i}-tablet-only { - --columnGap: @{@i * 0.25rem}; } } - .touch { - &.is-@{@i}-touch { - --columnGap: @{@i * 0.25rem}; } } - .desktop { - &.is-@{@i}-desktop { - --columnGap: @{@i * 0.25rem}; } } - .desktop-only { - &.is-@{@i}-desktop-only { - --columnGap: @{@i * 0.25rem}; } } - .widescreen { - &.is-@{@i}-widescreen { - --columnGap: @{@i * 0.25rem}; } } - .widescreen-only { - &.is-@{@i}-widescreen-only { - --columnGap: @{@i * 0.25rem}; } } - .fullhd { - &.is-@{@i}-fullhd { - --columnGap: @{@i * 0.25rem}; } } } } } - diff --git a/dist/less/grid/tiles.less b/dist/less/grid/tiles.less deleted file mode 100755 index 4bd6e30..0000000 --- a/dist/less/grid/tiles.less +++ /dev/null @@ -1,31 +0,0 @@ -.tile { - align-items: stretch; - display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - min-height: min-content; - &.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; } - &.is-parent { - padding: 0.75rem; } - &.is-vertical { - flex-direction: column; - & > .tile.is-child:not(:last-child) { - margin-bottom: 1.5rem; } } - .tablet { - &:not(.is-child) { - display: flex; } - @for @i from 1 through 12 { - &.is-@{@i} { - flex: none; - width: (@i / 12) * 100%; } } } } - diff --git a/dist/less/layout/_all.less b/dist/less/layout/_all.less deleted file mode 100755 index b5f83b3..0000000 --- a/dist/less/layout/_all.less +++ /dev/null @@ -1,6 +0,0 @@ -@charset "utf-8"; - -@import "hero"; -@import "section"; -@import "footer"; - diff --git a/dist/less/layout/footer.less b/dist/less/layout/footer.less deleted file mode 100755 index 19f4916..0000000 --- a/dist/less/layout/footer.less +++ /dev/null @@ -1,6 +0,0 @@ -@footer-background-color: @white-bis; - -.footer { - background-color: @footer-background-color; - padding: 3rem 1.5rem 6rem; } - diff --git a/dist/less/layout/hero.less b/dist/less/layout/hero.less deleted file mode 100755 index c751ed5..0000000 --- a/dist/less/layout/hero.less +++ /dev/null @@ -1,137 +0,0 @@ - -.hero { - align-items: stretch; - display: flex; - flex-direction: column; - justify-content: space-between; - .navbar { - background: none; } - .tabs { - ul { - border-bottom: none; } } - @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; } } } } - &.is-bold { - #gradient > .top-left: darken(saturate(spin(@color, -10deg), 10%), 10%); - #gradient > .bottom-right: lighten(saturate(spin(@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%); } } } } } - &.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, - &.is-fullheight-with-navbar { - .hero-body { - align-items: center; - display: flex; - & > .container { - flex-grow: 1; - flex-shrink: 1; } } } - &.is-halfheight { - min-height: 50vh; } - &.is-fullheight { - min-height: 100vh; } - &.is-fullheight-with-navbar { - min-height: calc(100vh - @{@navbar-height}); } } - - -.hero-video { - @extend %overlay; - overflow: hidden; - video { - left: 50%; - min-height: 100%; - min-width: 100%; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); } - &.is-transparent { - opacity: 0.3; } - .mobile { - display: none; } } - -.hero-buttons { - margin-top: 1.5rem; - .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; } } } - - -.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/dist/less/layout/section.less b/dist/less/layout/section.less deleted file mode 100755 index 601ca43..0000000 --- a/dist/less/layout/section.less +++ /dev/null @@ -1,12 +0,0 @@ -@section-padding: 3rem 1.5rem; -@section-padding-medium: 9rem 1.5rem; -@section-padding-large: 18rem 1.5rem; - -.section { - padding: @section-padding; - .desktop { - &.is-medium { - padding: @section-padding-medium; } - &.is-large { - padding: @section-padding-large; } } } - diff --git a/dist/less/utilities/_all.less b/dist/less/utilities/_all.less deleted file mode 100755 index 4f1c919..0000000 --- a/dist/less/utilities/_all.less +++ /dev/null @@ -1,9 +0,0 @@ -@charset "utf-8"; - -@import "initial-variables"; -@import "functions"; -@import "derived-variables"; -@import "animations"; -@import "mixins"; -@import "controls"; - diff --git a/dist/less/utilities/animations.less b/dist/less/utilities/animations.less deleted file mode 100755 index eda2397..0000000 --- a/dist/less/utilities/animations.less +++ /dev/null @@ -1,6 +0,0 @@ -@keyframes spinAround { - from { - transform: rotate(0deg); } - to { - transform: rotate(359deg); } } - diff --git a/dist/less/utilities/controls.less b/dist/less/utilities/controls.less deleted file mode 100755 index 7db0239..0000000 --- a/dist/less/utilities/controls.less +++ /dev/null @@ -1,48 +0,0 @@ -@control-radius: @radius; -@control-radius-small: @radius-small; - -@control-border-width: 1px; - -@control-height: 2.25em; -@control-line-height: 1.5; - -@control-padding-vertical: calc(0.375em - @{@control-border-width}); -@control-padding-horizontal: calc(0.625em - @{@control-border-width}); - -.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: @control-height; - justify-content: flex-start; - line-height: @control-line-height; - 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; - &:focus, - &.is-focused, - &:active, - &.is-active { - outline: none; } - &[disabled] { - cursor: not-allowed; } } - -%control { - .control; } - -.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/dist/less/utilities/derived-variables.less b/dist/less/utilities/derived-variables.less deleted file mode 100755 index f997428..0000000 --- a/dist/less/utilities/derived-variables.less +++ /dev/null @@ -1,78 +0,0 @@ -@primary: @turquoise; - -@info: @cyan; -@success: @green; -@warning: @yellow; -@danger: @red; - -@light: @white-ter; -@dark: @grey-darker; - - -@orange-invert: findColorInvert(@orange); -@yellow-invert: findColorInvert(@yellow); -@green-invert: findColorInvert(@green); -@turquoise-invert: findColorInvert(@turquoise); -@cyan-invert: findColorInvert(@cyan); -@blue-invert: findColorInvert(@blue); -@purple-invert: findColorInvert(@purple); -@red-invert: findColorInvert(@red); - -@primary-invert: @turquoise-invert; -@info-invert: @cyan-invert; -@success-invert: @green-invert; -@warning-invert: @yellow-invert; -@danger-invert: @red-invert; -@light-invert: @dark; -@dark-invert: @light; - - -@background: @white-ter; - -@border: @grey-lighter; -@border-hover: @grey-light; - - -@text: @grey-dark; -@text-invert: findColorInvert(@text); -@text-light: @grey; -@text-strong: @grey-darker; - - -@code: @red; -@code-background: @background; - -@pre: @text; -@pre-background: @background; - - -@link: @blue; -@link-invert: @blue-invert; -@link-visited: @purple; - -@link-hover: @grey-darker; -@link-hover-border: @grey-light; - -@link-focus: @grey-darker; -@link-focus-border: @blue; - -@link-active: @grey-darker; -@link-active-border: @grey-dark; - - -@family-primary: @family-sans-serif; -@family-code: @family-monospace; - -@size-small: @size-7; -@size-normal: @size-6; -@size-medium: @size-5; -@size-large: @size-4; - -@custom-colors: null; -@custom-shades: null; - -@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); -@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); - -@sizes: @size-1 @size-2 @size-3 @size-4 @size-5 @size-6 @size-7; - diff --git a/dist/less/utilities/functions.less b/dist/less/utilities/functions.less deleted file mode 100755 index 1007a49..0000000 --- a/dist/less/utilities/functions.less +++ /dev/null @@ -1,54 +0,0 @@ -@function mergeColorMaps(@coco-colors, @custom-colors) { - @merged-colors: @coco-colors; - - @if type-of(@custom-colors) == 'map' { - @each @name, @components in @custom-colors { - @if type-of(@name) == 'string' and (type-of(@components) == 'list' or type-of(@components) == 'color') and length(@components) >= 1 { - @color-base: null; - - @if type-of(@components) == 'color' { - @color-base: @components; } - @else if type-of(@components) == 'list' { - @color-base: nth(@components, 1); } - - @color-invert: null; - @if length(@components) > 1 { - @color-invert: nth(@components, 2); } - - @if type-of(@color-base) == 'color' { - @if type-of(@color-invert) != 'color' { - @color-invert: findColorInvert(@color-base); } - - @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/dist/less/utilities/initial-variables.less b/dist/less/utilities/initial-variables.less deleted file mode 100755 index 60c36d1..0000000 --- a/dist/less/utilities/initial-variables.less +++ /dev/null @@ -1,75 +0,0 @@ - -@black: hsl(0, 0%, 4%); -@black-bis: hsl(0, 0%, 7%); -@black-ter: hsl(0, 0%, 14%); - -@grey-darker: hsl(0, 0%, 21%); -@grey-dark: hsl(0, 0%, 29%); -@grey: hsl(0, 0%, 48%); -@grey-light: hsl(0, 0%, 71%); -@grey-lighter: hsl(0, 0%, 86%); - -@white-ter: hsl(0, 0%, 96%); -@white-bis: hsl(0, 0%, 98%); -@white: hsl(0, 0%, 100%); - -@orange: hsl(14, 100%, 53%); -@yellow: hsl(48, 100%, 67%); -@green: hsl(141, 71%, 48%); -@turquoise: hsl(171, 100%, 41%); -@cyan: hsl(204, 86%, 53%); -@blue: hsl(217, 71%, 53%); -@purple: hsl(271, 100%, 71%); -@red: hsl(348, 100%, 61%); - - -@family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; -@family-monospace: monospace; -@render-mode: optimizeLegibility; - -@size-1: 3rem; -@size-2: 2.5rem; -@size-3: 2rem; -@size-4: 1.5rem; -@size-5: 1.25rem; -@size-6: 1rem; -@size-7: 0.75rem; - -@weight-light: 300; -@weight-normal: 400; -@weight-medium: 500; -@weight-semibold: 600; -@weight-bold: 700; - - -@gap: 64px; -@tablet: 769px; -@desktop: 960px + (2 * @gap); -@widescreen: 1152px + (2 * @gap); -@widescreen-enabled: true; -@fullhd: 1344px + (2 * @gap); -@fullhd-enabled: true; - - -@easing: ease-out; -@radius-small: 2px; -@radius: 4px; -@radius-large: 6px; -@radius-rounded: 290486px; -@speed: 86ms; - - -@variable-columns: true; - - -@emoji-dimensions: 1rem; -@emoji-dimensions-small: .75rem; -@emoji-dimensions-medium: 1.5rem; -@emoji-dimensions-large: 2rem; - -@kaomojis: coco 'c⌾c⌾', star0-of-5 '☆☆☆☆☆', star1-of-5 '★☆☆☆☆', star2-of-5 '★★☆☆☆', star3-of-5 '★★★☆☆', star4-of-5 '★★★★☆', star5-of-5 '★★★★★', lenny '( ͡° ͜ʖ ͡°)', shrug '¯\_(ツ)_/¯', disapproval 'ಠ_ಠ', dunno '¯\(°_o)/¯', donger '༼ ºلº ༽', donger-raise 'ヽ༼ຈل͜ຈ༽ﾉ', happy 'ʘ‿ʘ', happy-square '【ツ】', nyancat '≋≋≋≋≋̯̫⌧̯̫(ˆ•̮ ̮•ˆ)', bear 'ʕ•ᴥ•ʔ'; -@kaomoji-dimensions: 1rem; -@kaomoji-dimensions-small: .75rem; -@kaomoji-dimensions-medium: 1.5rem; -@kaomoji-dimensions-large: 2rem; - diff --git a/dist/less/utilities/mixins.less b/dist/less/utilities/mixins.less deleted file mode 100755 index 22e099a..0000000 --- a/dist/less/utilities/mixins.less +++ /dev/null @@ -1,258 +0,0 @@ -@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); } - &.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; } } } - - -.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; } } } - - -.unselectable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -%unselectable { - .unselectable; } - -.arrow(@color: transparent) { - border: 3px solid @color; - 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 { - .arrow; } - -.block { - &:not(:last-child) { - margin-bottom: 1.5rem; } } - -%block { - .block; } - -.delete { - @extend %unselectable; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(@black, 0.2); - border: none; - border-radius: @radius-rounded; - cursor: pointer; - pointer-events: auto; - 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); } - &.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 { - .delete; } - -.loader { - animation: spinAround 500ms infinite linear; - border: 2px solid @grey-lighter; - border-radius: @radius-rounded; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; } - -%loader { - .loader; } - -.overlay(@offset: 0) { - bottom: @offset; - left: @offset; - position: absolute; - right: @offset; - top: @offset; } - -%overlay { - .overlay; } - diff --git a/docs/CNAME b/docs/CNAME deleted file mode 100644 index bbb13d0..0000000 --- a/docs/CNAME +++ /dev/null @@ -1 +0,0 @@ -cococss.com \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 1294573..c894e2e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,5 +1,5 @@ -Coco - v1.0.1

effects

css

.effect.chessboard

Since 1.0.0
Coco - v1.0.2
effects
css
.effect.chessboard
Since 1.0.0
.filter.saturate { ... }
Description
Saturates the image. 0% (0) will make the image completely un-saturated. 100% (100) is default and represents the original image. Values over 100% provides super-saturated results.
Links
.filter.sepia
Since 1.0.0
.filter.sepia { ... }
Description
Converts the image to sepia. 0% (0) is default and represents the original image. 100% (100) will make the image completely sepia.
Links
 Coco - v1.0.1 , under MIT
SassDoc Logo

\ No newline at end of file
+}" data-collapsed=".filter.sepia { ... }">.filter.sepia { ... }

Description

Converts the image to sepia. 0% (0) is default and represents the original image. 100% (100) will make the image completely sepia.

Links

Coco - v1.0.2 , under MIT
SassDoc Logo
\ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 0f21102..1ceb096 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,6 +1,5 @@ var gulp = require('gulp'); var sassdoc = require('sassdoc'); -var sass2less = require('gulp-sass-to-less'); var spawn = require("gulp-spawn"); var ext_replace = require('gulp-ext-replace'); @@ -36,12 +35,6 @@ gulp.task('scss-docs', function () { .pipe(gulp.dest('dist/docs/scss/')); }); -gulp.task('less', function () { - return gulp.src('dist/scss/**/*.scss') - .pipe(sass2less()) - .pipe(gulp.dest('dist/less/')); -}); - gulp.task('docs', function () { return gulp.src('dist/docs/scss/**/*.scss') .pipe(sassdoc({ diff --git a/package-lock.json b/package-lock.json index cb285ea..168f5b5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "coco", - "version": "0.1.3", + "version": "1.0.2", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -211,12 +211,6 @@ "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=", "dev": true }, - "array-differ": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz", - "integrity": "sha1-7/UuN1gknTO+QCuLuOVkuytdQDE=", - "dev": true - }, "array-each": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz", @@ -519,12 +513,6 @@ "tweetnacl": "^0.14.3" } }, - "beeper": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/beeper/-/beeper-1.1.1.tgz", - "integrity": "sha1-5tXqjF2tABMEpwsiY4RH9pyy+Ak=", - "dev": true - }, "binary-extensions": { "version": "1.12.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.12.0.tgz", @@ -1241,12 +1229,6 @@ "assert-plus": "^1.0.0" } }, - "dateformat": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-2.2.0.tgz", - "integrity": "sha1-QGXiATz5+5Ft39gu+1Bq1MZ2kGI=", - "dev": true - }, "debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", @@ -1413,41 +1395,6 @@ "is-obj": "^1.0.0" } }, - "duplexer2": { - "version": "0.0.2", - "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.0.2.tgz", - "integrity": "sha1-xhTc9n4vsUmVqRcR5aYX6KYKMds=", - "dev": true, - "requires": { - "readable-stream": "~1.1.9" - }, - "dependencies": { - "isarray": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", - "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=", - "dev": true - }, - "readable-stream": { - "version": "1.1.14", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", - "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.1", - "isarray": "0.0.1", - "string_decoder": "~0.10.x" - } - }, - "string_decoder": { - "version": "0.10.31", - "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", - "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=", - "dev": true - } - } - }, "duplexer3": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz", @@ -2887,51 +2834,6 @@ "through2": "~2.0.1" } }, - "gulp-sass-to-less": { - "version": "github:raisty/gulp-sass-to-less#88f9405add450b6bdb44dcbe472cb29d97c9e6bf", - "from": "github:raisty/gulp-sass-to-less#master", - "dev": true, - "requires": { - "gulp-util": "^3.0.4", - "through2": "^0.6.3" - }, - "dependencies": { - "isarray": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", - "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=", - "dev": true - }, - "readable-stream": { - "version": "1.0.34", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", - "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.1", - "isarray": "0.0.1", - "string_decoder": "~0.10.x" - } - }, - "string_decoder": { - "version": "0.10.31", - "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", - "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=", - "dev": true - }, - "through2": { - "version": "0.6.5", - "resolved": "http://registry.npmjs.org/through2/-/through2-0.6.5.tgz", - "integrity": "sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=", - "dev": true, - "requires": { - "readable-stream": ">=1.0.33-1 <1.1.0-0", - "xtend": ">=4.0.0 <4.1.0-0" - } - } - } - }, "gulp-sourcemaps": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/gulp-sourcemaps/-/gulp-sourcemaps-1.6.0.tgz", @@ -2986,94 +2888,6 @@ "plugin-error": "^1.0.1" } }, - "gulp-util": { - "version": "3.0.8", - "resolved": "https://registry.npmjs.org/gulp-util/-/gulp-util-3.0.8.tgz", - "integrity": "sha1-AFTh50RQLifATBh8PsxQXdVLu08=", - "dev": true, - "requires": { - "array-differ": "^1.0.0", - "array-uniq": "^1.0.2", - "beeper": "^1.0.0", - "chalk": "^1.0.0", - "dateformat": "^2.0.0", - "fancy-log": "^1.1.0", - "gulplog": "^1.0.0", - "has-gulplog": "^0.1.0", - "lodash._reescape": "^3.0.0", - "lodash._reevaluate": "^3.0.0", - "lodash._reinterpolate": "^3.0.0", - "lodash.template": "^3.0.0", - "minimist": "^1.1.0", - "multipipe": "^0.1.2", - "object-assign": "^3.0.0", - "replace-ext": "0.0.1", - "through2": "^2.0.0", - "vinyl": "^0.5.0" - }, - "dependencies": { - "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", - "dev": true - }, - "chalk": { - "version": "1.1.3", - "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", - "dev": true, - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - } - }, - "clone": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", - "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=", - "dev": true - }, - "clone-stats": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-0.0.1.tgz", - "integrity": "sha1-uI+UqCzzi4eR1YBG6kAprYjKmdE=", - "dev": true - }, - "object-assign": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-3.0.0.tgz", - "integrity": "sha1-m+3VygiXlJvKR+f/QIBi1Un1h/I=", - "dev": true - }, - "replace-ext": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz", - "integrity": "sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ=", - "dev": true - }, - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", - "dev": true - }, - "vinyl": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.5.3.tgz", - "integrity": "sha1-sEVbOPxeDPMNQyUTLkYZcMIJHN4=", - "dev": true, - "requires": { - "clone": "^1.0.0", - "clone-stats": "^0.0.1", - "replace-ext": "0.0.1" - } - } - } - }, "gulplog": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz", @@ -3114,15 +2928,6 @@ "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", "dev": true }, - "has-gulplog": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/has-gulplog/-/has-gulplog-0.1.0.tgz", - "integrity": "sha1-ZBTIKRNpfaUVkDl9r7EvIpZ4Ec4=", - "dev": true, - "requires": { - "sparkles": "^1.0.0" - } - }, "has-symbols": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz", @@ -3809,12 +3614,6 @@ "lodash.isobject": "~2.4.1" } }, - "lodash._basecopy": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz", - "integrity": "sha1-jaDmqHbPNEwK2KVIghEd08XHyjY=", - "dev": true - }, "lodash._basecreate": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/lodash._basecreate/-/lodash._basecreate-2.4.1.tgz", @@ -3850,18 +3649,6 @@ "lodash.isobject": "~2.4.1" } }, - "lodash._basetostring": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/lodash._basetostring/-/lodash._basetostring-3.0.1.tgz", - "integrity": "sha1-0YYdh3+CSlL2aYMtyvPuFVZqB9U=", - "dev": true - }, - "lodash._basevalues": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/lodash._basevalues/-/lodash._basevalues-3.0.0.tgz", - "integrity": "sha1-W3dXYoAr3j0yl1A+JjAIIP32Ybc=", - "dev": true - }, "lodash._createwrapper": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/lodash._createwrapper/-/lodash._createwrapper-2.4.1.tgz", @@ -3874,18 +3661,6 @@ "lodash.isfunction": "~2.4.1" } }, - "lodash._getnative": { - "version": "3.9.1", - "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz", - "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=", - "dev": true - }, - "lodash._isiterateecall": { - "version": "3.0.9", - "resolved": "https://registry.npmjs.org/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz", - "integrity": "sha1-UgOte6Ql+uhCRg5pbbnPPmqsBXw=", - "dev": true - }, "lodash._isnative": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/lodash._isnative/-/lodash._isnative-2.4.1.tgz", @@ -3898,30 +3673,6 @@ "integrity": "sha1-fAt/admKH3ZSn4kLDNsbTf7BHBE=", "dev": true }, - "lodash._reescape": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/lodash._reescape/-/lodash._reescape-3.0.0.tgz", - "integrity": "sha1-Kx1vXf4HyKNVdT5fJ/rH8c3hYWo=", - "dev": true - }, - "lodash._reevaluate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/lodash._reevaluate/-/lodash._reevaluate-3.0.0.tgz", - "integrity": "sha1-WLx0xAZklTrgsSTYBpltrKQx4u0=", - "dev": true - }, - "lodash._reinterpolate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz", - "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=", - "dev": true - }, - "lodash._root": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/lodash._root/-/lodash._root-3.0.1.tgz", - "integrity": "sha1-+6HEUkwZ7ppfgTa0YJ8BfPTe1pI=", - "dev": true - }, "lodash._setbinddata": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/lodash._setbinddata/-/lodash._setbinddata-2.4.1.tgz", @@ -3981,33 +3732,12 @@ "integrity": "sha1-nMtOUF1Ia5FlE0V3KIWi3yf9AXw=", "dev": true }, - "lodash.escape": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-3.2.0.tgz", - "integrity": "sha1-mV7g3BjBtIzJLv+ucaEKq1tIdpg=", - "dev": true, - "requires": { - "lodash._root": "^3.0.0" - } - }, "lodash.identity": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/lodash.identity/-/lodash.identity-2.4.1.tgz", "integrity": "sha1-ZpTP+mX++TH3wxzobHRZfPVg9PE=", "dev": true }, - "lodash.isarguments": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz", - "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=", - "dev": true - }, - "lodash.isarray": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz", - "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=", - "dev": true - }, "lodash.isequal": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz", @@ -4029,17 +3759,6 @@ "lodash._objecttypes": "~2.4.1" } }, - "lodash.keys": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz", - "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=", - "dev": true, - "requires": { - "lodash._getnative": "^3.0.0", - "lodash.isarguments": "^3.0.0", - "lodash.isarray": "^3.0.0" - } - }, "lodash.mergewith": { "version": "4.6.1", "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz", @@ -4052,12 +3771,6 @@ "integrity": "sha1-T7VPgWZS5a4Q6PcvcXo4jHMmU4o=", "dev": true }, - "lodash.restparam": { - "version": "3.6.1", - "resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz", - "integrity": "sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU=", - "dev": true - }, "lodash.support": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/lodash.support/-/lodash.support-2.4.1.tgz", @@ -4067,33 +3780,6 @@ "lodash._isnative": "~2.4.1" } }, - "lodash.template": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-3.6.2.tgz", - "integrity": "sha1-+M3sxhaaJVvpCYrosMU9N4kx0U8=", - "dev": true, - "requires": { - "lodash._basecopy": "^3.0.0", - "lodash._basetostring": "^3.0.0", - "lodash._basevalues": "^3.0.0", - "lodash._isiterateecall": "^3.0.0", - "lodash._reinterpolate": "^3.0.0", - "lodash.escape": "^3.0.0", - "lodash.keys": "^3.0.0", - "lodash.restparam": "^3.0.0", - "lodash.templatesettings": "^3.0.0" - } - }, - "lodash.templatesettings": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-3.1.1.tgz", - "integrity": "sha1-+zB4RHU7Zrnxr6VOJix0UwfbqOU=", - "dev": true, - "requires": { - "lodash._reinterpolate": "^3.0.0", - "lodash.escape": "^3.0.0" - } - }, "lodash.uniq": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz", @@ -4381,15 +4067,6 @@ "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", "dev": true }, - "multipipe": { - "version": "0.1.2", - "resolved": "http://registry.npmjs.org/multipipe/-/multipipe-0.1.2.tgz", - "integrity": "sha1-Ko8t33Du1WTf8tV/HhoTfZ8FB4s=", - "dev": true, - "requires": { - "duplexer2": "0.0.2" - } - }, "mute-stdout": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/mute-stdout/-/mute-stdout-1.0.1.tgz", diff --git a/package.json b/package.json index 1f9de62..45c3c5c 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coco", - "version": "1.0.1", + "version": "1.0.2", "homepage": "https://cococss.com", "author": { "name": "Raisty" @@ -30,7 +30,6 @@ "copyfiles": "^2.1.0", "gulp": "latest", "gulp-ext-replace": "^0.3.0", - "gulp-sass-to-less": "raisty/gulp-sass-to-less#master", "gulp-spawn": "^0.4.4", "node-sass": "^4.8.3", "postcss-cli": "^5.0.0", @@ -38,7 +37,7 @@ "sassdoc": "latest" }, "scripts": { - "build": "npm run build-clean && npm run build-css && npm run build-autoprefix && npm run build-cleancss && npm run build-scss && npm run build-less", + "build": "npm run build-clean && npm run build-css && npm run build-autoprefix && npm run build-cleancss && npm run build-scss", "build-autoprefix": "postcss --use autoprefixer --map false --output dist/css/coco.css dist/css/coco.css", "build-cleancss": "cleancss -o dist/css/coco.min.css dist/css/coco.css", "build-clean": "rimraf css", @@ -46,7 +45,6 @@ "build-docs": "gulp scss-docs && gulp docs && rm -rf dist/docs", "build-sass": "copyfiles 'style/**/*.sass' 'dist/sass'", "build-scss": "gulp scss", - "build-less": "gulp less", "compress": "VER=$(echo $npm_package_version | sed s/[.]/-/g) && mv dist coco-v$npm_package_version && zip -r coco-v$VER.zip coco-v$npm_package_version && mv coco-v$npm_package_version dist", "deploy": "npm run build", "start": "npm run build-css -- --watch",