Charm panel border to 2px (bug #1077006)

lib/views/stylesheet.less

 /* Processed with LESS from lib/views/stylesheet.less */
 @font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 @font-family-medium: 'Ubuntu Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
 /* Define common colors. */
 @label-color: #292929;
 @text-entry-color: #6d6e70;
 @charm-panel-orange: #dd4814;
 @charm-panel-configure-title-color: #eee7d5;
 @charm-panel-configure-name-color: #8f8f88;
@@ skipping 105 matching lines @@
             display: inline-block;
             height: 44px;
             margin: 2px 0 0 0;
             padding: 20px 0 4px;
             &#charm-search-trigger-container {
                 width: @charm-panel-width;
                 white-space: nowrap;
                 border-left: 1px solid transparent;
                 &.active-border {
                     border-left-color: darkgray;
-                    -moz-box-shadow: inset 1px 0 0 lightgray;

[frankban, 2012/11/13 10:24:27]

Here you can use the .create-box-shadow mixin. You can find it at the beginning
of the file. It lets you create box shadows using a single rule and without
repetitions.

[matthew.scott, 2012/11/13 15:23:01]

Done.

-                    -webkit-box-shadow: inset 1px 0 0 lightgray;
-                    box-shadow: inset 1px 0 0 lightgray;
+                    .create-box-shadow(inset 1px 0 0 lightgray);
                 }
             }
             .nav-section {
                 border-left: 1px solid transparent;
                 &.active-border {
                     border-left-color: lightgray;
                 }
                 display: inline-block;
                 padding: 4px 10px;
                 #charm-search-trigger {
@@ skipping 651 matching lines @@
     .customize-scrollbar;
     display: block;
     z-index: 999;
     padding: 0;
     top: 70px;
     height: 100px;
     position: absolute;
     width: @charm-panel-width;
     background-color: white;
     border-left: darkgray solid 1px;
-    -moz-box-shadow: inset 1px 0 0 lightgray;
-    -webkit-box-shadow: inset 1px 0 0 lightgray;

[frankban, 2012/11/13 10:24:27]

Same as above.

[matthew.scott, 2012/11/13 15:23:01]

Done.

-    box-shadow: inset 1px 0 0 lightgray;
+    .create-box-shadow(inset 1px 0 0 lightgray);
 
     .charm-panel-configure .btn {
         float: right;
     }
 
     .btn.deploy {
         margin-top: 5px;
         margin-left: 5px;
         text-shadow: none;
         background-position: 0 0;     /* Needed to defeat bootstrap btn:hover 0 -15px*/
@@ skipping 23 matching lines @@
                        @charm-panel-cancel-button-shadow, 0px);
         &:active {
             .create-button(@charm-panel-cancel-button-color, @charm-panel-cancel-button-color,
                            @charm-panel-cancel-button-shadow, 1px);
         }
     }
     .charm-panel-configure-buttons {
       background-color: #FFFFFF;
       border-bottom: 1px solid @charm-panel-border-color;
       height: 52px;
       width: @charm-panel-width - @charm-panel-padding-left - 1px;

[frankban, 2012/11/13 10:24:27]

Really nice.

[bac, 2012/11/13 13:27:56]

LESS is great, isn't it?

       float: right;
       padding-left: @charm-panel-padding-left;
       .btn {
           margin-top: 12px;
           width: 67px;
       }
     }
     .search-charm-inner {
         width: 100%;
         height: 500px;
@@ skipping 464 matching lines @@
     font-size: 22px;
     color: @charm-panel-configure-title-color;
     margin-top: 35px;
   }
   .name {
     font-size: 12px;
     color: @charm-panel-configure-name-color;
     margin-top: 5px;
   }
 }