vendor/assets/stylesheets/furatto/_mixins.scss in furatto-1.2.7 vs vendor/assets/stylesheets/furatto/_mixins.scss in furatto-1.3.7

- old
+ new

@@ -158,5 +158,65 @@ & > li { float: left; margin-left: $left-list-item-margin; } } + +// Long text shadows +// Brought to you by http://codepen.io/awesomephant/pen/mAxHz +@mixin long-shadow($type, $color, $length, $fadeout: true, $skew: false, $direction: right){ + $shadow: ''; + @if $skew == false or $type == text{ + @if $direction == right { + @for $i from 0 to $length - 1 { + $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $color + ','; + } + } + @if $direction == left { + @for $i from 0 to $length - 1 { + $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' + $color + ','; + } + } + } + + @if $fadeout == true{ + @for $i from 1 to $length - 1 { + @if $type == text or $skew == false{ + @if $direction == right{ + $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + rgba($color, 1 - $i / $length) + ','; + } + @if $direction == left{ + $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' + rgba($color, 1 - $i / $length) + ','; + } + } + @if ($type == box) and $skew == true{ + @if $direction == right { + $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $i * .2 + 'px ' + rgba($color, 1 - $i / $length) + ','; + } + @if $direction == left { + $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' + $i * .2 + 'px ' + rgba($color, 1 - $i / $length) + ','; + } + } + } + $shadow: $shadow + $length + 'px ' + $length + 'px 0 ' + rgba($color, 0); + } + @if $fadeout == false{ + @if $skew == true and ( $type == box ){ + @for $i from 0 to $length - 1 { + $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $i * .1 + 'px ' + $color + ','; + } + } + $shadow: $shadow + $length + 'px ' + $length + 'px 0 ' + rgba(0,0,0,0); + } + $shadow: unquote($shadow); + @if $type == 'box' {@include box-shadow($shadow);} + @if $type == 'text' {text-shadow: $shadow;} +} + +// Placeholder mixin +@mixin input-placeholder { + &.placeholder { @content; } + &:-moz-placeholder { @content; } + &::-moz-placeholder { @content; } + &:-ms-input-placeholder { @content; } + &::-webkit-input-placeholder { @content; } +}