[Frontend] Styling for New Edit Mode

open #198
In-progress styling of toolbar elements;
Revamped edit-action-buttons.html to use only icons;
This commit is contained in:
Charles Hacskaylo
2015-10-20 15:43:53 -07:00
parent 15c1bf20ab
commit 5382cca435
6 changed files with 77 additions and 55 deletions

View File

@@ -75,7 +75,7 @@ a.disabled {
@include animation-duration($dur);
@include animation-direction(alternate);
@include animation-iteration-count($iteration);
@include animation-timing-function(linear);
@include animation-timing-function(ease);
}
.pulse {

View File

@@ -304,7 +304,7 @@
@extend .abs;
top: $ueTopBarH + $interiorMarginLg;
&.active {
@include pulseBorder($colorKey, 150ms, 6);
@include pulseBorder($colorKey, 150ms, 8);
@include border-radius($controlCr);
border-color: $colorKey;
border-width:2px;
@@ -325,6 +325,7 @@
@include trans-prop-nice-resize(0.25s);
height: 0;
opacity: 0;
overflow: hidden;
&.active {
border-bottom: 1px solid $colorInteriorBorder;
height: $ueEditToolBarH + $interiorMargin;