concisecss 0.0.5 → 2.0.0

data/app/assets/stylesheets/objects/_colors.scss

@@ -1,48 +0,0 @@
-//------------------------------------
-//  COLORS
-//------------------------------------
-
-@if $use-bg-colors == true {
-  // Background colors
-  .bg-white { background-color: $bg-white !important; }
-
-  .bg-black { background-color: $bg-black !important; }
-
-  .bg-light-gray { background-color: $bg-light-gray !important; }
-
-  .bg-gray { background-color: $bg-gray !important; }
-
-  .bg-light-green { background-color: $bg-light-green !important; }
-
-  .bg-green { background-color: $bg-green !important; }
-
-  .bg-light-blue { background-color: $bg-light-blue !important; }
-
-  .bg-blue { background-color: $bg-blue !important; }
-
-  .bg-light-yellow { background-color: $bg-light-yellow !important; }
-
-  .bg-yellow { background-color: $bg-yellow !important; }
-
-  .bg-light-red { background-color: $bg-light-red !important; }
-
-  .bg-red { background-color: $bg-red !important; }
-}
-
-
-@if $use-type-colors == true {
-  // Type colors 
-  .color-white { color: $color-white; }
-
-  .color-black { color: $color-black; }
-
-  .color-gray { color: $color-gray; }
-
-  .color-green { color: $color-green; }
-
-  .color-blue { color: $color-blue; }
-
-  .color-yellow { color: $color-yellow; }
-
-  .color-red { color: $color-red; }
-}

data/app/assets/stylesheets/objects/_groups.scss

@@ -1,102 +0,0 @@
-@if $use-groups == true {
-  //------------------------------------
-  //  GROUPS
-  //------------------------------------
-  .group {
-    display: inline-block;
-    vertical-align: bottom;
-    
-    &:after {
-      clear: both;
-      content: ".";
-      display: block;
-      height: 0;
-      visibility: hidden;
-    }
-  }
-
-  .group-item, 
-  p.group-item {
-    background-color: #fff;
-    border: 1px solid #ddd;
-    color: #666;
-    padding: 4px 7px;
-    width: auto;
-    
-    &.icon { @include font-size(14px); }
-  }
-
-  @include breakpoint(small) {
-    .group-item {
-      @include font-size($base-font-size); 
-      padding: 6px 12px;
-    }
-  }
-
-  .group-item {
-    &:hover { background-color: #f9f9f9; }
-    
-    &:active {    
-      @include vendor(box-shadow, inset 0 1px 1px rgba(100, 100, 100, 0.1));
-    }
-    
-    &.active, 
-    .active { background-color: #f2f2f2; }
-  }
-
-  .group > .group-item {
-    border-radius: 0;
-    float: left;
-    margin-left: -1px;
-  }
-
-
-  // Full-width 
-  .btn.full { width: 100%; }
-
-
-  // Rounded corners
-  .group.border-radius > .group-item {
-    &:first-child { border-radius: $border-radius 0 0 $border-radius; }
-    
-    &:last-child { border-radius: 0 $border-radius $border-radius 0; }
-  }
-
-
-  // Dropdown 
-  .group-item.dropdown .dropdown-menu {
-    margin-top: 15px;
-    text-align: inherit;
-    width: 100%;
-    
-    li a {
-      @include font-size(12px); 
-      padding: 4px 7px;
-      width: auto;
-    }
-  }
-
-  .group {
-    &.border-radius .group-item.dropdown {
-      .dropdown-menu { border-radius: 0px 0px $border-radius $border-radius; }
-      
-      &.up .dropdown-menu { border-radius: $border-radius $border-radius 0px 0px; }
-    }
-    
-    
-    // Caret icon
-    .caret {
-      border-top: 4px solid;
-      border-right: 4px solid transparent;
-      border-left: 4px solid transparent;
-    }
-  }
-
-  @include breakpoint(small) {
-    .group .caret {
-      border-top: 5px solid;
-      border-right: 5px solid transparent;
-      border-left: 5px solid transparent;
-    }
-  }
-}

data/app/assets/stylesheets/objects/_navigation.scss

@@ -1,382 +0,0 @@
- @if $use-navigation == true {
-  //------------------------------------
-  //  NAVIGATION
-  //------------------------------------
-  nav {
-    ul {
-      list-style: none;
-      margin: 0;
-    }
-    
-    li {
-      cursor: pointer;
-      position: relative;
-    }
-    
-    
-    // Dropdown 
-    .dropdown li { margin-right: 0px; }
-  }
-
-
-  // Nested dropdown 
-  .nav-dropdown {
-    ul {
-      ul {
-        display: none;
-        left: 0;
-        margin: 0;
-        opacity: 0;
-        padding: 0;
-        position: absolute;
-        visibility: hidden;
-        width: 150px;
-        z-index: 99999;
-        
-        ul {
-          display: none;
-          left: 0;
-          margin: 0;
-          opacity: 0;
-          padding: 0;
-          position: absolute;
-          visibility: hidden;
-          width: 150px;
-          z-index: 99999;
-        }
-      }
-      
-      ol ul, 
-      ul ol, 
-      ol ol {
-        display: none;
-        left: 0;
-        margin: 0;
-        opacity: 0;
-        padding: 0;
-        position: absolute;
-        visibility: hidden;
-        width: 150px;
-        z-index: 99999;
-      }
-    }
-    
-    ol {
-      ol, 
-      ul {
-        display: none;
-        left: 0;
-        margin: 0;
-        opacity: 0;
-        padding: 0;
-        position: absolute;
-        visibility: hidden;
-        width: 150px;
-        z-index: 99999;
-      }
-      
-      ol {
-        ol, 
-        ul {
-          display: none;
-          left: 0;
-          margin: 0;
-          opacity: 0;
-          padding: 0;
-          position: absolute;
-          visibility: hidden;
-          width: 150px;
-          z-index: 99999;
-        }
-      }
-      
-      ul {
-        ul, 
-        ol {
-          display: none;
-          left: 0;
-          margin: 0;
-          opacity: 0;
-          padding: 0;
-          position: absolute;
-          visibility: hidden;
-          width: 150px;
-          z-index: 99999;
-        }
-      }
-    }
-    
-    .list-inline li li, 
-    &.list-inline li li { margin-right: 0px; }
-    
-    li li {
-      background: #fff;
-      display: block;
-    }
-    
-    ul {
-      ul ul, 
-      ol ul, 
-      ul ol, 
-      ol ol { display: block; }
-    }
-    
-    ol {
-      ul ul, 
-      ol ul, 
-      ul ol { display: block; }
-    }
-    
-    ul li:hover {
-      ul, 
-      ol {
-        display: block;
-        opacity: 1;
-        top: 100%;
-        visibility: visible;
-      }
-    }
-    
-    ol li:hover {
-      ul, 
-      ol {
-        display: block;
-        opacity: 1;
-        top: 100%;
-        visibility: visible;
-      }
-    }
-    
-    ul li:hover {
-      ul ul, 
-      ol ul, 
-      ul ol, 
-      ol ol {
-        display: none;
-        opacity: 0;
-        visibility: hidden;
-      }
-    }
-    
-    ol li:hover {
-      ul ul, 
-      ol ul, 
-      ul ol, 
-      ol ol {
-        display: none;
-        opacity: 0;
-        visibility: hidden;
-      }
-    }
-    
-    ul {
-      ul li:hover {
-        ul, 
-        ol {
-          display: block;
-          left: 100%;
-          opacity: 1;
-          position: absolute;
-          top: 0;
-          visibility: visible;
-        }
-      }
-      
-      ol li:hover {
-        ol, 
-        ul {
-          display: block;
-          left: 100%;
-          opacity: 1;
-          position: absolute;
-          top: 0;
-          visibility: visible;
-        }
-      }
-    }
-    
-    ol {
-      ul li:hover {
-        ul, 
-        ol {
-          display: block;
-          left: 100%;
-          opacity: 1;
-          position: absolute;
-          top: 0;
-          visibility: visible;
-        }
-      }
-      
-      ol li:hover {
-        ol, 
-        ul {
-          display: block;
-          left: 100%;
-          opacity: 1;
-          position: absolute;
-          top: 0;
-          visibility: visible;
-        }
-      }
-    }
-  }
-
-
-  // Vertical 
-  .nav-vertical {
-    li {
-      display: block;
-      margin-right: 0px;
-      padding: 10px;
-    }
-    
-    .icon {
-      line-height: inherit;
-      margin-right: 7px;
-      
-      &.right, &.text-right { margin-right: 0px; }
-    }
-    
-    &.nav-bordered {
-      border: 1px solid #eee;
-      
-      li:hover { background-color: #f6f6f6; }
-    }
-    
-    &.nav-line li:hover { background-color: #f6f6f6; }
-    
-    .badge, 
-    .label { margin-top: 5px; }
-    
-    .dropdown .dropdown-menu { top: 100%; }
-  }
-
-  @include breakpoint(small) {
-    .nav-vertical .dropdown .dropdown-menu {
-      left: 100%;
-      top: 0;
-    }
-  }
-
-
-  @if $use-responsive-navigation == true {
-    // Responsive navigation 
-    // 
-    // Thanks to Ben Plum for the great work on his
-    // Naver plugin (https://github.com/benplum/Naver/)
-    .naver {
-      .naver-handle {
-        color: inherit;
-        cursor: pointer;
-        display: none;
-        @include font-size(24px); 
-        text-align: right;
-        text-transform: uppercase;
-        
-        @include vendor(user-select, none);
-      }
-      
-      .naver-wrapper { 
-        height: auto; 
-        width: 100%;
-      }
-      
-      &.enabled {
-        .naver-handle { display: block; }
-        
-        .naver-wrapper {
-          height: 0px;
-          overflow: hidden;
-          
-          li {
-            display: block;
-            padding: 8px;
-            text-align: left;
-            width: 100%;
-            
-            &:hover { background: #f9f9f9; }
-          }
-        }
-      }
-    }
-
-    .nav-responsive {
-      &.naver .naver-handle:after {
-        content: "\f0c9";
-        font-family: FontAwesome;
-        text-align: right;
-      }
-      
-      &.nav-responsive-text.naver {
-        .naver-handle:after { content: "\00a0 \f0c9"; }
-        
-        .naver-container:before {
-          clear: both;
-          content: ".";
-          display: block;
-          height: 0;
-          line-height: 0;
-          text-align: right;
-          visibility: hidden;
-        }
-      }
-    }
-
-
-    // Left-aligned responsive navigation
-    .nav-responsive-left {
-      &.naver .naver-handle {
-        text-align: left;
-        
-        &:before {
-          content: "\f0c9";
-          font-family: FontAwesome;
-          text-align: left;
-        }
-      }
-      
-      &.nav-responsive-text.naver {
-        .naver-handle:before { content: "\f0c9 \00a0"; }
-        
-        .naver-container:after {
-          clear: both;
-          content: ".";
-          display: block;
-          height: 0;
-          line-height: 0;
-          text-align: left;
-          visibility: hidden;
-        }
-      }
-    }
-
-
-    // Centered responsive navigation
-    .nav-responsive-center {
-      &.naver .naver-handle {
-        text-align: center;
-        
-        &:before {
-          content: "\f0c9";
-          font-family: FontAwesome;
-          text-align: center;
-        }
-      }
-      
-      &.nav-responsive-text.naver {
-        .naver-handle:before { content: "\f0c9 \00a0"; }
-        
-        .naver-container:after {
-          clear: both;
-          content: ".";
-          display: block;
-          height: 0;
-          line-height: 0;
-          text-align: center;
-          visibility: hidden;
-        }
-      }
-    }
-  }
-}