tenon 1.1.8 → 2.0.0

data/app/assets/stylesheets/tenon/layout/breakpoints.scss

@@ -1,48 +0,0 @@
-// define breakpoints
-$tn-bp-desktop: new-breakpoint(min-width 1400px 12);
-$tn-bp-laptop: new-breakpoint(min-width 960px 12);
-$tn-bp-tablet: new-breakpoint(min-width 768px 12);
-$tn-bp-mobile: new-breakpoint(max-width 767px 12);
-$max-width: 100%;
-
-.mobile {
-  @include media($tn-bp-tablet) {
-    display: none !important;
-  }
-}
-
-.tablet {
-  @include media($tn-bp-mobile) {
-    display: none !important;
-  }
-  @include media($tn-bp-tablet) {
-    display: block !important;
-  }
-}
-
-.laptop {
-  @include media($tn-bp-mobile) {
-    display: none !important;
-  }
-  @include media($tn-bp-tablet) {
-    display: none !important;
-  }
-  @include media($tn-bp-laptop) {
-    display: block !important;
-  }
-}
-
-.desktop {
-  @include media($tn-bp-mobile) {
-    display: none !important;
-  }
-  @include media($tn-bp-tablet) {
-    display: none !important;
-  }
-  @include media($tn-bp-laptop) {
-    display: none !important;
-  }
-  @include media($tn-bp-desktop) {
-    display: block !important;
-  }
-}

data/app/assets/stylesheets/tenon/layout/global.scss

@@ -1,36 +0,0 @@
-.container {
-  @include outer-container;
-}
-
-html {
-  height: 100%;
-  min-width: 300px;
-}
-
-body {
-  height: 100%;
-  background-color: $tn-light-grey;
-  @include clearfix;
-}
-
-.page-wrap {
-
-  @include media($tn-bp-mobile) {
-    padding-top: 50px;
-  }
-
-  padding-top: 100px;
-  padding-bottom: $tn-padding;
-  min-height: 100%;
-}
-
-.main-content {
-  margin: 0 $tn-margin;
-  padding-top: $tn-padding;
-  @include media($tn-bp-mobile) {
-    margin: 0 10px;
-    padding-top: 10px;
-  }
-}
-
-$tn-header-height: 50px;

data/app/assets/stylesheets/tenon/layout/grid.scss

@@ -1,145 +0,0 @@
-// helper classes for quickly building columns and rows
-
-.row {
-  @include row;
-}
-
-.container {
-  @include outer-container;
-}
-
-.one {
-  @include span-columns(1);
-}
-
-.two {
-  @include span-columns(2);
-}
-
-.three {
-  @include span-columns(3);
-}
-
-.four {
-  @include span-columns(4);
-}
-
-.five {
-  @include span-columns(5);
-}
-
-.six {
-  @include span-columns(6);
-}
-
-.seven {
-  @include span-columns(7);
-}
-
-.eight {
-  @include span-columns(8);
-}
-
-.nine {
-  @include span-columns(9);
-}
-
-.ten {
-  @include span-columns(10);
-}
-
-.eleven {
-  @include span-columns(11);
-}
-
-.twelve {
-  @include span-columns(12);
-}
-
-// just make everything full column by default on mobile
-.one, .two, .three, .four, .five, .six,
-
-.seven, .eight, .nine, .ten, .eleven, .twelve {
-  @include media($tn-bp-mobile) {
-    @include span-columns(12);
-  }
-}
-
-// some default column width definitions
-
-.full {
-  @include span-columns(12);
-  @include media($tn-bp-laptop) {
-    @include span-columns(12);
-  }
-
-  @include media($tn-bp-mobile) {
-    @include span-columns(12);
-  }
-}
-
-.small {
-  @include media($tn-bp-tablet) {
-    @include span-columns(12);
-  }
-
-  @include media($tn-bp-laptop) {
-    @include span-columns(4);
-  }
-
-  @include media($tn-bp-desktop) {
-    @include span-columns(3);
-  }
-
-  @include media($tn-bp-mobile) {
-    @include span-columns(12);
-  }
-}
-
-.large {
-  @include media($tn-bp-tablet) {
-    @include span-columns(12);
-  }
-
-  @include media($tn-bp-laptop) {
-    @include span-columns(8);
-  }
-
-  @include media($tn-bp-desktop) {
-    @include span-columns(9);
-  }
-
-  @include media($tn-bp-mobile) {
-    @include span-columns(12);
-  }
-}
-
-.half {
-  @include span-columns(6);
-  @include media($tn-bp-laptop) {
-    @include span-columns(6);
-  }
-
-  @include media($tn-bp-mobile) {
-    @include span-columns(12);
-  }
-}
-
-.third {
-  @include span-columns(4);
-  @include media($tn-bp-laptop) {
-    @include span-columns(4);
-  }
-
-  @include media($tn-bp-tablet) {
-    @include span-columns(4);
-  }
-
-  @include media($tn-bp-mobile) {
-    @include span-columns(12);
-  }
-}
-
-.omega {
-  @include omega;
-}

data/app/assets/stylesheets/tenon/layout/main-nav.scss

@@ -1,149 +0,0 @@
-.nav-holder {
-  @include media($tn-bp-mobile) {
-    @include transition(left 0.2s ease);
-    left: -100%;
-    display: block;
-    width: 100%;
-    &.mobile-open {
-      right: 0;
-      left: 0;
-      padding-right: 58px;
-      background-color: transparentize(#000, 0.5);
-      nav.main-nav {
-        width: 100%;
-      }
-    }
-  }
-
-  @include media($tn-bp-tablet) {
-    @include transition(width 0.2s ease);
-    left: 0;
-    &.open {
-      width: 260px;
-    }
-  }
-
-  position: fixed;
-  top: 50px;
-  z-index: $tn-z-main-nav;
-  overflow: hidden;
-  width: 60px;
-  height: 100%;
-  nav.main-nav {
-    @include media($tn-bp-mobile) {
-      padding-bottom: 50px;
-    }
-    overflow: hidden;
-    margin: 0 10px 0 0;
-    width: 250px;
-    height: 100%;
-    padding-bottom: 50px;
-    background: $tn-nav;
-    text-transform: uppercase;
-    font-weight: 300;
-    font-size: $tn-font-small;
-    font-family: $tn-open-sans;
-    ul {
-      margin: 0;
-      padding: 0;
-      height: 100%;
-      overflow-x: hidden;
-      overflow-y: auto;
-      li {
-        padding: 0;
-        background: $tn-primary;
-        a {
-          @include transition(all 0.2s ease);
-          display: block;
-          padding: $tn-padding;
-          border-bottom: 1px solid $tn-sidebar;
-          background: $tn-nav;
-          color: $tn-grey;
-          &.active {
-            position: relative;
-            left: 5px;
-            padding-left: 11px;
-          }
-          &:hover, &.active {
-            background: $tn-sidebar;
-            color: #fff;
-            text-decoration: none;
-          }
-          &.toggle-menu {
-            border-top: 0;
-          }
-        }
-        i {
-          position: relative;
-          top: 1px;
-          display: inline-block;
-          margin-right: $tn-margin;
-          text-align: center;
-          font-size: 22px;
-          &.right {
-            float: right;
-            padding: 0;
-            width: auto;
-          }
-        }
-        ul {
-          padding: 0;
-          border-bottom: 0;
-        }
-        li {
-          a {
-            padding: 10px 20px 10px 50px;
-            border-top: 0;
-            color: $tn-light-grey;
-          }
-        }
-      }
-    }
-  }
-}
-
-.page-wrap {
-  @include transition(margin-left 0.2s ease);
-  @include media($tn-bp-mobile) {
-    margin-left: 0;
-  }
-
-  position: relative;
-  z-index: $tn-z-page-wrap;
-  margin-left: 60px;
-  background: $tn-light-grey;
-}
-
-.menu-open {
-  .page-wrap {
-    @include media($tn-bp-mobile) {
-      margin-left: 0;
-    }
-
-    margin-left: 250px;
-  }
-  nav.main-nav {
-    left: 0;
-  }
-}
-
-// Submenu stuff
-
-nav.main-nav ul ul li {
-  @include transition(all 0.2s ease);
-  overflow-y: hidden;
-  max-height: 0;
-  background: $tn-dark-grey;
-  font-size: $tn-font-small;
-  li a {
-    color: #fff;
-    &:hover {
-      background: $tn-med-grey;
-    }
-  }
-}
-
-.menu-open nav.main-nav ul ul.open li {
-  max-height: 37px;
-  font-size: $tn-font-small;
-}

data/app/assets/stylesheets/tenon/layout/margins.scss

@@ -1,3 +0,0 @@
-//Define standard margin
-$tn-margin: 16px;
-$tn-padding: 16px;

data/app/assets/stylesheets/tenon/layout/mobile.scss

@@ -1,5 +0,0 @@
-@include media($tn-bp-mobile) {
-  .page-wrap {
-    margin-left: 0;
-  }
-}

data/app/assets/stylesheets/tenon/layout/sidebar.scss

@@ -1,102 +0,0 @@
-.sidebar-container {
-  @include media($tn-bp-mobile) {
-    @include transition(all 0.2s ease);
-    left: -100%;
-    right: 100%;
-    display: block;
-    margin-right: 58px;
-    &.mobile-open {
-      right: 0;
-      left: 0;
-    }
-  }
-
-  @include media($tn-bp-tablet) {
-    left: 60px;
-    width: 190px;
-    float: left;
-  }
-
-  position: fixed;
-  top: 0;
-  z-index: $tn-z-sidebar;
-  overflow: hidden;
-  padding: ($tn-header-height + $tn-padding) 0 0;
-  height: 100%;
-  background: $tn-sidebar;
-  color: $tn-light-grey;
-  .sidebar {
-    @include media($tn-bp-mobile) {
-      padding-bottom: 50px;
-    }
-
-    overflow: auto;
-    width: 100%;
-    height: 100%;
-    .content {
-      padding: 0 $tn-padding;
-    }
-    h2 {
-      margin: 0 0 30px;
-      padding: 0;
-      color: $tn-off-white;
-      font-weight: normal;
-      font-size: 18px;
-    }
-    h3 {
-      color: $tn-off-white;
-      text-transform: uppercase;
-      font-weight: normal;
-      font-size: 15px;
-    }
-    h4 {
-      margin-top: $tn-margin;
-      margin-bottom: 3px;
-      padding: 0 $tn-padding;
-      color: $tn-sidebar-label;
-      text-transform: uppercase;
-      font-size: 10px;
-      line-height: 30px;
-    }
-    nav ul {
-      margin: 0;
-      padding: 0;
-      li {
-        &:hover {
-          background: $tn-sidebar-highlight;
-        }
-        &.active, &:target {
-          background: $tn-sidebar-highlight;
-        }
-      }
-      a {
-        padding: 10px $tn-padding;
-        width: 100%;
-        display: block;
-        color: $tn-off-white;
-        font-size: 14px;
-        &:hover {
-          text-decoration: none;
-        }
-        span.count {
-          position: relative;
-          top: -3px;
-          display: inline-block;
-          float: right;
-          padding: 5px;
-          min-width: 25px;
-          border-radius: 25px;
-          background: lighten($tn-sidebar, 10%);
-          color: $tn-primary-text;
-          vertical-align: middle;
-          text-align: center;
-          font-size: 11px;
-        }
-      }
-    }
-    .notification {
-      margin-bottom: 20px;
-      font-size: 12px;
-    }
-  }
-}

data/app/assets/stylesheets/tenon/layout/util-nav.scss

@@ -1,51 +0,0 @@
-util-nav {
-  min-width: 300px;
-  position: fixed;
-  z-index: $tn-z-util-nav;
-  width: 100%;
-  height: 50px;
-  background: $tn-primary;
-  color: #fff;
-  font-family: $tn-open-sans;
-  a {
-    color: $tn-off-white;
-    text-transform: uppercase;
-    font-size: $tn-font-small;
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  .site-title {
-    position: absolute;
-    left: 75px;
-    top: 15px;
-    font-size: 12px;
-    font-family: $tn-open-sans;
-    display: none;
-    text-transform: uppercase;
-
-    @include media($tn-bp-tablet) {
-      display: block;
-    }
-
-    a {
-      font-size: 12px;
-      color: $tn-white;
-    }
-  }
-}
-
-#logo {
-  position: absolute;
-  top: 0;
-  left: 0;
-  margin: 0;
-  a {
-    padding: 10px 18px;
-    display: block;
-    width: 60px;
-    height: 50px;
-  }
-}
-

data/app/assets/stylesheets/tenon/mixins.scss

@@ -1,81 +0,0 @@
-@mixin styled-checkbox($unchecked: '\f10c', $checked: '\f058', $font-family: 'FontAwesome', $float: none, $unchecked-color: $tn-grey, $checked-color: $tn-primary) {
-  position: absolute;
-  z-index: 0;
-  opacity: 0;
-  float: none;
-  cursor: pointer;
-  & + label {
-    position: relative;
-    display: block;
-    cursor: pointer;
-    padding: 2px;
-    @if $float == left {
-      padding-left: 30px;
-    }
-    &:before {
-      font-family: $font-family;
-      font-size: 20px;
-      position: absolute;
-      z-index: 10;
-      top: 2px;
-      display: block;
-      width: auto;
-      content: $unchecked;
-      cursor: pointer;
-      color: $unchecked-color;
-      @if $float == right {
-        right: 2px;
-      }
-      @if $float == left {
-        left: 2px;
-      }
-    }
-  }
-  &:checked + label:before {
-    content: $checked;
-    color: $checked-color;
-  }
-  &:hover + label:before {
-    color: lighten($checked-color, 10%);
-  }
-  &:focus + label {
-    border: 1px dotted lighten($unchecked-color, 10%);
-    padding: 1px;
-    @if $float == left {
-      padding-left: 29px;
-    }
-    &:before {
-      top: 1px;
-      @if $float == right {
-        right: 1px;
-      }
-      @if $float == left {
-        left: 1px;
-      }
-    }
-
-  }
-}
-
-@mixin button($border-color, $background-color, $color, $highlight-border-color, $highlight-background-color) {
-  @include transition(all .2s ease);
-  color: $color;
-  border-color: $border-color;
-  background-color: $background-color;
-  &:hover, &:focus, &:active, &.active {
-    color: $color;
-    border-color: $highlight-border-color;
-    background-color: $highlight-background-color;
-  }
-  &.disabled, &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active {
-    border-color: $border-color;
-    background-color: $background-color;
-  }
-}
-
-@mixin tetris-grid($number-of-columns: 2) {
-  @include span-columns(12 / $number-of-columns);
-  &:nth-child(#{$number-of-columns}n + #{$number-of-columns}) {
-    margin-right: 0;
-  }
-}

data/app/assets/stylesheets/tenon/styleguide.scss

@@ -1,6 +0,0 @@
-hr {
-  margin: 10px 0 0;
-  height: 0;
-  border: 0;
-  background: $tn-light-grey;
-}

data/app/assets/stylesheets/tenon/tenon.scss

@@ -1,71 +0,0 @@
-/*
-*= require normalize-rails
-*= require font-awesome
-*= require medium-editor/medium-editor
-*= require medium-editor/themes/bootstrap
-*= require_self
-*/
-
-// third party things
-@import 'bourbon';
-@import 'neat';
-@import 'bootstrap';
-@import 'bootstrap.tables';
-@import 'bootstrap.datetimepicker';
-@import 'jquery.Jcrop';
-@import 'select2';
-
-// global mixins
-@import 'tenon/mixins';
-
-// universal variables
-@import 'tenon/colors-named';
-@import 'tenon/colors-custom';
-@import 'tenon/typography';
-@import 'tenon/helpers';
-@import 'tenon/styleguide';
-@import 'tenon/z-indexes';
-
-// Layouts, try to make one for each different page type
-@import 'tenon/layout/breakpoints';
-@import 'tenon/layout/margins';
-@import 'tenon/layout/grid';
-@import 'tenon/layout/global';
-@import 'tenon/layout/assets';
-@import 'tenon/layout/main-nav';
-@import 'tenon/layout/util-nav';
-@import 'tenon/layout/sidebar';
-@import 'tenon/layout/mobile';
-
-// UI Components, choose as needed
-@import 'tenon/ui/i18n';
-@import 'tenon/ui/alerts';
-@import 'tenon/ui/asset-attachment';
-@import 'tenon/ui/asset-cropping';
-@import 'tenon/ui/asset-uploads';
-@import 'tenon/ui/buttons';
-@import 'tenon/ui/callouts';
-@import 'tenon/ui/forms';
-@import 'tenon/ui/generic-loader';
-@import 'tenon/ui/header-tools';
-@import 'tenon/ui/list-style-toggle';
-@import 'tenon/ui/login';
-@import 'tenon/ui/medium-editor';
-@import 'tenon/ui/modals';
-@import 'tenon/ui/pagination';
-@import 'tenon/ui/progress-bars';
-@import 'tenon/ui/quick-search';
-@import 'tenon/ui/record-lists';
-@import 'tenon/ui/record-grids';
-@import 'tenon/ui/section-headers';
-@import 'tenon/ui/select2-custom';
-@import 'tenon/ui/tables';
-@import 'tenon/ui/tabs';
-@import 'tenon/ui/tenon-content';
-@import 'tenon/ui/tenon-content-library';
-@import 'tenon/ui/tenon-content-popped-out';
-@import 'tenon/ui/thinking';
-@import 'tenon/ui/toolbox';
-
-// Grab tenon_addons for any host-app requirements
-@import 'tenon_addons';