beyond_canvas 0.12.0.pre → 0.15.1.pre

data/app/assets/javascripts/beyond_canvas.js

@@ -1,3 +0,0 @@
-//= require beyond_canvas/buttons
-//= require beyond_canvas/flash
-//= require beyond_canvas/inputs

data/app/assets/javascripts/beyond_canvas/inputs.js

@@ -1,28 +0,0 @@
-(function($) {
-  $(document).on('ready page:load turbolinks:load', function() {
-    $('input[type="file"]').each(function() {
-      var $input = $(this),
-          $label = $(`.input__file__text.${$input.attr('id')}`),
-          labelVal = $label.html();
-
-      $input.on('change', function(e) {
-        var fileName = '';
-
-        if (this.files && this.files.length > 1)
-          fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
-        else if (e.target.value)
-          fileName = e.target.value.split('\\').pop();
-
-        if (fileName)
-          $label.html(`<i class="far fa-file input__file__icon"></i>${fileName}`);
-        else
-          $label.html(labelVal);
-      });
-
-      // Firefox bug fix
-      $input
-        .on('focus', function() { $input.addClass('has-focus'); })
-        .on('blur', function() { $input.removeClass('has-focus'); });
-    });
-  });
-})(jQuery);

data/app/assets/stylesheets/beyond_canvas.sass

@@ -1,25 +0,0 @@
-@import 'bourbon'
-
-@import 'beyond_canvas/settings/variables'
-@import 'beyond_canvas/settings/reset_css'
-@import 'beyond_canvas/settings/typography'
-
-@import 'beyond_canvas/utilities/mixins'
-
-@import 'beyond_canvas/components/actions'
-@import 'beyond_canvas/components/buttons'
-@import 'beyond_canvas/components/cards'
-@import 'beyond_canvas/components/comments'
-@import 'beyond_canvas/components/flash'
-@import 'beyond_canvas/components/forms'
-@import 'beyond_canvas/components/inputs'
-@import 'beyond_canvas/components/layouts'
-@import 'beyond_canvas/components/links'
-@import 'beyond_canvas/components/main'
-@import 'beyond_canvas/components/margins'
-@import 'beyond_canvas/components/notices'
-@import 'beyond_canvas/components/relative'
-@import 'beyond_canvas/components/tables'
-@import 'beyond_canvas/components/spinner'
-@import 'beyond_canvas/components/texts'
-@import 'beyond_canvas/components/markdown'

data/app/assets/stylesheets/beyond_canvas/components/_actions.sass

@@ -1,5 +0,0 @@
-.actions
-
-  &--disabled
-    cursor: not-allowed
-    pointer-events: none

data/app/assets/stylesheets/beyond_canvas/components/_buttons.sass

@@ -1,86 +0,0 @@
-%button
-  +padding($button-padding)
-  @if $button-box-shadow != true
-    padding-top: 7px
-  align-items: center
-  border-radius: $button-border-radius
-  border-width: 1px
-  border-style: solid
-  cursor: pointer
-  display: flex
-  font-weight: $button-font-weight
-  justify-content: flex-end
-  line-height: 1
-  outline: none
-  transition: $main-transition
-
-@mixin button-solid($background, $color)
-  +background-color-darken($background, 10%)
-  color: $color
-
-  .spinner
-    display: none
-
-    > div
-      background-color: $color
-
-  &:hover
-    border-color: darken($background, 10%)
-
-@mixin button-transparent($background)
-  background-color: transparent
-  border-color: $background
-  color: $background
-
-  .spinner
-    display: none
-
-    > div
-      background-color: $background
-
-  &:hover
-    background-color: lighten($background, 40%)
-
-@mixin button-border($background)
-  border-color: $background
-
-  @if $button-box-shadow == true
-    border-bottom-width: 2px
-    border-bottom-color: darken($background, 10%)
-
-
-.button
-
-  &__solid
-
-    &--primary
-      @extend %button
-      +button-solid($button-primary-background, $button-primary-color)
-      +button-border($button-primary-background)
-
-    &--secondary
-      @extend %button
-      +button-solid($button-secondary-background, $button-secondary-color)
-      +button-border($button-secondary-background)
-
-    &--danger
-      @extend %button
-      +button-solid($button-danger-background, $button-danger-color)
-      +button-border($button-danger-background)
-
-  &__transparent
-
-    &--primary
-      @extend %button
-      +button-transparent($button-primary-background)
-      +button-border($button-primary-background)
-
-    &--secondary
-      @extend %button
-      +button-transparent($button-secondary-background)
-      +button-border($button-secondary-background)
-
-    &--danger
-      @extend %button
-      +button-transparent($button-danger-background)
-      +button-border($button-danger-background)

data/app/assets/stylesheets/beyond_canvas/components/_cards.sass

@@ -1,26 +0,0 @@
-.card
-  background: $white
-  border-radius: $card-border-radius
-  box-shadow: $card-box-shadow
-
-  &:not(:last-child)
-    margin-bottom: $card-margin
-
-  &--relative
-    position: relative
-
-  &--padding
-    +padding($card-padding)
-    box-sizing: border-box
-
-  &__separator
-    +margin($card-separator-spacing null)
-    border-bottom: 1px solid $card-separator-color
-    left: -#{$card-padding}
-    position: relative
-    width: calc(100% + 2 * #{$card-padding})
-
-  &__headline
-    color: $card-title-color
-    font-size: 20px
-    margin-bottom: 20px

data/app/assets/stylesheets/beyond_canvas/components/_comments.sass

@@ -1,5 +0,0 @@
-.comment
-  padding: 20px
-  box-sizing: border-box
-  background: $comment-background
-  color: $comment-color

data/app/assets/stylesheets/beyond_canvas/components/_flash.sass

@@ -1,51 +0,0 @@
-.flash
-  +position(fixed, 70px null null null)
-  background-color: $white
-  border-radius: $flash-border-radius
-  box-shadow: $flash-box-shadow
-  display: flex
-  overflow: hidden
-  transition: .7s linear
-  z-index: 9999
-
-  &--shown
-    // sass-lint:disable no-important
-    right: 25px !important
-    // sass-lint:enable no-important
-    transition: .4s linear
-
-  &__icon
-    align-items: center
-    box-sizing: border-box
-    color: $white
-    display: flex
-    font-size: 18px
-    justify-content: center
-    min-width: 34px
-    padding: 11px 8px
-
-    &--success
-      background-color: $flash-success
-
-    &--info
-      background-color: $flash-info
-
-    &--warning
-      background-color: $flash-warning
-
-    &--error
-      background-color: $flash-error
-
-  &__message
-    +padding(10px 15px)
-    box-sizing: border-box
-    color: $flash-color
-
-  &__close
-    +padding(10px 15px)
-    align-items: center
-    box-sizing: border-box
-    color: $flash-color
-    cursor: pointer
-    display: flex
-    font-size: 10px

data/app/assets/stylesheets/beyond_canvas/components/_forms.sass

@@ -1,32 +0,0 @@
-%form__actions
-  align-items: center
-  display: flex
-
-.form
-
-  &__row,
-  &__actions
-    width: 100%
-
-    &:not(:last-child)
-      margin-bottom: 30px
-
-  &__actions
-
-    &--spaced
-      @extend %form__actions
-      justify-content: space-between
-
-    &--left
-      @extend %form__actions
-      justify-content: flex-start
-
-      *:not(:last-child)
-        margin-right: 30px
-
-    &--right
-      @extend %form__actions
-      justify-content: flex-end
-
-      *:not(:first-child)
-        margin-left: 30px

data/app/assets/stylesheets/beyond_canvas/components/_inputs.sass

@@ -1,79 +0,0 @@
-#{$all-text-inputs},
-select
-  background-color: $white
-  border: 1px solid $input-border-color
-  border-radius: 3px
-  box-sizing: border-box
-  outline: none
-  padding: 6px 8px
-  width: 100%
-
-#{$all-text-inputs}
-  line-height: 1
-
-#{$all-text-inputs-focus},
-select:focus
-  border-color: $input-border-color-focus
-
-select
-  +prefixer(appearance, none, ('webkit', 'moz'))
-  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, $input-border-color, $input-border-color)
-  background-position: calc(100% - 19px) calc(1em + -1px), calc(100% - 15px) calc(1em + -1px), calc(100% - 2.5em) 0.5em
-  background-size: 4px 4px, 4px 4px, 0 0
-  background-repeat: no-repeat
-
-#{$all-text-inputs},
-select
-
-  &.input__error
-    border-left: 2px solid $input-errors-color
-
-    &:focus
-      border: 1px solid $input-border-color-focus
-
-.input
-
-  &__label
-    color: $label-color
-    display: block
-    font-size: 13px
-    font-weight: bold
-
-  &__hint
-    color: $hint-color
-    font-size: 13px
-    margin-top: 1px
-
-  &__file
-    display: flex
-    align-items: center
-
-    &__label
-      display: inline-block
-
-    &__text
-      margin-left: 20px
-      font-weight: 500
-
-    &__icon
-      margin-right: 5px
-      position: relative
-      top: 1px
-
-
-  // &__with-error
-  //   border-left: 2px solid $input-errors-color
-
-label.input__error
-    +padding(5px 7px)
-    +position(absolute, calc(100% + 8px) null null 0)
-    background-color: $input-errors-color
-    border-radius: 3px
-    color: $white
-    font-size: 13px
-    z-index: 1
-
-    &::before
-      +position(absolute, null null 100% 8px)
-      +triangle('up', 12px, 6px, $input-errors-color)
-      content: ''

data/app/assets/stylesheets/beyond_canvas/components/_layouts.sass

@@ -1,5 +0,0 @@
-.body--public
-
-  .select--locale
-    +position(absolute, 40px 40px null null)
-    width: 200px

data/app/assets/stylesheets/beyond_canvas/components/_links.sass

@@ -1,13 +0,0 @@
-.link
-
-  &__icon
-    margin-right: 10px
-
-  &--primary
-    +color-darken($link-primary-color, 10%)
-
-  &--secondary
-    +color-darken($link-secondary-color, 10%)
-
-  &--danger
-    +color-darken($link-danger-color, 10%)

data/app/assets/stylesheets/beyond_canvas/components/_main.sass

@@ -1,28 +0,0 @@
-%body
-  background-color: $main-background
-
-.body--public
-  @extend %body
-
-  .main-wrapper
-    +margin(32px auto)
-    max-width: 531px
-    width: 94%
-
-    .logo
-      +margin($logo-margin-top-public auto $logo-margin-bottom-public)
-      display: block
-      width: 238px
-
-.body--single-page
-  @extend %body
-
-  .main-wrapper
-    +margin(32px auto)
-    max-width: 876px
-    width: 94%
-
-    .logo
-      +margin($logo-margin-top-public auto $logo-margin-bottom-public)
-      display: block
-      width: 238px

data/app/assets/stylesheets/beyond_canvas/components/_margins.sass

@@ -1,7 +0,0 @@
-.margin
-
-  &--top
-    margin-top: 30px
-
-  &--bottom
-    margin-bottom: 30px

data/app/assets/stylesheets/beyond_canvas/components/_markdown.sass

@@ -1,60 +0,0 @@
-.markdown
-
-  > :first-child
-    margin-top: 0 !important
-
-  > :last-child
-    margin-bottom: 0
-
-  > *:not(:last-child)
-    margin-bottom: 16px
-
-  h1, h2, h3, h4
-    margin-top: 24px
-
-  h1
-    font-size: 2em
-
-  h2
-    font-size: 1.5em
-
-  h3
-    font-size: 1.25em
-
-  h4
-    font-size: 1em
-
-  ul,
-  ol
-    padding-left: 2em
-
-    ul
-      margin-bottom: 0
-
-  table
-
-    thead
-      background-color: $markdown-table-head-background
-      font-weight: 700
-
-    thead,
-    tbody
-
-      tr
-
-        th,
-        td
-          border: 1px solid $markdown-table-border-color
-          padding: .4em .8em
-
-  blockquote
-    border-left: .25em solid $markdown-blockquote-border-color
-    color: $markdown-blockquote-font-color
-    padding: 0 1em
-
-  hr
-    background-color: $markdown-hr-background
-    border: 0
-    height: 4px
-    margin: 24px 0 !important
-    padding: 0