compass_radix 0.0.1

data/README.md

@@ -0,0 +1,6 @@
+Compass Radix
+=============
+
+A Compass extension for Drupal's Radix theme.
+
+For documentation and more see [http://drupal.org/project/radix](http://drupal.org/project/radix).

data/lib/compass_radix.rb

@@ -0,0 +1,3 @@
+require 'compass'
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('compass_radix', :path => extension_path)

data/stylesheets/_compass_radix.scss

@@ -0,0 +1,43 @@
+// @file
+// SCSS partials import
+// --------------------------------------------------
+
+// COMPASS Imports
+// --------------------------------------------------
+@import "compass";
+@include global-reset;
+@include reset-html5;
+
+// Radix Variables and Mixins
+// --------------------------------------------------
+@import "compass_radix/variable";
+@import "compass_radix/mixin";
+
+// Compass plugin for Twitter Bootstrap
+// @see https://github.com/vwall/compass-twitter-bootstrap
+// --------------------------------------------------
+@import "compass_twitter_bootstrap";
+@import "compass_twitter_bootstrap_awesome";
+@import "compass_twitter_bootstrap_responsive";
+
+// Contrib
+// --------------------------------------------------
+@import "compass_radix/contrib";
+
+// Radix Theme CSS
+// --------------------------------------------------
+@import "compass_radix/font";
+@import "compass_radix/layout";
+@import "compass_radix/structure";
+@import "compass_radix/menu";
+@import "compass_radix/navbar";
+@import "compass_radix/page";
+@import "compass_radix/panel";
+@import "compass_radix/view";
+@import "compass_radix/form";
+@import "compass_radix/user";
+@import "compass_radix/node";
+
+// Other
+// --------------------------------------------------
+@import "compass_radix/maintenance";

data/stylesheets/compass_radix/_contrib.scss

@@ -0,0 +1,10 @@
+//
+// Contrib
+// Some extra config for Drupal contrib
+// --------------------------------------------------
+
+// Navbar (Drupal)
+// @see http://drupal.org/project/navbar
+// -------------------------
+$drupalNavbarBackground: #2B2C30;
+$drupalNavbarLinkColor: $linkColor !default;

data/stylesheets/compass_radix/_font.scss

@@ -0,0 +1,4 @@
+//
+// Layout
+// @font-face
+// --------------------------------------------------

data/stylesheets/compass_radix/_form.scss

@@ -0,0 +1,194 @@
+//
+// Layout
+// Styles for Forms
+// --------------------------------------------------
+
+// General
+// --------------------------------------------------
+form {
+  fieldset {
+    min-height: 50px;
+    legend {
+      font-size: 18px;
+    }
+  }
+  .form-actions {
+    .btn {
+      margin-right: 10px;
+    }
+  }
+  .field-type-datetime {
+    select {
+      width: 80px;
+    }
+  }
+  .format-toggle {
+    float: none;
+  }
+}
+
+@media (max-width: 767px) { 
+  form {
+    .btn {
+      width: 100%;
+      display: block;
+      clear: both;
+      margin: 0 0 5px;
+    }
+    input.form-text,
+    textarea,
+    select {
+      width: 94%;
+    }
+    fieldset {
+      legend {
+        font-size: 18px;
+        line-height: 24px;
+        padding-bottom: 5px;
+        margin-top: 10px;
+      }
+    }
+    .confirm-parent, 
+    .password-parent, 
+    .password-suggestions {
+      width: auto !important;
+    }
+    .password-parent {
+      div.password-strength {
+        width: 150px;
+        float: right;
+        margin-top: 0;
+        font-size: 10px;
+        margin-bottom: 5px;
+        margin-top: -5px;
+      }
+    }
+    .confirm-parent {
+      div.password-confirm {
+        width: 110px;
+        float: right;
+        margin-top: 0;
+        font-size: 10px;
+        margin-bottom: 5px;
+        margin-top: -5px;
+      }
+    }
+  }
+}
+
+// Node Edit Form
+// --------------------------------------------------
+#node-edit {
+  #edit-title {
+    font-size: 1.6em;
+    line-height: 1.6em;
+    height: 45px;
+    width: 90%;
+  }
+  .form-item-path-alias {
+    @include clearfix();
+    label, input {
+      display: inline;
+    }
+  }
+  .burr-flipped-sidebar {
+    .panel-pane {
+      @include well();
+      padding: 10px;
+      .pane-title {
+        margin-top: 0;
+      }
+    }
+    .pane-node-form-buttons {
+      background: none;
+      padding: inherit;
+      .form-actions {
+        margin: 0;
+        border-top: 0;
+      }
+    }
+  }
+}
+
+.filter-wrapper {
+  @include well();
+  margin-top: 10px;
+  .filter-guidelines {
+    padding: 0;
+    .tips {
+      margin-left: 0;
+    }
+  }
+}
+
+// Search Form
+// --------------------------------------------------
+.navbar {
+  .search-form {
+    .container-inline {
+      padding-top: 0;
+    }
+    input {
+      &.form-submit {
+        display: none;
+      }
+    }
+  }
+}
+
+@media (max-width: 979px) {
+  .navbar {
+    .search-form {
+      border: 0 !important;
+      padding: 5px 0 10px;
+      margin: 0;
+      @include box-shadow(none);
+      .container-inline {
+        padding-top: 0;
+        margin: 0;
+        display: block;
+        width: 100%;
+        .form-item {
+          width: 100%;
+          display: block;
+        }
+      }
+      input {
+        margin: 0 auto;
+        display: block;
+      }
+    }
+  }
+}
+
+// Field Overview
+// --------------------------------------------------
+.page-admin {
+  form {
+    table {
+      select,
+      input.form-text {
+        width: 150px;
+      }
+    }
+  }
+}
+
+// Features
+// --------------------------------------------------
+#features-export-form {
+  .features-export-parent {
+    margin: 0 0 20px;
+    fieldset.collapsed {
+      min-height: 43px !important;
+      background: none;
+    }
+    .features-export-list {
+      padding: 10px;
+      .form-item {
+        float: none !important;
+      }
+    }
+  }
+}
+

data/stylesheets/compass_radix/_layout.scss

@@ -0,0 +1,30 @@
+//
+// Layout
+// Styles for main layout
+// --------------------------------------------------
+.show-grid .panel-display .row {
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+
+.show-grid .panel-display .row [class*="span"] {
+  background-color: #eee;
+  text-align: center;
+  min-height: 40px;
+  line-height: 40px;
+  @include border-radius(4px);
+}
+
+.container {
+  .container {
+    width: auto;
+  }
+}
+
+body {
+  #header {
+    #navigation {
+      margin-top: 20px;
+    }
+  }
+}

data/stylesheets/compass_radix/_maintenance.scss

@@ -0,0 +1,5 @@
+// Maintenance
+// CSS for maintenance page
+// --------------------------------------------------
+.maintenance-page {
+}

data/stylesheets/compass_radix/_menu.scss

@@ -0,0 +1,217 @@
+// Menu
+// Styles for Menus and Navs
+// --------------------------------------------------
+
+// General
+// --------------------------------------------------
+.navbar {
+  .btn-navbar-search {
+    padding: 4px 11px 3px;
+    span {
+      line-height: 1.1em;
+    }
+  }
+}
+
+// Main Menu
+// --------------------------------------------------
+#main-menu {
+  > ul.menu {
+    margin: 0;
+    padding: 0;
+    @include clearfix();
+    overflow: visible;
+    > li {
+      margin: 0;
+      padding: 0;
+      position: relative;
+      float: left;
+      list-style: none outside none;
+      position: relative;
+      > a {
+        float: none;
+        padding: 10px 15px 10px;
+        color: $navbarLinkColor;
+        text-decoration: none;
+        text-shadow: 0 1px 0 white;
+        display: block;
+        &:hover {
+          color: $navbarLinkColorHover;
+          text-decoration: none;
+          background-color: $navbarLinkBackgroundHover;
+        }
+        &:focus, 
+        &.active {
+          color: $navbarLinkColorActive;
+          text-decoration: none;
+          background-color: $navbarLinkBackgroundActive;
+          @include box-shadow(inset 0 3px 8px rgba(0, 0, 0, 0.125));
+        }
+      }
+      > ul.menu {
+        position: absolute;
+        top: 100%;
+        left: 0;
+        z-index: 1000;
+        display: none;
+        float: left;
+        min-width: 160px;
+        padding: 5px 0;
+        margin: 2px 0 0;
+        list-style: none;
+        background-color: $dropdownBackground;
+        border: 1px solid $dropdownBorder;
+        @include border-radius(6px 6px 6px 6px);
+        @include box-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
+        li {
+          list-style: none outside none;
+          margin: 0;
+          padding: 0;
+          a {
+            display: block;
+            padding: 3px 20px;
+            clear: both;
+            font-weight: normal;
+            line-height: 20px;
+            color: $dropdownLinkColor;
+            white-space: nowrap;
+            &:focus, &:hover {
+              color: $dropdownLinkColorHover;
+              text-decoration: none;
+              outline: 0;
+              background-color: $dropdownLinkBackgroundActive;
+              @include ctb-gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%));
+            }
+          }
+        }
+        &:before {
+          position: absolute;
+          top: -7px;
+          left: 9px;
+          display: inline-block;
+          border-right: 7px solid transparent;
+          border-bottom: 7px solid #CCC;
+          border-left: 7px solid transparent;
+          border-bottom-color: rgba(0, 0, 0, 0.2);
+          content: '';
+        }
+        &:after {
+          position: absolute;
+          top: -6px;
+          left: 10px;
+          display: inline-block;
+          border-right: 6px solid transparent;
+          border-bottom: 6px solid white;
+          border-left: 6px solid transparent;
+          content: '';
+        }
+      }
+      &.open {
+        > a {
+          color: #555;
+          background-color: #E5E5E5;
+        }
+        ul.menu {
+          display: block;
+        }
+      }
+    }
+  }
+}
+
+
+@media (max-width: 979px) {
+  #main-menu {
+    float: none;
+    > ul.menu {
+      li {
+        display: block;
+        float: none;
+        margin-bottom: 2px;
+        a {
+          display: block;
+          padding: 9px 15px;
+          font-weight: bold;
+          color: #777777;
+          @include border-radius(3px);
+          &:hover {
+            background-color: #f2f2f2;
+          }
+        }
+        &.open {
+          ul.menu {
+            display: none !important;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 980px) {
+  .nav-collapse.collapse {
+    height: auto !important;
+    overflow: visible !important;
+  }
+}
+
+// Pane Menu Tree
+// --------------------------------------------------
+.pane-menu-tree {  
+  padding: 0;
+  background-color: #fff;
+  margin: 0 0 30px;
+  @include border-radius(6px);
+  @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.065));
+  .pane-title {
+    padding: 8px 14px;
+    margin: 0 0 -1px;
+    border: 1px solid #e5e5e5;
+  }
+  .pane-content {
+    ul.menu {
+      margin: 0;
+      padding: 0;
+      li {
+        list-style: none outside none;
+        margin: 0;
+        padding: 0;
+        a {
+          display: block;
+          margin: 0 0 -1px;
+          padding: 8px 14px;
+          border: 1px solid #e5e5e5;
+          &:hover {
+            background-color: #f5f5f5;
+            text-decoration: none;
+          }
+        }
+        &.active-trail {
+          > a {
+            color: #ffffff;
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+            background-color: #0088cc;
+          }
+          > ul.menu {
+            display: block;
+            li {
+              a {
+                padding-left: 30px;
+              }
+              &.active-trail {
+                > a {
+                  background-color: #F5F5F5;
+                  color: #0088CC;
+                  text-shadow: none;
+                }
+              }
+            }
+          }
+        }
+      }
+      ul.menu {
+        display: none;
+      }
+    }
+  }
+}