activeadmin_blaze_theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5792a8922432b6dfc0afdf71da5fd7d69baa24c3
+  data.tar.gz: d7d9126b01e68eb300c248b69ec0b2f4d3bca0f2
+SHA512:
+  metadata.gz: 8788266dbd5f1b2f453b5f06a6fcb3dc6a8413cb417351fd675bfe783b66e8b5eee9ffed84fe6994f4e2df974af7ce741590b3ea68de4ecb9fd803b5f3578b0c
+  data.tar.gz: 40bc3ee73dc57262e9cfe13b95243cd09af5b70be216842486efada44c2e247b257688e90926841eb586e5f4f3fd8333f382df3ac3cd5af4ad48409b4b4b627a

data/.gitignore

@@ -0,0 +1,3 @@
+_misc/
+
+*.orig

data/Gemfile

@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2017 Mattia Roccoberton
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,55 @@
+# Active Admin Blaze Theme [![Gem Version](https://badge.fury.io/rb/activeadmin_blaze_theme.svg)](https://badge.fury.io/rb/activeadmin_blaze_theme)
+
+A theme for Active Admin using [Blaze CSS](http://blazecss.com/)
+
+Features:
+
+- clean UI
+- compact edit form
+- Blaze CSS widgets
+
+## Install
+
+- Add to your Gemfile:
+
+`gem 'activeadmin_blaze_theme'`
+
+- Execute bundle
+
+- Add at the end of your ActiveAdmin styles (_app/assets/stylesheets/active_admin.scss_):
+
+`@import "activeadmin_blaze_theme/theme";`
+
+## Customize
+
+- To change colors add before your ActiveAdmin styles (_app/assets/stylesheets/active_admin.scss_):
+
+```css
+$bg-form1: #f4f4f4;
+$bg-form2: darken($bg-form1, 3%);
+$bg-form3: darken($bg-form1, 6%);
+$bg-form4: darken($bg-form1, 9%);
+$bg-header: $color-brand;
+$bg-inputs: #fff;
+$fg-box-title: #fff;
+$fg-link2: #eee;
+$fg-table-borders: #e4e4e4;
+```
+
+## Screenshots
+
+Index:
+
+![index](screenshot1.jpg)
+
+Edit:
+
+![edit](screenshot2.jpg)
+
+## Contributors
+
+- [Mattia Roccoberton](http://blocknot.es) - creator, maintainer
+
+## License
+
+[MIT](LICENSE)

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

data/activeadmin_blaze_theme.gemspec

@@ -0,0 +1,20 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'activeadmin_blaze_theme/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "activeadmin_blaze_theme"
+  spec.version       = ActiveAdminBlazeTheme::VERSION
+  spec.authors       = ["Mattia Roccoberton"]
+  spec.email         = ["mat@blocknot.es"]
+  spec.summary       = "ActiveAdmin Blaze Theme"
+  spec.description   = "An ActiveAdmin theme which use Blaze CSS toolkit"
+  spec.homepage      = "https://github.com/blocknotes/activeadmin_blaze_theme"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+end

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.colors.scss

@@ -0,0 +1,14 @@
+@import "mixins/settings.global";
+
+//
+// Colors
+//
+@each $name, $value in $colors {
+  .u-color-#{$name} {
+    color: $value;
+  }
+
+  .u-bg-#{$name} {
+    background-color: $value;
+  }
+}

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

@@ -0,0 +1,41 @@
+@import "generics.global";
+@import "objects.containers";
+@import "objects.grid";
+@import "objects.grid.responsive";
+@import "objects.images";
+@import "objects.panels";
+@import "objects.media";
+@import "objects.forms";
+@import "objects.modals";
+@import "objects.drawers";
+@import "components.typography";
+@import "components.badges";
+@import "components.headings";
+@import "components.addresses";
+@import "components.tables";
+@import "components.cards";
+@import "components.buttons";
+@import "components.links";
+@import "components.lists";
+@import "components.breadcrumbs";
+@import "components.trees";
+@import "components.tabs";
+@import "components.inputs";
+@import "components.input-groups";
+@import "components.hints";
+@import "components.toggles";
+@import "components.tags";
+@import "components.ranges";
+@import "components.pagination";
+@import "components.overlays";
+@import "components.bubbles";
+@import "components.tooltips";
+@import "components.alerts";
+@import "components.calendars";
+@import "components.navs";
+@import "components.progress";
+@import "components.avatars";
+@import "utilities.alignment";
+@import "utilities.boxing";
+@import "utilities.elevation";
+@import "utilities.sizes";

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.addresses.scss

@@ -0,0 +1,12 @@
+@import "mixins/settings.global";
+@import "mixins/components.typography";
+
+.c-address {
+  @include paragraph;
+  font-style: $address-font-style;
+}
+
+.c-address__heading {
+  display: block;
+  font-weight: $address-heading-font-weight;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.alerts.scss

@@ -0,0 +1,59 @@
+@import "mixins/components.alerts";
+
+.c-alerts {
+  display: block;
+  position: absolute;
+  width: $alerts-width;
+  max-height: 100%;
+  background-color: $alerts-background-color;
+  z-index: $alerts-z-index;
+  overflow-y: auto;
+}
+
+.c-alerts--topleft {
+  top: $alerts-margin;
+  left: $alerts-margin;
+}
+
+.c-alerts--topright {
+  top: $alerts-margin;
+  right: $alerts-margin;
+}
+
+.c-alerts--bottomleft {
+  bottom: 0;
+  left: $alerts-margin;
+}
+
+.c-alerts--bottomright {
+  right: $alerts-margin;
+  bottom: 0;
+}
+
+.c-alert {
+  @include alert-color;
+  position: relative;
+  margin: $alert-margin;
+  padding: $alert-padding;
+  border-radius: $alert-border-radius;
+}
+
+.c-alert--brand {
+  @include alert-color($alert-brand-background-color);
+}
+
+.c-alert--info {
+  @include alert-color($alert-info-background-color);
+}
+
+.c-alert--warning {
+  @include alert-color($alert-warning-background-color);
+}
+
+.c-alert--success {
+  @include alert-color($alert-success-background-color);
+}
+
+.c-alert--error {
+  @include alert-color($alert-error-background-color);
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.avatars.scss

@@ -0,0 +1,36 @@
+@import "mixins/settings.global";
+
+.c-avatar {
+  display: inline-block;
+  position: relative;
+  width: $avatar-medium-size;
+  height: $avatar-medium-size;
+  margin: $avatar-margin;
+  border-radius: $avatar-img-border-radius;
+  background-color: $avatar-background-color;
+  color: $avatar-color;
+}
+
+.c-avatar[data-text]:after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  content: attr(data-text);
+}
+
+.c-avatar__img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: $avatar-img-border-radius;
+  overflow: hidden;
+}
+
+.c-avatar__img + .c-avatar__img {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: $avatar-inner-img-size;
+  height: $avatar-inner-img-size;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.badges.scss

@@ -0,0 +1,60 @@
+@import "mixins/components.badges";
+
+.c-badge {
+  @include badge($badge-background-color, $badge-color, $badge-background-color);
+  display: inline-block;
+  margin: $badge-margin;
+  padding: $badge-padding;
+  border-radius: $badge-border-radius;
+  font-size: $badge-font-size;
+  font-weight: $badge-font-weight;
+  line-height: $badge-line-height;
+
+  &.c-badge--ghost {
+    @include badge($badge-ghost-background-color, $badge-ghost-color)
+  }
+}
+
+.c-badge--rounded {
+  border-radius: $badge-border-radius-rounded;
+}
+
+.c-badge--brand {
+  @include badge($badge-brand-background-color, $badge-brand-color, $badge-brand-background-color);
+
+  &.c-badge--ghost {
+    @include badge($badge-ghost-brand-background-color, $badge-ghost-brand-color)
+  }
+}
+
+.c-badge--info {
+  @include badge($badge-info-background-color, $badge-info-color, $badge-info-background-color);
+
+  &.c-badge--ghost {
+    @include badge($badge-ghost-info-background-color, $badge-ghost-info-color)
+  }
+}
+
+.c-badge--warning {
+  @include badge($badge-warning-background-color, $badge-warning-color, $badge-warning-background-color);
+
+  &.c-badge--ghost {
+    @include badge($badge-ghost-warning-background-color, $badge-ghost-warning-color)
+  }
+}
+
+.c-badge--success {
+  @include badge($badge-success-background-color, $badge-success-color, $badge-success-background-color);
+
+  &.c-badge--ghost {
+    @include badge($badge-ghost-success-background-color, $badge-ghost-success-color)
+  }
+}
+
+.c-badge--error {
+  @include badge($badge-error-background-color, $badge-error-color, $badge-error-background-color);
+
+  &.c-badge--ghost {
+    @include badge($badge-ghost-error-background-color, $badge-ghost-error-color)
+  }
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.breadcrumbs.scss

@@ -0,0 +1,20 @@
+@import "mixins/settings.global";
+
+.c-breadcrumbs {
+  display: block;
+  margin: $breadcrumb-margin;
+  padding: $breadcrumb-padding;
+  list-style: none;
+}
+
+.c-breadcrumbs__crumb {
+  display: inline-block;
+  width: auto;
+  padding: $breadcrumb-crumb-padding;
+
+  &:not(:last-child):after {
+    padding: $breadcrumb-crumb-separator-padding;
+    color: $breadcrumb-crumb-separator-color;
+    content: $breadcrumb-crumb-separator-content;
+  }
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.bubbles.scss

@@ -0,0 +1,49 @@
+@import "mixins/settings.global";
+
+.c-bubble {
+  display: inline-block;
+  position: relative;
+  padding: $bubble-padding;
+  border-radius: $bubble-border-radius;
+  background-color: $bubble-background-color;
+  color: $bubble-color;
+  text-align: $bubble-text-align;
+  white-space: nowrap;
+
+  &:after {
+    display: block;
+    position: absolute;
+    width: 0;
+    height: 0;
+    border: $bubble-arrow-width solid transparent;
+    content: "";
+  }
+}
+
+.c-bubble--top:after {
+  bottom: -($bubble-arrow-width * 2);
+  left: 50%;
+  transform: translateX(-50%);
+  border-top-color: $bubble-background-color;
+}
+
+.c-bubble--right:after {
+  top: 50%;
+  left: -($bubble-arrow-width * 2);
+  transform: translateY(-50%);
+  border-right-color: $bubble-background-color;
+}
+
+.c-bubble--bottom:after {
+  top: -($bubble-arrow-width * 2);
+  left: 50%;
+  transform: translateX(-50%);
+  border-bottom-color: $bubble-background-color;
+}
+
+.c-bubble--left:after {
+  top: 50%;
+  right: -($bubble-arrow-width * 2);
+  transform: translateY(-50%);
+  border-left-color: $bubble-background-color;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.buttons.scss

@@ -0,0 +1,77 @@
+@import "mixins/components.buttons";
+
+.c-button {
+  @include button;
+}
+
+.c-button--close {
+  @include button-color(transparent, inherit);
+  position: absolute;
+  right: $spacing-small;
+  padding: 0;
+  outline: 0;
+  font-size: $button-close-font-size;
+  font-weight: $button-close-font-weight;
+  line-height: 1;
+}
+
+.c-button--block {
+  display: inline-block;
+  width: 100%;
+}
+
+.c-button--rounded {
+  border-radius: $button-rounded-border-radius;
+}
+
+.c-button--brand {
+  @include button-color($button-brand-background-color, $button-brand-color);
+}
+
+.c-button--info {
+  @include button-color($button-info-background-color, $button-info-color);
+}
+
+.c-button--warning {
+  @include button-color($button-warning-background-color, $button-warning-color);
+}
+
+.c-button--success {
+  @include button-color($button-success-background-color, $button-success-color);
+}
+
+.c-button--error {
+  @include button-color($button-error-background-color, $button-error-color);
+}
+
+.c-button--ghost {
+  @include button-ghost;
+}
+
+.c-button--ghost-brand {
+  @include button-ghost($button-ghost-brand-color, $button-ghost-brand-hover-color);
+}
+
+.c-button--ghost-info {
+  @include button-ghost($button-ghost-info-color, $button-ghost-info-hover-color);
+}
+
+.c-button--ghost-warning {
+  @include button-ghost($button-ghost-warning-color, $button-ghost-warning-hover-color);
+}
+
+.c-button--ghost-success {
+  @include button-ghost($button-ghost-success-color, $button-ghost-success-hover-color);
+}
+
+.c-button--ghost-error {
+  @include button-ghost($button-ghost-error-color, $button-ghost-error-hover-color);
+}
+
+.c-button__icon-left {
+  padding-right: $button-icon-left-padding;
+}
+
+.c-button__icon-right {
+  padding-left: $button-icon-right-padding;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.calendars.scss

@@ -0,0 +1,69 @@
+@import "mixins/settings.global";
+@import "mixins/objects.grid";
+@import "mixins/components.buttons";
+
+.c-calendar {
+  @include grid;
+  @include grid--wrap;
+  @include grid--center;
+  @include grid__cell--no-gutter;
+  max-width: $calendar-max-width;
+  padding: $calendar-padding;
+  border: $calendar-border;
+  border-radius: $calendar-border-radius;
+  background-color: $calendar-background-color;
+  text-align: $calendar-text-align;
+  z-index: $z-over-control;
+}
+
+.c-calendar__control,
+.c-calendar__date {
+  @include button-color($calendar-control-background-color, $calendar-control-color);
+  display: inline;
+  flex: 0 0 14.28%;
+  max-width: 14.28%;
+  margin: 0;
+  padding: $calendar-control-padding;
+  border: $calendar-control-border-width $calendar-control-border-style transparent;
+  border-radius: $calendar-control-border-radius;
+  outline: 0;
+  font-size: $calendar-control-font-size;
+  cursor: pointer;
+  user-select: none;
+}
+
+.c-calendar__header {
+  @include grid__cell;
+  @include grid__cell--no-gutter;
+  @include grid__cell--width(70%);
+  padding: $calendar-header-padding;
+}
+
+.c-calendar__day {
+  @include grid__cell;
+  @include grid__cell--no-gutter;
+  flex: 0 0 14.28%;
+  max-width: 14.28%;
+  padding: $calendar-day-padding;
+  font-weight: $calendar-day-font-weight;
+}
+
+.c-calendar__date {
+  &:hover {
+    border: $calendar-control-border-hover;
+  }
+}
+
+.c-calendar__date--in-month {
+  color: $calendar-control-date-in-month-color;
+}
+
+.c-calendar__date--today {
+  border-color: $calendar-today-border-color;
+}
+
+.c-calendar__date--selected,
+.c-calendar__date--selected:hover {
+  @include button-color($calendar-control-selected-background-color, $calendar-control-selected-color);
+  border-color: $calendar-control-selected-border-color;
+}