cloudrider 0.1.0

data/generica/app/assets/stylesheets/apiv1/admin/contacts/_index.css.scss

@@ -0,0 +1,3 @@
+.admin-employee-slice {
+  @extend .admin-product-slice;
+}

data/generica/app/assets/stylesheets/apiv1/admin/products/_index.css.scss

@@ -0,0 +1,64 @@
+.admin-product-slice {
+  @include transition-property(background-color);
+  @include transition-duration(300ms);
+  @include transition-timing-function(ease-out);
+  border-bottom: 1px solid #444;
+  background-color: #ddd;
+  &:hover {
+    background-color: lighten(#ddd, 10%);
+  }
+  .actions {
+    @include display-flex;
+    @include justify-content(space-between);
+    @include flex-direction(row);
+    a {
+      display: block;
+    }
+  }
+  .summary {
+    @include display-flex;
+    @include justify-content(flex-start);
+    @include flex-direction(row);
+    padding: 0px 15px 15px 15px;
+  }
+  .view {
+    @include flex-grow(3);
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    padding: 15px;
+    font-size: 1.25rem;
+  }
+  .edit {
+    font-size: 1.25rem;
+    padding: 15px;
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    &:hover {
+      a {
+        color: #ddd;
+      }
+      background-color: #43ac6a;
+    } 
+  }
+  .delete {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    font-size: 1.25rem;
+    color: darken(red, 15%);
+    padding: 15px;
+    &:hover {
+      color: #ddd;
+      background-color: darken(red, 20%);
+    } 
+  }
+  .media-text {
+    padding-left: 15px;
+  }
+  .product-image {
+    max-width: 65px;
+  }
+  
+}

data/generica/app/assets/stylesheets/apiv1/admin/products/_new.css.scss

@@ -0,0 +1,11 @@
+.admin-products-new {
+  .upload-control {
+    border: 1px solid #ccc;
+    background-color: #fff;
+    padding: 1rem;
+    font-size: 1.15rem;
+  }
+  .additional-info {
+    margin-bottom: 15px;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/admin/translations/_index.css.scss

@@ -0,0 +1,68 @@
+.admin-translation-slice {
+  @include transition-property(background-color);
+  @include transition-duration(300ms);
+  @include transition-timing-function(ease-out);
+  border-bottom: 1px solid #444;
+  background-color: #ddd;
+  &:hover {
+    background-color: lighten(#ddd, 10%);
+  }
+  .actions {
+    @include display-flex;
+    @include justify-content(space-between);
+    @include flex-direction(row);
+    a {
+      display: block;
+    }
+  }
+  .summary {
+    @include display-flex;
+    @include justify-content(flex-start);
+    @include flex-direction(row);
+    padding: 0px 15px 15px 15px;
+  }
+  .view {
+    @include flex-grow(3);
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    padding: 15px;
+    font-size: 1.25rem;
+  }
+  .edit,
+  .create {
+    font-size: 1.25rem;
+    padding: 15px;
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    &:hover {
+      a {
+        color: #ddd;
+      }
+      background-color: #43ac6a;
+    } 
+  }
+  .delete {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    font-size: 1.25rem;
+    color: darken(red, 15%);
+    padding: 15px;
+    &:hover {
+      color: #ddd;
+      background-color: darken(red, 20%);
+    } 
+  }
+  .text {
+    padding-left: 15px;
+  }
+  .now-loading {
+    padding: 15px;
+    font-size: 1.25rem;
+  }
+  .search-results {
+    margin-top: 25px;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_block-grid-pictures.css.scss

@@ -0,0 +1,21 @@
+.block-grid-pictures {
+  padding-left: 10px;
+  padding-right: 10px;
+  .request-delete {
+    color: darken(red, 15%);
+    &:hover {
+      color: darken(red, 5%);
+    }
+  }
+  .block-picture {
+    @include display-flex;
+    @include justify-content(space-between);
+    @include flex-direction(row);
+    padding: 0px;
+    border: 1px solid #888;
+
+  }
+  img.block-pic-img {
+    max-height: 45px;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_cookie-splash.css.scss

@@ -0,0 +1,60 @@
+$standard-container-width: 1250px;
+
+.cookie-splash {
+  padding-bottom: 25px;
+  .standard-container {
+    @include display-flex;
+    @include justify-content(center);
+    @include flex-direction(row);
+    width: 100%;
+  }
+  .splash-background::before {
+    display: block;
+    content: " ";
+    width: 100%;
+    height: 125px;
+    background: {
+      image: url(cookie-splash/albatross.jpg);
+      size: cover;
+      position: top left;
+      repeat: no-repeat;
+    }
+    overflow: hidden;
+    position: absolute;
+    z-index: -1;
+    left: 0px;
+    @include filter(blur(5px));
+  }
+  .splash-background {
+    position: relative; 
+    height: 125px;
+  }
+  .page-intro {
+    width: $standard-container-width;
+    @include display-flex;
+    @include align-items(flex-end);
+    @include justify-content(flex-end);
+    @include flex-direction(row);
+  }
+  .active-page-title {
+    text-align: right;
+    margin-bottom: -25px;
+    font-size: 1.35rem;
+  }
+  .product-icon {
+    max-height: 75px;
+  }
+  .cookiecrumbs {
+    width: $standard-container-width;
+    font-size: 1.15rem;
+  }
+  .crumb {
+    padding-left: 15px;
+  }
+  .crumb:not(:last-child) {
+    &:after {
+      content: " / ";
+    }
+  }
+}
+

data/generica/app/assets/stylesheets/apiv1/components/_fancy-paginator.css.scss

@@ -0,0 +1,22 @@
+.fancy-paginator {
+  .pagination-meta {
+    @include display-flex;
+    @include justify-content(space-between);
+    @include flex-direction(row);
+    color: #555;
+    font-size: 0.75rem;
+  }
+  .go-left {
+    float: left;
+  }
+  .go-right {
+    float: right;
+  }
+  .action {
+    text-transform: uppercase;
+    min-width: 125px;
+  }
+  .per {
+    min-width: 125px;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_files-field.css.scss

@@ -0,0 +1,10 @@
+input[type=file] {
+  &.drag-entered {
+    border: 4px dashed #2b669a;
+    height: 75px;
+  }
+  &.drag-left {
+    border: none;
+    height: 55px;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_flash-message.css.scss

@@ -0,0 +1,35 @@
+.flash-message {
+  .flash-slice {
+    @include display-flex;
+    @include justify-content(space-between);
+    @include flex-direction(row);
+    margin-bottom: 5px;
+    background-color: #fd7;
+    border: 1px solid darken(#fd7, 25%);
+    font-weight: bold;    
+    &.notice {
+      border: 1px solid darken(#008cba, 15%);
+      background-color: #008cba;
+      color: #ddd;
+      
+    }
+    &.warning {
+      border: 1px solid darken(red, 15%);
+      background-color: #cb4112;
+      color: #ddd;
+      
+    }
+    &.success {
+      border: 1px solid darken(#43ac6a, 15%);
+      background-color: #43ac6a;
+      color: #ddd;
+    }
+  }
+  .message {
+    @include flex-grow(5);
+  }
+  .action,
+  .message {
+    padding: 15px;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_hero-splash.css.scss

@@ -0,0 +1,39 @@
+.hero-splash {
+  .background-container {
+    @include display-flex;
+    @include justify-content(center);
+    @include flex-direction(column);
+    background: {
+      repeat: no-repeat;
+      size: cover;
+      // variable - hero-splash/*.jpg
+      image: url(hero-splash/albatross.jpg);
+    }
+    // variable - *rem
+    min-height: 45rem;
+  }
+  .splash-tagline,
+  .splash-cta {
+    @include display-flex;
+    @include justify-content(center);
+    // variable depending upon average background color, use if bg image colors are spread apart enough
+    @include background-image(linear-gradient(to right, fade-out(white, 0.4), fade-out(white, 1)));
+  }
+  .splash-tagline {
+    padding-top: 10px;
+  }
+  .tagline-container,
+  .cta-container {
+    // tied to the other container width
+    // variable - *px
+    width: 1250px;
+  }
+  .companytag,
+  .pretag,
+  .posttag {
+    // variable - left, center, right
+    text-align: left;
+    // variable - invert color of albatross
+    color: #444;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_introductory-lobby.css.scss

@@ -0,0 +1,22 @@
+.introductory-lobby {
+  @include display-flex;
+  @include justify-content(center);
+  
+  .center-plain {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+  .container {
+    width: 1250px;
+  }
+  .about-title {
+    text-align: center;
+    text-transform: capitalize;
+    color: #333;
+  }
+  .about-abstract {
+    text-align: center;
+    padding: 15px;
+    color: #333;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_product-display.css.scss

@@ -0,0 +1,27 @@
+.product-display {
+  .media-object {
+    padding-left: 15px;
+    @media #{$small-only} {
+      width: 100%;
+    }
+    @media #{$medium-up} {
+      width: 33%;
+    }
+  }
+  .media-texts {
+    padding-left: 15px;
+    @media #{$small-only} {
+      width: 100%;
+    }
+    @media #{$medium-up} {
+      width: 66%;
+    }
+  }
+  img.product-image {
+    min-height: 275px;
+  }
+  .product-title {
+    font-size: 2rem;
+    text-transform: capitalize;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_product-listing.css.scss

@@ -0,0 +1,34 @@
+.product-listing {
+  @include transition-property(background-color);
+  @include transition-duration(300ms);
+  @include transition-timing-function(ease-out);
+  background: {
+    color: #ccc;
+  }
+  &:hover {
+    background: {
+      color: #ddd;
+    }
+  }
+  .product-image {
+    max-width: 75px;
+    max-height: 75px;
+  }
+  .media-texts {
+    font-size: 1.45rem;
+    width: 100%;
+  }
+  .smaller-details {
+    font-size: 0.85rem;
+  }
+  .media-object {
+    margin-right: 15px;
+  }
+  .product-header {
+    @include display-flex;
+    @include flex-direction(row);
+    @include justify-content(flex-start);
+    @include align-items(center);
+    border-bottom: 1px solid #bbb;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_products-catalog.css.scss

@@ -0,0 +1,2 @@
+
+@import "apiv1/components/products-catalog/expanding-media";

data/generica/app/assets/stylesheets/apiv1/components/_products-showcase.css.scss

@@ -0,0 +1,2 @@
+
+@import "apiv1/components/products-showcase/contained-media-one";

data/generica/app/assets/stylesheets/apiv1/components/_promise-button.css.scss

@@ -0,0 +1,8 @@
+.promise-button {
+  .promise-button-spinner {
+    display: none;
+  }
+  &.loading {
+    @extend .disabled;
+  }
+}