activeadmin_blaze_theme 0.1.0

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.boxing.scss

@@ -0,0 +1,101 @@
+@import "mixins/utilities.boxing";
+
+.u-no-overflow {
+  @include no-overflow;
+}
+
+.u-letter-box--super {
+  @include letter-box--super;
+}
+
+.u-letter-box--xlarge {
+  @include letter-box--xlarge;
+}
+
+.u-letter-box--large {
+  @include letter-box--large;
+}
+
+.u-letter-box--medium {
+  @include letter-box--medium;
+}
+
+.u-letter-box--small {
+  @include letter-box--small;
+}
+
+.u-letter-box--xsmall {
+  @include letter-box--xsmall;
+}
+
+.u-letter-box--tiny {
+  @include letter-box--tiny;
+}
+
+.u-letter-box--none {
+  @include letter-box--none;
+}
+
+.u-pillar-box--super {
+  @include pillar-box--super;
+}
+
+.u-pillar-box--xlarge {
+  @include pillar-box--xlarge;
+}
+
+.u-pillar-box--large {
+  @include pillar-box--large;
+}
+
+.u-pillar-box--medium {
+  @include pillar-box--medium;
+}
+
+.u-pillar-box--small {
+  @include pillar-box--small;
+}
+
+.u-pillar-box--xsmall {
+  @include pillar-box--xsmall;
+}
+
+.u-pillar-box--tiny {
+  @include pillar-box--tiny;
+}
+
+.u-pillar-box--none {
+  @include pillar-box--none;
+}
+
+.u-window-box--super {
+  @include window-box--super;
+}
+
+.u-window-box--xlarge {
+  @include window-box--xlarge;
+}
+
+.u-window-box--large {
+  @include window-box--large;
+}
+
+.u-window-box--medium {
+  @include window-box--medium;
+}
+
+.u-window-box--small {
+  @include window-box--small;
+}
+
+.u-window-box--xsmall {
+  @include window-box--xsmall;
+}
+
+.u-window-box--tiny {
+  @include window-box--tiny;
+}
+
+.u-window-box--none {
+  @include window-box--none;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss

@@ -0,0 +1,19 @@
+@import "mixins/settings.global";
+
+.u-high,
+.u-higher,
+.u-highest {
+  border: 0;
+}
+
+.u-high {
+  box-shadow: $box-shadow-high;
+}
+
+.u-higher {
+  box-shadow: $box-shadow-higher;
+}
+
+.u-highest {
+  box-shadow: $box-shadow-highest;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.sizes.scss

@@ -0,0 +1,25 @@
+@import "mixins/settings.global";
+
+.u-super {
+  font-size: $text-font-size-super;
+}
+
+.u-xlarge {
+  font-size: $text-font-size-xlarge;
+}
+
+.u-large {
+  font-size: $text-font-size-large;
+}
+
+.u-medium {
+  font-size: $text-font-size-medium;
+}
+
+.u-small {
+  font-size: $text-font-size-small;
+}
+
+.u-xsmall {
+  font-size: $text-font-size-xsmall;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/theme.scss

@@ -0,0 +1,365 @@
+@import 'blaze/blaze';
+@import url('https://fonts.googleapis.com/css?family=Roboto');
+
+// main variables
+$bg-form1: #f4f4f4 !default;
+$bg-form2: darken($bg-form1, 3%) !default;
+$bg-form3: darken($bg-form1, 6%) !default;
+$bg-form4: darken($bg-form1, 9%) !default;
+$bg-header: $color-brand !default;
+$bg-inputs: #fff !default;
+$fg-box-title: #fff !default;
+$fg-link2: #eee !default;
+$fg-table-borders: #e4e4e4 !default;
+
+// other variables
+$height-inputs: 25px !default;
+$text-shadow: #000 !default;
+
+// active_admin theme styles
+body.active_admin {
+  font-family: 'Roboto', sans-serif;
+
+  // generics
+  .button-base {
+    @extend .c-button;
+    // @extend .c-button--rounded;
+    background-image: none;
+    box-shadow: initial;
+    text-shadow: $text-shadow 0 1px 0;
+  }
+
+  // forms
+  form {
+    // inputs
+    input[type='number'],
+    input[type='text'],
+    select,
+    textarea {
+      @extend .c-field;
+      background-color: $bg-inputs;
+      display: inline-block;
+      height: $height-inputs;
+    }
+
+    // buttons
+    button,
+    input[type='button'],
+    input[type='submit'],
+    &.filter_form a.clear_filters_btn,
+    fieldset.buttons li.cancel a,
+    fieldset.actions li.cancel a {
+      @extend .button-base;
+    }
+    .buttons, .actions {
+      button,
+      input[type='button'],
+      input[type='submit'] {
+        margin-right: 10px;
+      }
+    }
+    button:hover,
+    input[type='button']:hover,
+    input[type='submit']:hover,
+    &.filter_form a.clear_filters_btn:hover,
+    fieldset.buttons li.cancel a:hover,
+    fieldset.actions li.cancel a:hover {
+      background-image: none;
+    }
+
+    // submits
+    input[type='submit'] {
+      @extend .c-button--success;
+    }
+
+    // filter forms
+    &.filter_form {
+      .filter_form_field.filter_date_range {
+        input[type='number'],
+        input[type='text'] {
+          max-width: 100px;
+          width: auto;
+        }
+      }
+      .filter_form_field.select_and_search select {
+        background-color: $bg-inputs;
+      }
+    }
+
+    // fieldsets
+    fieldset {
+      &.buttons li, &.actions li {
+        float: initial;
+        display: inline-block;
+      }
+      &.inputs {
+        @extend .c-card;
+        @extend .u-high;
+        background-color: $bg-form1;
+        padding: 0;
+        input[type='number'],
+        input[type='text'],
+        select,
+        textarea {
+          background-color: $bg-inputs;
+          width: calc(80% - 22px);
+        }
+        select {
+          background-image: none;
+        }
+        label {
+          line-height: 26px;
+        }
+        > ol > .has_many_container > fieldset.inputs {
+          background-color: $bg-form2;
+          > ol > .has_many_container > fieldset.inputs {
+            background-color: $bg-form3;
+            > ol > .has_many_container > fieldset.inputs {
+              background-color: $bg-form4;
+            }
+          }
+        }
+        > legend {
+          @extend .c-card__item;
+          @extend .c-card__item--brand;
+          color: $fg-box-title;
+          padding: 8px 11px;
+          text-shadow: $text-shadow 0 1px 0;
+          > span {
+            background-color: transparent;
+            background-image: none;
+            border: 0 none;
+            box-shadow: initial;
+            color: inherit;
+            margin: 0;
+            padding: 0;
+            text-shadow: inherit;
+          }
+        }
+        // .boolean > label {  // not working
+        //   @extend .c-field;
+        //   @extend .c-field--choice;
+        // }
+        .button {
+          @extend .button-base;
+          &.has_many_add {
+            @extend .c-button--info;
+            display: inline-block;
+            &:hover {
+              background-image: none;
+            }
+          }
+          &.has_many_remove {
+            @extend .c-button--error;
+            display: inline-block;
+            &:hover {
+              background-image: none;
+            }
+          }
+        }
+        .fragment {
+          input[type='number'],
+          input[type='text'],
+          select {
+            width: auto;
+          }
+        }
+      }
+      ol {
+        padding: 1px;
+        > li {
+          padding: 1px;
+          > label {
+            margin-left: 10px;
+          }
+        }
+      }
+    }
+  }
+
+  // header
+  #header {
+    background-color: $bg-header;
+    background-image: none;
+    border-bottom: 0 none;
+    padding: 0;
+    position: relative;
+    .header-item {
+      top: 0;
+    }
+  }
+
+  // navbar / menu
+  #tabs, #utility_nav {
+    @extend .c-nav;
+    @extend .c-nav--inline;
+    background-color: $bg-header;
+    > li {
+      @extend .c-nav__item;
+      float: left;
+      margin: 0;
+      &.current {
+        @extend .c-nav__item--active;
+        > a {
+          background: transparent;
+        }
+      }
+      > a {
+        display: block;
+        padding: 0;
+      }
+      > a:hover {
+        background: transparent;
+      }
+    }
+    > li:hover > a {
+      background: transparent;
+    }
+  }
+  #utility_nav {
+    position: absolute;
+    right: 0;
+    width: auto;
+  }
+
+  // sidebars
+  .sidebar_section {
+    @extend .c-card;
+    @extend .u-high;
+    .filter_form_field {
+      input[type='number'],
+      input[type='text'],
+      select,
+      textarea {
+        background-color: $bg-inputs;
+        background-image: none;
+      }
+    }
+    .panel_contents {
+      @extend .c-card__item;
+      padding: 5px 10px 10px 10px;
+    }
+    > h3 {
+      @extend .c-card__item;
+      @extend .c-card__item--brand;
+      background-image: none;
+      border: 0 none !important;
+      color: $fg-box-title;
+      padding: 8px 11px;
+      text-shadow: $text-shadow 0 1px 0;
+    }
+    input[type='submit'] {
+      @extend .c-button--info;
+    }
+  }
+
+  // tables
+  .table_tools {
+    a {
+      @extend .button-base;
+      margin-right: 10px;
+      span {
+        color: $fg-link2;
+      }
+    }
+    a:hover,
+    a.table_tools_button:hover,
+    .dropdown_menu_button:hover {
+      background-image: none;
+    }
+    .dropdown_menu_list a {
+      width: 100%;
+    }
+  }
+  .index_table {
+    @extend .c-table;
+    // @extend .c-table--striped;
+    // @extend .c-table--condensed;
+    > thead {
+      @extend .c-table__head;
+      > tr {
+        @extend .c-table__row;
+        @extend .c-table__row--heading;
+        > th {
+          @extend .c-table__cell;
+          margin-bottom: 0;
+          &.col-selectable > div {
+            margin-left: auto;
+            margin-right: auto;
+          }
+        }
+      }
+    }
+    > tbody {
+      @extend .c-table__body;
+      border-left: 1px solid $fg-table-borders;
+      border-right: 1px solid $fg-table-borders;
+      > tr {
+        @extend .c-table__row;
+        > td {
+          @extend .c-table__cell;
+          &.col-selectable > div {
+            margin-left: auto;
+            margin-right: auto;
+          }
+        }
+      }
+    }
+  }
+
+  // title bar
+  #title_bar {
+    .action_items span.action_item {
+      > a,
+      > .dropdown_menu > a {
+        @extend .button-base;
+        @extend .c-button--info;
+      }
+      > a:hover,
+      > .dropdown_menu > a:hover {
+        background-image: none;
+      }
+      a[data-method='delete'] {
+        @extend .c-button--error;
+      }
+    }
+  }
+
+  // main content
+  #main_content {
+    > .panel {
+      @extend .c-card;
+      @extend .u-high;
+      > h3 {
+        @extend .c-card__item;
+        @extend .c-card__item--brand;
+        background-image: none;
+        border: 0 none !important;
+        color: $fg-box-title;
+        padding: 8px 11px;
+        text-shadow: $text-shadow 0 1px 0;
+      }
+      > .panel_contents .actions {
+        margin: 0;
+      }
+      table {
+        margin: 0;
+      }
+    }
+  }
+
+  // dialogs
+  .ui-dialog > .ui-dialog-buttonpane button.ui-button {
+    @extend .button-base;
+    margin-right: 10px;
+    &:hover {
+      background-image: none;
+    }
+  }
+
+  // footer
+  #footer {
+    padding: 10px 0 0 0;
+    text-align: center;
+  }
+}

data/lib/activeadmin_blaze_theme/version.rb

@@ -0,0 +1,3 @@
+module ActiveAdminBlazeTheme
+  VERSION = "0.1.0"
+end

data/lib/activeadmin_blaze_theme.rb

@@ -0,0 +1,8 @@
+require "activeadmin_blaze_theme/version"
+
+module ActiveAdminBlazeTheme
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

metadata

@@ -0,0 +1,116 @@
+--- !ruby/object:Gem::Specification
+name: activeadmin_blaze_theme
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Mattia Roccoberton
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-05-14 00:00:00.000000000 Z
+dependencies: []
+description: An ActiveAdmin theme which use Blaze CSS toolkit
+email:
+- mat@blocknot.es
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- activeadmin_blaze_theme.gemspec
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.colors.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.addresses.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.alerts.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.avatars.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.badges.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.breadcrumbs.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.bubbles.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.buttons.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.calendars.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.cards.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.headings.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.hints.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.input-groups.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.links.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.lists.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.navs.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.overlays.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.pagination.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.progress.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.ranges.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tables.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tabs.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tags.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.toggles.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tooltips.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.trees.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.typography.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/generics.global.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.alerts.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.badges.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.buttons.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.inputs.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.links.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.lists.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.navs.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.ranges.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.tabs.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.toggles.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.typography.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.containers.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.grid.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_settings.global.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.alignment.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.boxing.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.containers.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.drawers.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.forms.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.grid.responsive.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.grid.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.images.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.media.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.modals.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.panels.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/themes/blaze.example.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.alignment.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.boxing.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.sizes.scss
+- app/assets/stylesheets/activeadmin_blaze_theme/theme.scss
+- lib/activeadmin_blaze_theme.rb
+- lib/activeadmin_blaze_theme/version.rb
+- screenshot1.jpg
+- screenshot2.jpg
+homepage: https://github.com/blocknotes/activeadmin_blaze_theme
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.2
+signing_key: 
+specification_version: 4
+summary: ActiveAdmin Blaze Theme
+test_files: []