diff options
Diffstat (limited to 'themes/theme/source/css/motion.styl')
| -rw-r--r-- | themes/theme/source/css/motion.styl | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/themes/theme/source/css/motion.styl b/themes/theme/source/css/motion.styl new file mode 100644 index 00000000..c6599e1f --- /dev/null +++ b/themes/theme/source/css/motion.styl @@ -0,0 +1,34 @@ +underline-motion(n) + if n == 'link' + background-image linear-gradient($color-background, $color-background), linear-gradient($color-accent, $color-accent) + background-size 100% $line-third, 0% $line-third + background-position 100% 100%, 0 100% + background-repeat no-repeat, no-repeat + transition background-size $transition-duration ease + + &:hover + background-size 0 $line-third, 100% $line-third + + else if n == 'underline-link' + padding-bottom $line-secondary + background-image linear-gradient($color-text-primary, $color-text-primary), linear-gradient($color-accent, $color-accent) + background-size 100% $line-third, 0 $line-secondary + background-position 100% 100%, 0 100% + background-repeat no-repeat, no-repeat + transition background-size $transition-duration ease + + &:hover + background-size 100% $line-third, 100% $line-secondary + + else if n == 'header' + &:after + content "" + transition width $transition-duration ease + position absolute + left 0 + bottom 0 + width 0 + border-bottom solid $line-third $color-accent + + &:hover:after + width 100%
\ No newline at end of file |