_navigation.sass in para-0.6.2

- old
+ new

@@ -1,17 +1,22 @@
 @import "variables"
 
+@import "compass/css3/box-shadow"
+@import "compass/css3/transition"
+@import "compass/css3/text-shadow"
+@import "compass/css3/border-radius"
+
 .page-sidebar 
   position: fixed
   height: 100%
   bottom: 0
   overflow: auto
   background-color: $navbar-default-bg
   width: $left-menu-width-open
   float: left
   z-index: 3
-  box-shadow: 2px 0 5px #fafafa
+  +box-shadow(2px 0 5px #fafafa)
   &.navbar-collapse
     padding: 0
 
 .navbar-toggle  
   border-color: $navbar-default-toggle-border-color
@@ -54,11 +59,11 @@
   float: left
   list-style: none
   display: block
   z-index: 3
   background-color: $navbar-default-bg
-  box-shadow: 0 2px 5px #fafafa
+  +box-shadow(0 2px 5px #fafafa)
   .ul-navbar li
     float: left
     display: block
     width: 100%
     padding: 0
@@ -129,11 +134,11 @@
       > a, button
         padding: 10px 15px
         border-bottom: 0
         line-height: 19px
         color: $navbar-default-link-color
-        text-shadow: none
+        +text-shadow(none)
         display: block
         
         &:hover
           background: $navbar-default-link-hover-bg
           text-decoration: none
@@ -154,12 +159,12 @@
           color: $navbar-icon-color
       ul
         width: $left-menu-width-open
         position: absolute
         overflow: visible
-        border-radius: 3px
-        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1)
+        +border-radius(3px)
+        +box-shadow(0 2px 1px 0 rgba(0, 0, 0, 0.1))
         z-index: 3
         li
           width: 100%
         
     li
@@ -186,22 +191,22 @@
           width: 50px
           padding: 7px
           img
             width: 36px
             border: 2px solid #FFF
-            border-radius: 50%
+            +border-radius(50%)
     .informer
       font-size: 11px
       position: absolute
       line-height: 20px
       text-align: center
       padding: 0 5px
       background: #BBB
       right: 10px
       top: 15px
       color: #FFF
-      border-radius: 3px
+      +border-radius(3px)
       &.pulsate
         animation: pulsate 1s ease-out
         animation-iteration-count: infinite
       &.informer-primary
         background: $brand-primary
@@ -220,64 +225,5 @@
       bottom: auto
       right: 1px
       top: 5px
 
 
-/*
- * Profile
-
-.profile
-  width: 100%
-  float: left
-  padding: 15px 10px
-  position: relative
-  background: #2d3945
-  .profile-image
-    float: left
-    width: 100%
-    margin: 0 0 10px
-    text-align: center
-    img
-      width: 100px
-      border: 3px solid #FFF
-      border-radius: 50%
-  .profile-data
-    width: 100%
-    float: left
-    text-align: center
-    .profile-data-name
-      width: 100%
-      float: left
-      font-size: 14px
-      font-weight: 500
-      color: #FFF
-    .profile-data-title
-      width: 100%
-      float: left
-      font-size: 11px
-      font-weight: 400
-      color: $gray-dark
-  .profile-controls a
-    width: 30px
-    height: 30px
-    font-size: 14px
-    color: #DDD
-    border: 2px solid #DDD
-    line-height: 25px
-    position: absolute
-    border-radius: 50%
-    padding: 0
-    transition: all 200ms ease
-    &.profile-control-left
-      left: 15px
-      top: 53px
-      text-align: center
-    &.profile-control-right
-      right: 15px
-      top: 53px
-      text-align: center
-    .fa, .glyphicon
-      width: auto
-      margin-right: auto
-    &:hover
-      border-color: #FFF
-      color: #FFF