ghost-manager 1.0.0 → 1.0.1

data/magneto/source/assets/stylesheets/interface/_tables.scss

@@ -1,33 +0,0 @@
-// Tables
-table {
-  width: 100%;
-  table-layout: fixed;
-}
-
-th {
-  padding: 0.7em 3em;
-  color: $table-header-color;
-  border-bottom: 2px solid $gray;
-  text-align: left;
-  font-family: $header-font-family;
-  font-weight: 600;
-}
-
-td {
-  padding: 1.5em 3em;
-  color: $table-color;
-  text-align: left;
-}
-
-tr {
-  &:nth-child(odd) {
-    background-color: $table-odd-background-color;
-  }
-
-  &:nth-child(even) {
-    background-color: $table-even-background-color;
-  }
-}
-
-
-

data/magneto/source/assets/stylesheets/interface/_typography.scss

@@ -1,117 +0,0 @@
-// Establish Baseline
-html {
-  font-size: ($base-font-size / 16px) * 100%;
-}
-
-body {
-  line-height: line-height();
-}
-
-// Links
-a {
-  font-family: $header-font-family;
-  font-weight: 700;
-  color: $link-color;
-  text-decoration: none;
-
-  &:hover {
-    color: $link-color-hover;
-  }
-
-  &.active {
-    color: $link-color-active;
-  }
-}
-
-// Typographic Tags
-body {
-  font-family: $font-family;
-  font-weight: $font-weight;
-  color: $font-color;
-  background-color: $body-background-color;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  margin: 0;
-  font-family: $header-font-family;
-  font-weight: $header-font-weight;
-  color: $header-font-color;
-}
-
-p {
-  margin: 1.5rem 0;
-  font-family: $font-family;
-  font-weight: $font-weight;
-  color: $font-color;
-}
-
-hr {
-  border-bottom: 1px solid $border-color;
-  border-left: none;
-  border-right: none;
-  border-top: none;
-}
-
-blockquote {
-  margin: 1em 0;
-  padding: 0.5em 0 0.5em 1em;
-  color: scale_color($font-color, $lightness: 15%);
-  border-left: 3px solid $border-color;
-}
-
-cite {
-  font-style: italic;
-  color: scale_color($font-color, $lightness: 30%);
-
-  &:before {
-    content: '\2014 \00A0';
-  }
-}
-
-// Modular Scale
-$typographic-element: (
-  h1: (
-    $ms-up-3,
-    $ms-small-up-3
-  ),
-
-  h2: (
-    $ms-up-2,
-    $ms-small-up-2
-  ),
-
-  h3: (
-    $ms-up-1
-    $ms-small-up-1
-  ),
-
-  h4: (
-    $ms-up,
-    $ms-small-up
-  ),
-
-  h5: (
-    $ms-base,
-    $ms-base
-  ),
-
-  h6: (
-    $ms-down,
-    $ms-small-down
-  ),
-
-  p: (
-    $ms-base,
-    $ms-small-base
-  ),
-);
-
-@each $element, $size in $typographic-element {
-  #{$element} {
-    @include adjust-font-size-to( nth($size, 1) );
-
-    @media only screen and (max-width: 1024px) {
-      @include adjust-font-size-to( nth($size, 2) );
-    }
-  }
-}

data/magneto/source/assets/stylesheets/interface/_variables.scss

@@ -1,156 +0,0 @@
-// Colors
-$off-white: #f1f1f1;
-$gray: #ccc;
-$light-blue: #3598dc;
-$light-green: #2ab292;
-$light-gray: #999;
-$medium-gray: #666;
-$dark-gray: #333;
-$dark-blue: #22313F;
-$green: #3FC380;
-$red: #D24D57;
-$yellow: #f1c205;
-$orange: #f08a24;
-
-// Backgrounds
-$body-background-color: white;
-
-
-// Typography
-$base-font-size: 16px;
-$base-small-font-size: 15px;
-$base-line-height: 24px;
-
-$ms-base: $base-font-size;
-$ms-small-base: $base-small-font-size;
-
-$ms-ratio: $augmented-fourth;
-$ms-small-ratio: $major-third;
-
-$ms-up-3: ms(4);
-$ms-up-2: ms(3);
-$ms-up-1: ms(2);
-$ms-up:   ms(1);
-$ms-0: $ms-base;
-$ms-down: ms(-1);
-
-$ms-small-up-3: ms(4, $ms-base, $ms-small-ratio);
-$ms-small-up-2: ms(3, $ms-base, $ms-small-ratio);
-$ms-small-up-1: ms(2, $ms-base, $ms-small-ratio);
-$ms-small-up:   ms(1, $ms-base, $ms-small-ratio);
-$ms-0: $ms-base;
-$ms-small-down:  ms(-1);
-
-$font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-$font-weight: normal;
-$font-color: $medium-gray;
-$header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-$header-font-weight: normal;
-$header-font-color: $dark-gray;
-
-
-// Buttons
-$button-font-size: rem-calc(14);
-$button-font-weight: $font-weight;
-$button-background-color: $light-green;
-$button-background-color-hover: scale_color($button-background-color, $lightness: -20%);
-$button-border: none;
-$button-border-color: none;
-$button-border-color-hover: none;
-$button-color: white;
-$button-color-hover: white;
-
-
-// Links
-$link-color: $light-blue;
-$link-color-hover: scale_color($link-color, $lightness: -20%);
-$link-color-active: $dark-blue;
-
-
-// Forms
-$label-weight: 200;
-$label-color: $dark-gray;
-$form-color: $medium-gray;
-$form-background-color: white;
-$form-background-color-focus: $off-white;
-$form-box-shadow: none;
-$form-border-color: #ccc;
-$form-border-color-hover: scale_color($form-border-color, $lightness: -20%);
-$placeholder-text-color: $light-gray;
-
-
-// Tables
-$table-header-color: $dark-gray;
-$table-color: $medium-gray;
-$table-odd-background-color: white;
-$table-even-background-color: $light-gray;
-
-
-// Lists
-$list-item-background-color: white;
-$list-item-background-color-odd: scale_color($list-item-background-color, $lightness: -3%);
-
-
-// Borders
-$round-edges: rem-calc(5);
-$border-color: $light-green;
-
-
-// Flashes
-$alert-background-color: $red;
-$alert-border-color: $alert-background-color;
-$success-background-color: $green;
-$success-border-color: $success-background-color;
-$warning-background-color: $orange;
-$warning-border-color: $warning-background-color;
-$close-color: white;
-
-
-// States
-$state-color: white;
-$state-green-background-color: $green;
-$state-yellow-background-color: $yellow;
-$state-red-background-color: $red;
-
-
-// Icons
-$icon-color: $gray;
-$icon-color-hover: scale_color($icon-color, $lightness: -20%);
-
-
-// Navigations
-$use-sidebar: false;
-$use-thin-sidebar: true;
-
-$sidebar-width: rem-calc(260);
-$sidebar-background-color: $dark-blue;
-$sidebar-color: white;
-$sidebar-color-hover: scale_color($sidebar-color, $lightness: -20%);
-$sidebar-color-active: scale_color($sidebar-color, $lightness: -30%);
-
-$thin-icon-font-size: rem-calc(21);
-$thin-sidebar-width: rem-calc(80);
-$thin-sidebar-background-color: $dark-blue;
-$thin-sidebar-color: white;
-$thin-sidebar-color-hover: scale_color($thin-sidebar-color, $lightness: -20%);
-$thin-sidebar-color-active: scale_color($thin-sidebar-color, $lightness: -30%);
-
-$topbar-background-color: $dark-blue;
-$topbar-color: white;
-$topbar-color-hover: scale_color($topbar-color, $lightness: -20%);
-$topbar-color-active: scale_color($thin-sidebar-color, $lightness: -30%);
-
-
-// Plans
-$plan-title-font-size: $ms-up;
-$plan-price-font-size: $ms-up-3;
-$plan-background-color: $dark-blue;
-$plan-title-background-color: $dark-blue;
-$plan-price-background-color: scale_color($plan-background-color, $lightness: 5%);
-$plan-color: white;
-
-
-// Dropdowns
-$dropdown-background-color: $dark-blue;
-$dropdown-color: white;
-$dropdown-color-hover: scale_color($dropdown-color, $lightness: -20%);

data/magneto/source/assets/stylesheets/interface/navigations/_navigations.scss

@@ -1,16 +0,0 @@
-@import 'sidebar';
-@import 'thin_sidebar';
-@import 'top_bar';
-
-
-// Remove padding-left when sidebars not visible
-@media only screen and (min-width: 1024px) {
-  main {
-    @if $use-sidebar == true {
-        padding-left: $sidebar-width;
-    }
-    @if $use-thin-sidebar == true {
-        padding-left: $thin-sidebar-width;
-    }
-  }
-}

data/magneto/source/assets/stylesheets/interface/navigations/_sidebar.scss

@@ -1,53 +0,0 @@
-// Sidebar
-%sidebar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: $sidebar-width;
-  background: $sidebar-background-color;
-  overflow-y: auto;
-  z-index: 100;
-}
-
-nav.sidebar-container {
-  @media only screen and (max-width: 1024px) {
-    & {
-      display: none;
-    }
-  }
-}
-
-.sidebar {
-  @extend %sidebar;
-
-  li {
-    font-size: $ms-base;
-    font-family: $font-family;
-    font-weight: $font-weight;
-    color: $font-color;
-
-    &:hover {
-      background-color: scale_color($sidebar-background-color, $lightness: 3%) ;
-    }
-
-    &.active {
-      background-color: scale_color($sidebar-background-color, $lightness: 3%);
-    }
-
-    a {
-      margin: 0;
-      padding: 1.5em 1.5em;
-      display: block;
-      color: $sidebar-color;
-
-      &:hover {
-        color: $sidebar-color-hover;
-      }
-
-      &.active {
-        color: $sidebar-color-active;
-      }
-    }
-  }
-}

data/magneto/source/assets/stylesheets/interface/navigations/_thin_sidebar.scss

@@ -1,50 +0,0 @@
-// Thin Sidebar
-%thin-sidebar  {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: $thin-sidebar-width;
-  background: $thin-sidebar-background-color;
-  overflow-y: auto;
-  z-index: 100;
-}
-
-nav.thin-sidebar-container {
-  @media only screen and (max-width: 1024px) {
-    & {
-      display: none;
-    }
-  }
-}
-
-.thin-sidebar {
-  @extend %thin-sidebar;
-
-  li {
-
-    &:hover {
-      background-color: scale_color($thin-sidebar-background-color, $lightness: 5%);
-    }
-
-    &.active {
-      background-color: scale_color($thin-sidebar-background-color, $lightness: 5%);
-    }
-
-    i {
-      padding: 1.2em 1em;
-      display: block;
-      font-size: $thin-icon-font-size;
-      color: $thin-sidebar-color;
-      text-align: center;
-
-      &:hover {
-        color: $thin-sidebar-color-hover;
-      }
-
-      &.active {
-        color: $thin-sidebar-color-active;
-      }
-    }
-  }
-}

data/magneto/source/assets/stylesheets/interface/navigations/_top_bar.scss

@@ -1,60 +0,0 @@
-// Top bar
-nav.top-bar-container {
-  padding: 1.5em;
-  color: $topbar-color;
-  background-color: $topbar-background-color;
-
-  .top-bar {
-    display: inline-block;
-    position: relative;
-    overflow: visible;
-    cursor: pointer;
-    float: right;
-    z-index: 100;
-  }
-}
-
-// Hoverable area for dropdown
-.hover-menu {
-  @extend %drop-down;
-
-  i {
-    padding: 0 0.5em;
-    color: $topbar-color;
-  }
-
-  &:hover {
-    i {
-      color: $topbar-color-hover;
-    }
-
-    .hover-menu-list {
-      padding-top: 2em;
-      display: block;
-      top: 1.25em;
-      right: 0;
-    }
-  }
-
-  li {
-    width: 14rem;
-    color: $topbar-color;
-    background-color: $topbar-background-color;
-
-    &:hover {
-      color: $topbar-color-hover;
-      background-color: scale_color($topbar-background-color, $lightness: 5%);
-    }
-  }
-}
-
-// Dropdown list
-.hover-menu-list {
-  @extend %drop-down-list;
-
-  a {
-    padding: 0.5em;
-    display: block;
-    color: $topbar-color;
-  }
-}