better_styles 0.0.0.338 → 0.0.1

data/assets/stylesheets/better/navigations/_aside_lnk.scss

@@ -1,100 +0,0 @@
-#nav_list, #nav-list {
-  
-  
-  
-}
-
-$appAside-bg: #333;
-
-
-.aside_lnk, .aside_lnk a {
-    display: block;
-}
-
-.aside_lnk {
-    display: block;
-    line-height: 2.5rem;
-    text-align: left;
-    @include noWrap;
-    overflow: hidden;
-    text-decoration: none;
-    cursor: pointer;
-    .icn, .labl {
-        line-height: 2.5rem;
-        height: 2.5rem;
-    }
-    .icn {
-        font-size: 1.2rem;
-        width: 2.5rem;
-        float: left;
-        text-align: center;
-        img { margin-top: .25rem; }
-    }
-
-    .aside_nav, .aside_nav li, .aside_nav li a {
-        display: block; position: relative;
-        margin: 0; padding: 0;
-    }
-    
-    img.flag { width: 1.2rem; }
-
-    .aside_nav {
-        display: none;
-        list-style: none;
-        padding: 0.25rem 0 0.5rem;
-        background: darken( $appAside-bg, 5% );
-        li {
-            margin: 0;
-
-            &.divide {
-                display: block;
-                height: 0;
-                margin: 0.25rem 0.5rem;
-                border: none;
-                background: transparent;
-                border-top: solid 1px rgba(0,0,0,.23);
-                border-bottom: solid 1px rgba(255,255,255,.42);
-            }
-
-            a {
-                height: 2.2rem;
-                text-decoration: none;
-                background: darken( $appAside-bg, 5% );
-                &:hover { background: darken( $appAside-bg, 10% ); }
-
-                .icn, .labl {
-                    line-height: 2.2rem;
-                    height: 2.2rem;
-                    padding: 0;
-                    color: #777;
-                }
-                .icn {
-                    font-size: 1.2rem;
-                    width: 2.5rem;
-                    float: left;
-                    text-align: center;
-                }
-
-                &.current, &.active {
-                    .icn, .labl { color: $brand-color; }
-                }
-            }
-        }
-    }
-
-
-    &.on {
-        & > .aside_nav { display: block; }
-    }
-
-}
-
-a.aside_lnk, .aside_lnk > a {
-    &.current { color: #069; }
-    &:hover {
-        background: darken( $appAside-bg, 20% );
-    }
-    &:hover, &:focus, &:active, &.active {
-        text-decoration: none;
-    }
-}

data/assets/stylesheets/better/navigations/_nav_list.scss

@@ -1,177 +0,0 @@
-$fontSize:      1rem;
-$lineHeight:    1.42em;
-$activeColor:   $brand-color;
-$currentBG:     $white;
-$navColor:      $text-gray;
-$hoverBG:       $white;
-$hoverColor:    $brand-color;
-$borderColor:   $main-border-color;
-$subNavBG:      rgba(0,0,0,.05);
-
-.nav_list, .nav-list {
-  &, & > li, .sub_nav, .sub_nav li, a, span.lst_lnk , p.lst_lnk {
-    display: block; position: relative;
-    margin: 0; padding: 0;
-  }
-  &, & > li, .sub_nav, .sub_nav li {
-    list-style: none;
-  }
-}
-
-
-.nav_list, .nav-list {
-  
-  font-size: $fontSize;
-  
-  li {
-    border: none;
-    
-    a, span.lst_lnk, p.lst_lnk {
-      padding: 0.8em 0.6em;
-      line-height: $lineHeight;
-      text-decoration: none;
-      color: $navColor;
-      .label {
-        font-size: inherit; line-height: inherit; color: inherit; 
-        margin-left: 10px; margin-top: -1px;
-        text-align: center;
-        float: right;
-        width: 2.5em;
-        border: solid 1px $borderColor;
-        border-radius: 80px;
-      }
-    }
-    a:hover, a:focus {
-      background: $hoverBG;
-      color: $hoverColor;
-    }
-    
-    .sub_nav {
-      display: none;
-      background: $subNavBG;
-      li {
-        a, span.lst_lnk, p.lst_lnk {
-            padding: 0.5em 0.6em;
-            font-size: 0.9em;
-        }
-        .sub_nav {
-          li {
-            a, span.lst_lnk, p.lst_lnk {
-                padding: 0.3em 0.6em;
-            }
-          }
-        }
-      }
-    }
-    
-    &.active {
-        & > a {
-            font-weight: $bold;
-        }
-	      & > .sub_nav { display: block; }
-    }
-    &.current > a { 
-      color: $activeColor;
-      background: $currentBG;
-    }
-    
-    &.arrow {
-      
-    }
-    
-  }
-  
-  
-  
-  // some other styles
-  &.lined {
-    li + li {   border-top: solid 1px $borderColor; }
-    .sub_nav {  border-top: solid 1px $borderColor; }
-  }
-  
-  &.pressed {
-    // background: $white;
-    li {
-      &.current, &.active {
-        padding-left: 3px;
-        & > a {
-          // background: $white;
-        }
-        .sub_nav > li { padding-left: 3px; }
-      }
-    }
-  }
-  
-  &.color-pressed {
-    // background: $white;
-    li {
-      &.current, &.active {
-        
-        &:before {
-          display: block; position: absolute;
-          margin: 0; padding: 0;
-          content: "";
-          top: 0; left: 0; bottom: 0;
-          width: 3px;
-          background: $activeColor;
-        }
-        padding-left: 3px;
-        & > a {
-          // background: $white;
-        }
-      }
-    }
-    .sub_nav { padding-left: 1px; }
-  }
-  
-  &.nice {
-    li .sub_nav {
-      overflow: hidden;
-			&:before, &:after {
-				display: block; position: absolute; content: "";
-				margin: 0; padding: 0;
-				z-index: 3;
-        left: -10px; right: -10px;
-        height: 5px;
-			}
-			&:before {
-				top: -7px; 
-				box-shadow: 0  2px 7px 0 rgba(0,0,0,.35);
-			}
-			&:after {
-				bottom: -7px;
-				box-shadow: 0 -2px 7px 0 rgba(0,0,0,.35);
-			}
-    }
-  }
-  
-  
-  &.arrowed li a, li.arrow > a {
-    padding-right: 2.5em;
-    &:after {
-        display: block;
-        position: absolute;
-        top: 0; right: 0; bottom: 0;
-        padding: inherit;
-        @include horizontal-padding( 0 );
-        text-align: center;
-        width: 1.5em;
-        line-height: $line-height-computed + 10;
-        content: "\e920";
-        font-family: 'betterwork-icons';
-        font-weight: normal;
-        font-style: normal;
-        font-size: 1.6em;
-        line-height: .9;
-    }
-  }
-  &.arrowed li.active > a, li.arrow.active > a {
-    &:after { content: "\e91f"; }
-  }
-  
-  
-  &.shiny {
-      @include single_shine( rgba(0, 0, 0, 0.13), 2, right, 1px, 10px, 5px, 80 );
-  }
-  
-}

data/assets/stylesheets/better/templates/_fixed_aside_to_header.scss

@@ -1,89 +0,0 @@
-body {
-	&.blank {
-		background: #fff;
-	}
-	&.main_template {
-	    padding: 40px 0 0 0;
-	}
-}
-
-#app_content {
-	display: block; 
-	position: relative;
-	// position: static;
-	width: 100%; height: 100%;
-	
-	z-index: 1;
-	
-	@include gpu_render;
-	
-}
-
-
-#aside {
-	// @mixin single_shine( $color, $times: 3, $position: right, $width: 5px, $blur: 5px, $size: 0, $corner: 100 )
-	display: block; position: fixed;
-	top: 40px; right: auto; bottom: 0; left: 0;
-	width: 220px;
-	z-index: 99999;
-	background: #e5e5e5;
-	// box-shadow: inset -2px 0 3px 0 #000;
-	border-right: solid 1px #ccc;
-	overflow-y: scroll;
-	.btn { width: 90%; margin: 0 auto; display: block; }
-	
-	// transform: translateZ( 0 ) ;
-	// transform: translateX( -222px ) ; 
-    
-    transform: translate(-220px,0) ;
-    
-    transition: all 0.5s ease-in-out;
-    @include asideScrollBar;
-}
-
-
-#mobile_header {
-    position: fixed;
-    top: 0; right: 0; left: 0;
-    height: 40px; line-height: 40px;
-    z-index: 999999;
-    // @include linear-gradient( #222, #111 );
-    color: #ccc;
-    background: rgba(0,0,0,.80);
-    text-shadow: 0 1px 1px #000;
-    i, i:before { font-size: 24px; line-height: 40px;}
-    text-decoration: none;
-}
-
-body.aside-on {
-    #aside {
-        // transform: translateX( 0 ) ;
-        transform: translate(0,0) ;
-    }
-    #mobile_header { color: #069; }
-}
-
-
-
-
-@include responsiveStep-sm {
-    
-    body {
-    	&.main_template {
-    	    padding: 0 0 0 220px;
-    	}
-    }
-    
-    #aside {
-        @include single_shine( rgba(0,0,0,.13), 1, right, 10px );
-        display: block; position: fixed;
-        top: 0;
-        
-        // transform: translateX( 0 ) ;
-        transform: translate(0,0) ;
-    }
-    
-    #mobile_header {
-        display: none;
-    }
-}