satorumurmur · Apr 26, 2017
diff --git a/‎bib/i.js
+1-1 b/‎bib/i.js
+1-1
diff --git a/‎bib/i/res/scripts/bibi.js
+1-1 b/‎bib/i/res/scripts/bibi.js
+1-1
diff --git a/‎bib/i/res/styles/bibi.css
+1-1 b/‎bib/i/res/styles/bibi.css
+1-1
diff --git a/‎dev-bib/i/res/styles/_bibi-controls.scss
+5-4 b/‎dev-bib/i/res/styles/_bibi-controls.scss
+5-4
@@ -1556,7 +1556,7 @@ div#bibi-arrow-forward {
 	//// Interaction
 	& {
 		&:before, &:after {
-			transition-duration: 1s;
+			transition-duration: .4s;
 		}
 		&:before {
 			opacity: 0;
@@ -1583,7 +1583,8 @@ div#bibi-arrow-forward {
 			transition-duration: .1s;
 		}
 		&:before {
-			transform: scale(.75);
+			transform: scale(1.1);
+			opacity: .75;
 		}
 	}
 	&.available.glowing {
@@ -1602,9 +1603,9 @@ div#bibi-arrow-forward {
 		#{$dir}: 0;
 		&:before, &:after { transform-origin: $transform-origin; }
 		&:before { content: $icon-code; #{$dir}: $button-group-margin; }
-		&:after { #{$dir}: $arrow-bar-length * -1; background: linear-gradient(to $dir, rgba(128,128,128, 0), rgba(128,128,128, 0) 25%, rgba(128,128,128, 0.250)); }
+		&:after { #{$dir}: $arrow-bar-length * -1; background: linear-gradient(to $dir, rgba(128,128,128, 0), rgba(128,128,128, 0) 25%, rgba(128,128,128, 0.125)); }
 	}
-	&.available.hover, &.available.active, &.available.glowing {
+	&.available.hover, &.available.glowing {
 		&:after { #{$dir}: 0; }
 	}
 	&.available.glowing {
Original file line number	Diff line number	Diff line change
`@@ -1556,7 +1556,7 @@ div#bibi-arrow-forward {`
`1556`	`1556`	`//// Interaction`
`1557`	`1557`	`& {`
`1558`	`1558`	`&:before, &:after {`
`1559`		`- transition-duration: 1s;`
	`1559`	`+ transition-duration: .4s;`
`1560`	`1560`	`}`
`1561`	`1561`	`&:before {`
`1562`	`1562`	`opacity: 0;`
`@@ -1583,7 +1583,8 @@ div#bibi-arrow-forward {`
`1583`	`1583`	`transition-duration: .1s;`
`1584`	`1584`	`}`
`1585`	`1585`	`&:before {`
`1586`		`- transform: scale(.75);`
	`1586`	`+ transform: scale(1.1);`
	`1587`	`+ opacity: .75;`
`1587`	`1588`	`}`
`1588`	`1589`	`}`
`1589`	`1590`	`&.available.glowing {`
`@@ -1602,9 +1603,9 @@ div#bibi-arrow-forward {`
`1602`	`1603`	`#{$dir}: 0;`
`1603`	`1604`	`&:before, &:after { transform-origin: $transform-origin; }`
`1604`	`1605`	`&:before { content: $icon-code; #{$dir}: $button-group-margin; }`
`1605`		`- &:after { #{$dir}: $arrow-bar-length * -1; background: linear-gradient(to $dir, rgba(128,128,128, 0), rgba(128,128,128, 0) 25%, rgba(128,128,128, 0.250)); }`
	`1606`	`+ &:after { #{$dir}: $arrow-bar-length * -1; background: linear-gradient(to $dir, rgba(128,128,128, 0), rgba(128,128,128, 0) 25%, rgba(128,128,128, 0.125)); }`
`1606`	`1607`	`}`
`1607`		`- &.available.hover, &.available.active, &.available.glowing {`
	`1608`	`+ &.available.hover, &.available.glowing {`
`1608`	`1609`	`&:after { #{$dir}: 0; }`
`1609`	`1610`	`}`
`1610`	`1611`	`&.available.glowing {`