formadmin 0.1.2

data/app/assets/stylesheets/formadmin/layouts/_header.scss

@@ -0,0 +1,167 @@
+.header {
+  background-color: rgba($primary-color, 0.95);
+  backdrop-filter: blur(3px);
+  display: table;
+  color: $white;
+  height: 50px;
+  position: fixed;
+  text-shadow: $black 0 1px 0;
+  top: 0;
+  white-space: nowrap;
+  width: 100%;
+  z-index: 10;
+
+  .site_title {
+    display: table-cell;
+    font-weight: bold;
+    margin: 0 20px 0 0;
+    padding: 0 30px;
+    vertical-align: middle;
+  }
+
+  #site_title_image {
+    display: block;
+    height: 30px;
+  }
+
+  .header-item {
+    display: table-cell;
+    vertical-align: middle;
+
+    &,
+    ul {
+      margin: 0;
+      padding: 0;
+    }
+
+    a {
+      color: rgba($white, 0.9);
+      text-decoration: none;
+      transition: background 250ms, color 250ms;
+    }
+
+    li {
+      font-size: 14px;
+      list-style: none;
+      position: relative;
+    }
+
+    > li {
+      display: inline-block;
+      margin: 10px 5px 10px 0;
+
+      &.current > a,
+      &:hover > a {
+        background: tint($primary-color, 25%);
+        color: $white;
+      }
+
+      > a {
+        border-radius: $radius;
+        padding: 5px 10px;
+      }
+
+      &.has_nested {
+        > a:before {
+          border: 3px solid transparent;
+          border-bottom: 0;
+          border-top-color: rgba($white, 0.5);
+        }
+
+        &:hover > a:before,
+        &.current > a:before {
+          border-left-color: transparent;
+          border-top-color: $primary-color;
+        }
+      }
+
+      .has_nested > ul {
+        right: -100%;
+        top: 0;
+      }
+    }
+
+    ul {
+      background: tint($primary-color, 25%);
+      border-radius: 0 $radius $radius $radius;
+      height: 0;
+      max-width: calc(100% + 20px);
+      min-width: 175px;
+      opacity: 0;
+      padding: 5px 0;
+      position: absolute;
+      transform: scale(0);
+      transform-origin: left top;
+      transition: opacity 250ms, transform 250ms;
+      width: 20%;
+      z-index: 11;
+
+      a {
+        display: block;
+        padding: 5px 10px;
+        transition: all 250ms;
+      }
+
+      li:hover > a,
+      a:hover {
+        background-color: rgba($primary-color, 0.5);
+        color: $white;
+      }
+    }
+
+    .has_nested {
+      &:hover > ul {
+        height: auto;
+        opacity: 1;
+        transform: scale(1);
+      }
+
+      > a {
+        padding-right: 23px;
+        position: relative;
+
+        &:before {
+          border: 3px solid transparent;
+          border-right: 0;
+          border-left-color: rgba($white, 0.5);
+          content: '';
+          position: absolute;
+          top: 50%;
+          transition: border-color 250ms;
+          right: 10px;
+        }
+      }
+
+      &:hover > a:before,
+      &.current > a:before {
+        border-left-color: $primary-color;
+      }
+    }
+  }
+
+  #tabs {
+    width: 100%;
+  }
+
+  #utility_nav {
+    color: $silver;
+    display: table-cell;
+    margin: 0;
+    padding: 0 20px 0 0;
+    text-align: right;
+    transition: color 250ms;
+    white-space: nowrap;
+
+    a {
+      text-decoration: none;
+
+      &:hover {
+        color: $white;
+      }
+    }
+
+    li {
+      display: inline;
+    }
+  }
+}

data/app/assets/stylesheets/formadmin/layouts/_main.scss

@@ -0,0 +1,30 @@
+#active_admin_content {
+  padding: 30px 30px 0;
+  flex: 1;
+
+  @include clearfix;
+
+  #main_content_wrapper {
+    float: left;
+    width: 100%;
+  }
+
+  // Sidebar Stuffs
+  &.with_sidebar #main_content {
+    margin-right: 300px;
+  }
+
+  #sidebar {
+    float: left;
+    margin-left: -270px;
+    width: 270px;
+
+    .panel_contents {
+      padding: 0;
+
+      > div {
+        padding: 15px;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/formadmin/layouts/_title-bar.scss

@@ -0,0 +1,66 @@
+.title_bar {
+  background-color: $white;
+  border-bottom: 1px solid $silver;
+  box-shadow: 0 0 10px rgba($black, 0.1);
+  display: table;
+  margin-top: 50px;
+  padding: 20px 30px;
+  width: 100%;
+
+  #page_title {
+    font-size: 42px;
+    font-weight: 100;
+    line-height: 1;
+    margin: 0;
+  }
+
+  #titlebar_left,
+  #titlebar_right {
+    display: table-cell;
+    vertical-align: middle;
+  }
+
+  #titlebar_right {
+    text-align: right;
+
+    .action_item {
+      display: inline-block;
+
+      a {
+        border: 2px solid rgba($primary-color, 0.25);
+        border-radius: $radius;
+        color: rgba($primary-color, 0.75);
+        display: block;
+        font-weight: bold;
+        padding: 10px 15px;
+        text-decoration: none;
+        text-transform: uppercase;
+        transition: all 250ms;
+
+        &:hover {
+          border-color: $primary-color;
+          color: $primary-color;
+        }
+      }
+    }
+  }
+
+  .breadcrumb {
+    font-size: 10px;
+    font-weight: bold;
+    text-transform: uppercase;
+
+    a {
+      opacity: 0.75;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+
+    .breadcrumb_sep {
+      opacity: 0.5;
+    }
+  }
+}

data/app/assets/stylesheets/formadmin/pages/_logged-out.scss

@@ -0,0 +1,45 @@
+body.logged_out {
+  #active_admin_content {
+    @extend %box;
+    padding: 0 0 20px;
+    overflow: hidden;
+  }
+
+  #content_wrapper {
+    margin: 70px auto;
+    padding: 0;
+    width: 500px;
+  }
+
+  h2 {
+    @extend %header;
+    margin: 0;
+    padding: 15px;
+  }
+
+  fieldset {
+    border: 0;
+    margin: 0;
+  }
+
+  .inputs {
+    margin-bottom: 20px;
+  }
+
+  .actions {
+    float: left;
+    margin-left: 20px;
+  }
+
+  #login a {
+    font-size: 80%;
+    float: right;
+    margin-right: 20px;
+  }
+
+  .flash {
+    border-radius: $radius;
+    border-width: 1px;
+    margin-bottom: 20px;
+  }
+}

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "formadmin"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/formadmin.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'formadmin/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'formadmin'
+  spec.version       = Formadmin::VERSION
+  spec.authors       = ['Caio Tarifa']
+  spec.email         = ['caio@formaweb.com.br']
+
+  spec.summary       = 'Modern theme for Active Admin used by Formaweb.'
+  spec.description   = 'Modern theme for Active Admin used by Formaweb.'
+  spec.homepage      = 'http://github.com/formaweb/formadmin'
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ['lib']
+
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/formadmin/version.rb

@@ -0,0 +1,3 @@
+module Formadmin
+  VERSION = '0.1.2'
+end

data/lib/formadmin.rb

@@ -0,0 +1,8 @@
+require 'formadmin/version'
+
+module Formadmin
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

metadata

@@ -0,0 +1,116 @@
+--- !ruby/object:Gem::Specification
+name: formadmin
+version: !ruby/object:Gem::Version
+  version: 0.1.2
+platform: ruby
+authors:
+- Caio Tarifa
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-09-27 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: Modern theme for Active Admin used by Formaweb.
+email:
+- caio@formaweb.com.br
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/stylesheets/formadmin/_formadmin.scss
+- app/assets/stylesheets/formadmin/atoms/_box.scss
+- app/assets/stylesheets/formadmin/atoms/_button.scss
+- app/assets/stylesheets/formadmin/atoms/_drag.scss
+- app/assets/stylesheets/formadmin/atoms/_header.scss
+- app/assets/stylesheets/formadmin/atoms/_input.scss
+- app/assets/stylesheets/formadmin/atoms/_turbolinks.scss
+- app/assets/stylesheets/formadmin/components/_blank.scss
+- app/assets/stylesheets/formadmin/components/_button.scss
+- app/assets/stylesheets/formadmin/components/_comments.scss
+- app/assets/stylesheets/formadmin/components/_datepicker.scss
+- app/assets/stylesheets/formadmin/components/_dropdown.scss
+- app/assets/stylesheets/formadmin/components/_flash.scss
+- app/assets/stylesheets/formadmin/components/_form.scss
+- app/assets/stylesheets/formadmin/components/_grid.scss
+- app/assets/stylesheets/formadmin/components/_indexes.scss
+- app/assets/stylesheets/formadmin/components/_modal.scss
+- app/assets/stylesheets/formadmin/components/_pagination.scss
+- app/assets/stylesheets/formadmin/components/_panel.scss
+- app/assets/stylesheets/formadmin/components/_status-tag.scss
+- app/assets/stylesheets/formadmin/components/_table.scss
+- app/assets/stylesheets/formadmin/components/_tabs.scss
+- app/assets/stylesheets/formadmin/components/_tools.scss
+- app/assets/stylesheets/formadmin/components/_unsupported_browser.scss
+- app/assets/stylesheets/formadmin/core/_animations.scss
+- app/assets/stylesheets/formadmin/core/_core.scss
+- app/assets/stylesheets/formadmin/core/_mixins.scss
+- app/assets/stylesheets/formadmin/core/_reset.scss
+- app/assets/stylesheets/formadmin/core/_settings.scss
+- app/assets/stylesheets/formadmin/layouts/_footer.scss
+- app/assets/stylesheets/formadmin/layouts/_header.scss
+- app/assets/stylesheets/formadmin/layouts/_main.scss
+- app/assets/stylesheets/formadmin/layouts/_title-bar.scss
+- app/assets/stylesheets/formadmin/pages/_logged-out.scss
+- bin/console
+- bin/setup
+- formadmin.gemspec
+- lib/formadmin.rb
+- lib/formadmin/version.rb
+homepage: http://github.com/formaweb/formadmin
+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.1
+signing_key: 
+specification_version: 4
+summary: Modern theme for Active Admin used by Formaweb.
+test_files: []