compass_radix 2.0.1 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 359311cc6ceacc416659cca73410f05fdda3fb71
-  data.tar.gz: f2b494d9fdc0011bcf550150280266147c9b7317
+  metadata.gz: 75e98305d6a0a879fbc65faa2886e7ed2f274f3e
+  data.tar.gz: 7ff32bb33899185e32c1102e16c14427aad024e9
 SHA512:
-  metadata.gz: 1887db6537467f51c8e620c8ae53b9f4f81ccfdd10cecc1d4424514bcd47fb51aac3ed4d55fd23aca6dddfd45c7cbb70955f191d1829f6bbc54ec02250b33dfe
-  data.tar.gz: 5ba0e89fc05cd355ed10fa7f61557e9f958b23d09ee3705021937b2fce3b2e14180dfd89ce7b1318e6629fe691c31da63dd3be1eed8049941569adab396dc207
+  metadata.gz: c0c6c74c8b6fa1f93ca3ba0e5281924feed733112b3c6023abe94bacf07a3b1eb4b40190d547c4c19671134c0520ef0692f4179f8aa6cd0f389f53235d4bac73
+  data.tar.gz: b9c466304482b32afbd465b18fbda525435eaaec92e8ad43e71d06e8685917ba9a3822d745cca78f16cc5ee205464d5370bd396a868d2aaf3e18ed416d11bdd0

data/stylesheets/_compass_radix.scss

@@ -5,18 +5,16 @@
 // 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
+// Bootstrap Sass version
+// @see https://github.com/thomas-mcdonald/bootstrap-sass
 // --------------------------------------------------
-@import "compass_twitter_bootstrap";
+@import "bootstrap";
 @import "fontawesome/font-awesome";
 
 // Radix Theme CSS

data/stylesheets/compass_radix/_comment.scss

@@ -17,7 +17,7 @@
       margin-left: 5px;
     }
     .new {
-      color: $red;
+      color: $brand-danger;
     }
   }
   .content {

data/stylesheets/compass_radix/_form.scss

@@ -6,12 +6,16 @@
 // General
 // --------------------------------------------------
 form {
-  fieldset {
-    min-height: 50px;
-    legend {
-      font-size: 18px;
+  .form-managed-file {
+    input {
+      display: inline-block;
+      margin: 0 10px 0 0;
     }
   }
+  .container-inline-date .date-padding {
+    padding: 0;
+    float: none;
+  }
   .form-actions {
     .btn {
       margin-right: 10px;
@@ -19,7 +23,7 @@ form {
   }
   .field-type-datetime {
     select {
-      width: 80px;
+      min-width: 80px;
     }
   }
   .format-toggle {
@@ -27,16 +31,6 @@ form {
   }
 }
 
-input[type="radio"],
-input[type="checkbox"] {
-  margin: 0;
-}
-
-.form-type-radio .description, 
-.form-type-checkbox .description {
-  margin-left: 0;
-}
-
 form {
   .field-multiple-table {
     thead {
@@ -55,11 +49,6 @@ form {
   }
 }
 
-select[multiple], 
-select[size] {
-  height: 30px;
-}
-
 .media-widget {
   > a {
     margin: 0 10px 0 0;
@@ -67,17 +56,76 @@ select[size] {
   }
 }
 
-html.js input.form-autocomplete {
-  background: image-url("throbber.gif") no-repeat right 8px #fff !important;
+fieldset {
+  legend {
+    float: left;
+    line-height: 1em;
+    margin: 0;
+  }
+  .panel-body {
+    clear: both;
+  }
 }
-html.js input.throbbing {
-  background-position: right -122px !important;
+
+html.js {
+  input.form-autocomplete {
+    background: image-url("throbber.gif") no-repeat right 8px #fff !important;
+  }
+  input.throbbing {
+    background-position: right -122px !important;
+  }
+  fieldset.collapsed {
+    height: auto;
+    border-left-width: 1px;
+    border-right-width: 1px;
+  }
 }
 
 .views-exposed-form .views-exposed-widget .form-submit {
   margin-top: 1.8em;
 }
 
+@media (max-width: 767px) { 
+  form {
+    .btn {
+      width: 100%;
+      display: block;
+      clear: both;
+      margin: 0 0 5px;
+    }
+    input.form-text,
+    textarea,
+    select {
+      width: 100%;
+    }
+    .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 {
@@ -110,6 +158,9 @@ html.js input.throbbing {
       }
     }
   }
+  .pane-node-form-buttons {
+    clear: both;
+  }
 }
 
 .filter-wrapper {
@@ -127,46 +178,6 @@ html.js input.throbbing {
   }
 }
 
-// Search Form
-// --------------------------------------------------
-.navbar {
-  .search-form {
-    .container-inline {
-      padding-top: 0;
-    }
-    input {
-      &.form-submit {
-        display: none;
-      }
-    }
-  }
-}
-
-.navbar-inverse {
-  .search-form {
-    input.search-query {
-      color: $white;
-      background-color: $navbarInverseSearchBackground;
-      border-color: $navbarInverseSearchBorder;
-      @include ctb-box-shadow(#{inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)});
-      @include ctb-transition(none);
-      @include ctb-placeholder($navbarInverseSearchPlaceholderColor);
-
-      // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
-      &:focus,
-      &.focused {
-        padding: 5px 15px;
-        color: $grayDark;
-        text-shadow: 0 1px 0 $white;
-        background-color: $navbarInverseSearchBackgroundFocus;
-        border: 0;
-        @include ctb-box-shadow(0 0 3px rgba(0,0,0,.15));
-        outline: 0;
-      }
-    }
-  }
-}
-
 // Field Overview
 // --------------------------------------------------
 .page-admin {
@@ -198,3 +209,45 @@ html.js input.throbbing {
   }
 }
 
+// Panels edit content form.
+// --------------------------------------------------
+#panels-panel-context-edit-move,
+#panels-panel-context-edit-content {
+  .container {
+    width: auto;
+    padding: 0;
+    .row {
+      margin-bottom: 20px;
+    }
+  }
+}
+
+// Navbar form
+// --------------------------------------------------
+.navbar-form {
+  .form-wrapper {
+    padding: 0;
+  }
+  .form-submit {
+    display: none;
+  }
+}
+
+// Search form block
+// --------------------------------------------------
+.pane-search-box {
+  form {
+    .form-wrapper {
+      .form-group {
+        display: block;
+        margin-bottom: 10px;
+      }
+    }
+  }
+}
+
+// Draggable tables
+// --------------------------------------------------
+.tabledrag-handle .handle {
+  @include box-sizing(content-box);
+}

data/stylesheets/compass_radix/_layout.scss

@@ -2,35 +2,11 @@
 // 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;
-    }
+    margin-top: 18px;
   }
   #footer {
-    margin-top: 50px;
-    > .container {
-      padding-bottom: 50px;
-    }
+    margin: 36px 0;
   }
-}
+}

data/stylesheets/compass_radix/_menu.scss

@@ -2,29 +2,6 @@
 // Styles for Menus and Navs
 // --------------------------------------------------
 
-// General
-// --------------------------------------------------
-.navbar {
-  .btn-navbar-search {
-    padding: 4px 11px 3px;
-    span {
-      line-height: 1.1em;
-    }
-  }
-  .btn-navbar {
-    padding: 4px 10px;
-    width: 15px;
-    .icon-bar {
-      &:first-child {
-        margin-top: 4px;
-      }
-      &:last-child {
-        margin-bottom: 4px;
-      }
-    }
-  }
-}
-
 // Nav
 // --------------------------------------------------
 ul.nav {
@@ -43,167 +20,3 @@ ul.nav {
     }
   }
 }
-
-// // 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));
-//         }
-//       }
-//       &.dropdown {
-//         &:after {
-//           width: 100%;
-//           height: 2px;
-//           background: none;
-//           position: absolute;
-//           bottom: -2px;
-//           left: 0;
-//           right: 0;
-//           content: '';
-//         }
-//       }
-//       > 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: $navbarLinkColorActive;
-//           text-decoration: none;
-//           background-color: $navbarLinkBackgroundActive;
-//           .caret {
-//             border-top-color: #777777;
-//             border-bottom-color: #777777;
-//             @include opacity(1.0);
-//           }
-//         }
-//         ul.menu {
-//           display: block;
-//         }
-//       }
-//     }
-//   }
-// }
-
-// // Navbar Inverse
-// // --------------------------------------------------
-// .navbar-inverse {
-//   color: $navbarInverseText;
-//   #main-menu {
-//     > ul.menu {
-//       > li {
-//         > a {
-//           color: $navbarInverseLinkColor;
-//           text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
-//           text-align: center;
-//           &:hover {
-//             color: $navbarInverseLinkColorHover;
-//             background-color: $navbarInverseLinkBackgroundHover;
-//           }
-//           &.active {
-//             color: $navbarInverseLinkColorActive;
-//             background-color: $navbarInverseLinkBackgroundActive;
-//           }
-//         }
-//         &.open {
-//           > a {
-//             background-color: $navbarInverseLinkBackgroundActive;
-//             color: $navbarInverseLinkColorActive;
-//           }
-//         }
-//       }
-//     }
-//   }
-// }
-
-// Navbar Fixed Top
-// --------------------------------------------------
-.navbar-fixed-top {
-  margin-top: 0 !important;
-  .container {
-    @include ctb-core-span($gridColumns);
-  }
-}