// /** // * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved. // * Licensed under GNU General Public License version 2 or later; see LICENSE.txt // */ @if $trace-imports { @debug 'imported'; } // ========================================================================== // Mixin input-shadow // ========================================================================== // a valid text-shadow notation is: inset|outset offset-x offset-y blur color // // @param $appearance: a string // ========================================================================== @mixin input-shadow($shadow: $input-shadow){ @if $shadow { @include module-shadow($shadow); @include reset-appearance(none); -webkit-tap-highlight-color: rgba(0,0,0,0); } } // ========================================================================== // Mixin appearance // ========================================================================== // Accepts a string which a valid appearance // // @param $appearance: a string // ========================================================================== @mixin reset-appearance($appearance) { @include reset-webkit-appearance($appearance); @include reset-mozilla-appearance($appearance); } // ========================================================================== // Mixin Webkit appearance // ========================================================================== // Accepts a string which a valid appearance // // @param $appearance: a string // ========================================================================== @mixin reset-webkit-appearance($appearance) { -webkit-appearance: $appearance; /* mobile firefox too! */ } // ========================================================================== // Mixin Mozilla appearance // ========================================================================== // Accepts a string which a valid appearance // // @param $appearance: a string // ========================================================================== @mixin reset-mozilla-appearance($appearance) { -moz-appearance: $appearance; /* mobile firefox too! */ } // ========================================================================== // Mixin placeholder // ========================================================================== // Yields @content // // @param $appearance: a set of CSS property declarations // ========================================================================== @mixin placeholder() { &::-webkit-input-placeholder, &:-moz-placeholder, &::-moz-placeholder, &:-ms-placeholder { @content; } } // ========================================================================== // Mixin webkit-remove-padding-spin-button // ========================================================================== // Yields @content // // ========================================================================== @mixin webkit-remove-padding-spin-button { &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { @include reset-webkit-appearance(none); } }