active_material 1.4.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 4db8f4dd0845f94f384644dd2913f1062a02b856
+  data.tar.gz: 3a818db9e6715b003a9c82c8b2ebc747b4686118
+SHA512:
+  metadata.gz: 035d18d160a33a97784977e95c70cc340ea7724af54976771f433021cc6b67f741e3dd12f820e26e2d71f04ca0d938625396d99a3b424aeea68f937e79e962ec
+  data.tar.gz: d3780de85ae2544e665638f0dff2e95200ca7f314fc3c32e6ed4f442eb9453fea2dc7bbbce2bf335b378028aea70e6ba5c7ecc5a48bf8acab1eb4d052bda166f

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 David Eisinger
+
+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,60 @@
+# ActiveMaterial
+
+An ActiveAdmin skin based on Google's Material Design.
+
+<img src="http://i.imgur.com/kDkGzYe.png">
+
+1. [Installation](#installation)
+2. [Usage](#usage)
+3. [Customization](#customization)
+4. [Contributing](#contributing)
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem "active_material", git: "git@github.com:vigetlabs/active_material.git"
+```
+
+And then execute:
+
+```shell
+$ bundle
+```
+
+Or install it yourself as:
+
+```shell
+$ gem install active_material
+```
+
+## Usage
+
+In `app/assets/stylesheets/active_admin.css.scss`, replace:
+
+`@import "active_admin/base";`
+
+with
+
+`@import "active_material";`
+
+## Customization
+
+Refer to the [Customization Guide](./docs/customization.md).
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/active_material/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am "Add some feature"`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request
+
+***
+
+<a href="http://code.viget.com">
+  <img src="http://code.viget.com/github-banner.png" alt="Code At Viget">
+</a>
+
+Visit [code.viget.com](http://code.viget.com) to see more projects from [Viget.](https://viget.com)

data/app/assets/images/active_material/icons/account_circle.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#FFFFFF" d="M24,4C12.95,4,4,12.95,4,24s8.95,20,20,20s20-8.95,20-20S35.05,4,24,4z M24,10c3.311,0,6,2.69,6,6
+	c0,3.32-2.689,6-6,6c-3.31,0-6-2.68-6-6C18,12.69,20.69,10,24,10z M24,38.4c-5.01,0-9.41-2.561-12-6.44c0.05-3.97,8.01-6.16,12-6.16
+	s11.939,2.19,12,6.16C33.41,35.84,29.01,38.4,24,38.4z"/>
+</svg>

data/app/assets/images/active_material/icons/arrow-dropdown.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="18px" height="18px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve">
+<path opacity="0.4" d="M5,8l4,4l4-4H5z"/>
+</svg>

data/app/assets/images/active_material/icons/arrow_down.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path opacity="0.5" d="M7.41,7.84L12,12.42l4.59-4.58L18,9.25l-6,6l-6-6L7.41,7.84z"/>
+</svg>

data/app/assets/images/active_material/icons/clear.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path opacity="0.54" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12
+	L19,6.41z"/>
+</svg>

data/app/assets/images/active_material/icons/create.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path opacity="0.54" d="M3,17.25V21h3.75L17.811,9.94l-3.75-3.75L3,17.25z M20.71,7.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34
+	c-0.39-0.39-1.021-0.39-1.41,0l-1.83,1.83l3.75,3.75L20.71,7.04z"/>
+</svg>

data/app/assets/images/active_material/icons/email.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path opacity="0.3" enable-background="new    " d="M20,4H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6
+	C22,4.9,21.1,4,20,4z M20,8l-8,5L4,8V6l8,5l8-5V8z"/>
+</svg>

data/app/assets/images/active_material/icons/event.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path opacity="0.4" d="M17,12h-5v5h5V12z M16,1v2H8V1H6v2H5C3.89,3,3.01,3.9,3.01,5L3,19c0,1.1,0.89,2,2,2h14c1.1,0,2-0.9,2-2V5
+	c0-1.1-0.9-2-2-2h-1V1H16z M19,19H5V8h14V19z"/>
+</svg>

data/app/assets/images/active_material/icons/more.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill="none" d="M0,0h24v24H0V0z"/>
+<path opacity="0.875" d="M12,8c1.1,0,2-0.9,2-2s-0.9-2-2-2c-1.1,0-2,0.9-2,2S10.9,8,12,8z M12,10c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2
+	c1.1,0,2-0.9,2-2C14,10.9,13.1,10,12,10z M12,16c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S13.1,16,12,16z"/>
+</svg>

data/app/assets/images/active_material/icons/reorder.svg

@@ -0,0 +1,4 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M3 15h18v-2H3v2zm0 4h18v-2H3v2zm0-8h18V9H3v2zm0-6v2h18V5H3z"/>
+</svg>

data/app/assets/images/active_material/icons/search.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path opacity="0.54" d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5S5.91,16,9.5,16
+	c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
+	S11.99,14,9.5,14z"/>
+</svg>

data/app/assets/images/active_material/icons/secret.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path opacity="0.4" d="M12.65,10C11.83,7.67,9.61,6,7,6c-3.31,0-6,2.69-6,6c0,3.311,2.69,6,6,6c2.61,0,4.83-1.67,5.65-4H17v4h4v-4h2
+	v-4H12.65z M7,14c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2s2,0.9,2,2C9,13.1,8.1,14,7,14z"/>
+</svg>

data/app/assets/javascripts/active_material/fonts.js

@@ -0,0 +1,21 @@
+/**
+ * Fonts.js
+ * Material design uses the Roboto Family. This script is responsible
+ * for pulling it in asynchronously.
+ *
+ * http://www.google.com/design/spec/style/typography.html#typography-typeface
+ */
+
+WebFontConfig = {
+  google: { families: [ 'RobotoDraft:regular,medium,bold,italic:latin' ] }
+};
+
+(function() {
+  var wf = document.createElement('script');
+  wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
+  wf.type = 'text/javascript';
+  wf.async = 'true';
+  var s = document.getElementsByTagName('script')[0];
+  s.parentNode.insertBefore(wf, s);
+})();

data/app/assets/javascripts/active_material.js

@@ -0,0 +1 @@
+//= require active_material/fonts

data/app/assets/stylesheets/active_material/atoms/clearfix.scss

@@ -0,0 +1,14 @@
+/// Injects standard clearfix rules
+@mixin am-clearfix {
+  *zoom: 1;
+
+  &:before,
+  &:after {
+    content: " ";
+    display: table;
+  }
+
+  &:after {
+    clear: both;
+  }
+}

data/app/assets/stylesheets/active_material/atoms/color.scss

@@ -0,0 +1,5 @@
+/// Injects a color property given a key within $am-color.
+/// @param {any} $key - A key within $am-color
+@mixin am-color($key) {
+  color: am-color($key);
+}

data/app/assets/stylesheets/active_material/atoms/family.scss

@@ -0,0 +1,5 @@
+/// Injects a font-family property given a key within $am-font-family.
+/// @param {any} $key - A key within $am-font-family
+@mixin am-font-family($key) {
+  font-family: am-font-family($key)
+}

data/app/assets/stylesheets/active_material/atoms/fill.scss

@@ -0,0 +1,5 @@
+/// Injects a background-color property given a key within $am-color.
+/// @param {any} $key - A key within $am-color
+@mixin am-fill($key) {
+  background-color: am-color($key);
+}

data/app/assets/stylesheets/active_material/atoms/hidden.scss

@@ -0,0 +1,5 @@
+/// Injects rules to visually hide an element
+@mixin am-hidden {
+  clip: rect(0, 0, 0, 0) !important;
+  position: absolute !important;
+}

data/app/assets/stylesheets/active_material/atoms/links.scss

@@ -0,0 +1,23 @@
+/// Assigns a color rule and rules to adjust color to the
+/// accent color upon hover/focus
+///
+/// @param {any} $initial - A color key for the initial text color
+/// @param {any} $focus - A color key for the focus/hover text color
+@mixin am-link($initial:text, $focus:accent) {
+  @include am-color($initial);
+
+  &:hover,
+  &:focus {
+    @include am-color($focus);
+  }
+}
+
+/// Strips away text decoration, applying an underline on hover/focus
+@mixin am-link-no-decoration {
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+}

data/app/assets/stylesheets/active_material/atoms/lists.scss

@@ -0,0 +1,13 @@
+/// Nullify default list rules
+@mixin am-list-blank {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/// Inject a rule for child <li> tags to use inline-block.
+@mixin am-list-inline {
+  li {
+    display: inline-block;
+  }
+}

data/app/assets/stylesheets/active_material/atoms/paper.scss

@@ -0,0 +1,7 @@
+/// Inject rules for generic, elevated surfaces. This is used for
+/// elements that overlap other content, such as panels and sidebars.
+@mixin am-paper {
+  @include am-fill(paper);
+  border-radius: 2px;
+  box-shadow: 0 1px 2px rgba(#000, 0.24), 0 0 2px rgba(#000, 0.15);
+}

data/app/assets/stylesheets/active_material/atoms/type.scss

@@ -0,0 +1,54 @@
+/// Type Atoms
+///
+/// Mixins for manipulation of typography. These styles mirror the
+/// Material Design standard
+///
+/// https://www.google.com/design/spec/style/typography.html
+
+/// Applies rules for subheader text.
+@mixin am-type-subheader {
+  @include am-font-size(16);
+  font-weight: 400;
+  line-height: am-sp(24);
+  letter-spacing: am-tracking(10);
+}
+
+/// Applies rules for heavier, more emphasized, body text.
+@mixin am-type-body-2 {
+  @include am-font-size(14);
+  font-weight: 600;
+  line-height: am-sp(24);
+  letter-spacing: am-tracking(10);
+}
+
+/// Applies rules for standard body text.
+@mixin am-type-body-1 {
+  @include am-font-size(14);
+  font-weight: 400;
+  line-height: am-sp(20);
+  letter-spacing: am-tracking(10);
+}
+
+/// Applies rules for caption text.
+@mixin am-type-caption {
+  @include am-font-size(12);
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: am-tracking(20);
+  line-height: am-sp(12);
+}
+
+/// Applies rules for button text.
+@mixin am-type-btn {
+  @include am-font-size(14);
+  font-weight: 500;
+  letter-spacing: am-tracking(10);
+  line-height: am-sp(12);
+  text-transform: uppercase;
+}
+
+/// Applies rules for smooth text anti-aliasing.
+@mixin am-type-smooth {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}

data/app/assets/stylesheets/active_material/components/avatar.scss

@@ -0,0 +1,3 @@
+.avatar {
+  @include am-avatar;
+}

data/app/assets/stylesheets/active_material/components/blank_slate.scss

@@ -0,0 +1,26 @@
+/**
+ * Blank Slate
+ * This element appears whenever a resource can not display
+ * any information. For example, the default homescreen.
+ */
+
+.blank_slate_container {
+  @include am-color(tertiary-text);
+  @include am-type-body-1;
+  @include am-type-smooth;
+  font-weight: 600;
+  padding: am-unit(3) am-unit(2);
+  text-align: center;
+}
+
+.blank_slate {
+  border: 1px dashed rgba(#000, 0.2);
+  border-radius: 3px;
+  display: inline-block;
+  padding: 16px 24px;
+
+  small {
+    display: block;
+    margin-top: am-unit(1);
+  }
+}

data/app/assets/stylesheets/active_material/components/breadcrumbs.scss

@@ -0,0 +1,11 @@
+/**
+ * Breadcrumbs
+ * Appear above the title to help users return to previous
+ * steps in their flow.
+ */
+
+.breadcrumb {
+  @include am-type-caption;
+  display: block;
+  margin-bottom: am-unit(1);
+}

data/app/assets/stylesheets/active_material/components/buttons.scss

@@ -0,0 +1,20 @@
+/**
+ * Buttons
+ * Various selectors for button like elements
+ */
+
+.clear_filters_btn {
+  @include am-btn;
+}
+
+.button,
+.cancel a {
+  @include am-btn;
+}
+
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  @include am-btn;
+  @include am-btn-raised;
+}

data/app/assets/stylesheets/active_material/components/checkbox.scss

@@ -0,0 +1,21 @@
+/**
+ * Checkboxes
+ * Inputs given the "boolean" class. They have been seperated
+ * from general form styles because of some hairy nesting.
+ */
+
+.input.boolean {
+
+  > label {
+    font-size: 14px;
+  }
+
+  > label > input {
+    display: inline-block;
+    margin-right: am-unit(1);
+    position: relative;
+    top: -1px;
+    width: auto;
+  }
+
+}

data/app/assets/stylesheets/active_material/components/clearfix.scss

@@ -0,0 +1,3 @@
+.clearfix {
+  @include am-clearfix;
+}

data/app/assets/stylesheets/active_material/components/date-select.scss

@@ -0,0 +1,31 @@
+/**
+ * Date Selects
+ */
+
+.date_select,
+.datetime_select,
+.time_select {
+
+  .fragments-group {
+    @include am-list-blank;
+    @include am-list-inline;
+    @include am-select;
+  }
+
+  .fragment {
+    @include am-select-unit;
+
+    select {
+      @include am-select-input-borderless;
+    }
+  }
+
+  .fragment label {
+    @include am-hidden;
+  }
+
+  .fragment select {
+    @include am-select-input;
+  }
+
+}

data/app/assets/stylesheets/active_material/components/datepicker.scss

@@ -0,0 +1,58 @@
+/**
+ * Datepicker
+ * An input with a dropdown calendar that appears on focus
+ */
+
+.ui-datepicker {
+  @include am-datepicker;
+}
+
+.ui-datepicker-header {
+  @include am-datepicker-header;
+
+  .ui-icon {
+    @include am-hidden;
+  }
+}
+
+.ui-datepicker-title {
+  @include am-datepicker-title;
+}
+
+.ui-datepicker-prev {
+  @include am-datepicker-prev;
+}
+
+.ui-datepicker-next {
+  @include am-datepicker-next;
+}
+
+.ui-datepicker-calendar {
+  @include am-datepicker-calendar;
+
+  th {
+    @include am-datepicker-calendar-heading;
+  }
+
+  td {
+    @include am-datepicker-calendar-day;
+  }
+
+  a {
+    @include am-datepicker-calendar-day-link;
+
+    &.ui-state-active,
+    &:hover,
+    &:focus {
+      @include am-datepicker-calendar-day-link-focus
+    }
+
+    &.ui-state-highlight {
+      @include am-datepicker-calendar-day-link-current;
+    }
+  }
+}
+
+.ui-datepicker-unselectable {
+  @include am-datepicker-calendar-day-disabled;
+}

data/app/assets/stylesheets/active_material/components/dialog.scss

@@ -0,0 +1,37 @@
+/**
+ * Dialog
+ * A full page takeover action panel
+ */
+
+.ui-dialog {
+  @include am-dialog;
+}
+
+.ui-dialog-toolbar {
+  @include am-toolbar;
+}
+
+.ui-dialog-title {
+  @include am-dialog-title;
+}
+
+.ui-dialog-content {
+  display: inline;
+
+  ul {
+    margin: 0;
+  }
+}
+
+.ui-dialog-buttonset {
+  @include am-dialog-footer;
+}
+
+.ui-button {
+  @include am-btn;
+  @include am-link(primary, text);
+}
+
+.ui-dialog-titlebar-close {
+  @include am-dialog-close;
+}

data/app/assets/stylesheets/active_material/components/dropdown.scss

@@ -0,0 +1,33 @@
+/**
+ * Dropdowns
+ */
+
+.dropdown_menu {
+  @include am-menu;
+}
+
+.dropdown_menu_button {
+  @include am-menu-button;
+
+  &:after {
+    @include am-menu-carat;
+  }
+
+  &.disabled {
+    @include am-btn-disabled;
+  }
+}
+
+.dropdown_menu_list {
+  @include am-menu-list;
+  @include am-menu-list-open;
+
+  li {
+    @include am-menu-item;
+  }
+
+  li a {
+    @include am-menu-link;
+    @include am-menu-item-open;
+  }
+}

data/app/assets/stylesheets/active_material/components/featured-blocks.scss

@@ -0,0 +1,12 @@
+.featured-blocks-message {
+  display: block;
+  padding: 0 am-unit(2) am-unit(2);
+}
+
+.new-featured-block {
+  @include am-actions-footer;
+
+  .button {
+    @include am-btn-raised;
+  }
+}