[Frontend] Initial styles for New Edit Mode

open #198
Refactored elems in browse-object.html to use
flex layout;
New flex-row and flex-col general CSS classes;
New pulseBorder animation mixin;
This commit is contained in:
Charles Hacskaylo
2015-10-20 11:39:28 -07:00
parent fb0ce1eca8
commit 42fa5bfd7e
6 changed files with 489 additions and 241 deletions

View File

@@ -66,6 +66,18 @@ a.disabled {
@include animation-timing-function(ease-in-out);
}
@mixin pulseBorder($c: red, $dur: 500ms, $iteration: infinite) {
@include keyframes(pulseBorder) {
0% { border-color: transparent; }
100% { border-color: $c; }
}
@include animation-name(pulseBorder);
@include animation-duration($dur);
@include animation-direction(alternate);
@include animation-iteration-count($iteration);
@include animation-timing-function(linear);
}
.pulse {
@include pulse(750ms);
}