/* Table of Contents - mixins - editable */ /* mixins ------------------ */ @mixin placeholder { ::-webkit-input-placeholder {@content} ::-moz-placeholder {@content} :-moz-placeholder {@content} :-ms-input-placeholder {@content} } /* editable (used for changing info asychronously) ------------------ */ .editable { .editbuttons { a { &.save { display: none; span { font-size: 18px; } } &.cancel { @extend a.save } } } input[type="text"] { display: none; } } .input { display: inline-block; background:url(../images/input-bg-lt.png) no-repeat left bottom; padding-left:6px; input[type="text"] { width: 138px; padding:0 12px 0 6px; border:0 none; background:url(../images/input-bg-rt.png) no-repeat right bottom; background-color: transparent; outline: 0; margin:0; color: $wizard-base-font-color; @include box-shadow(none); } @include placeholder { color:$black; } } .advanced-conf-step { #color { @extend .tag-demo; margin: 0 15px 0 10px; bottom: -10px; border-color:transparent; color: transparent; } @include placeholder { color:white; } .snf-color-picker>form { height:237px; width: 100% } } .wizard { form.custom .custom.dropdown.medium { background:$overlay-color; color:white; } form.custom .custom.dropdown .current { color:white; } form.custom .custom.dropdown .selector { border-left:1px solid white; height: 30px; } form.custom .custom.dropdown.open ul { background:$overlay-color; color:white; } form.custom .custom.dropdown ul li { color:white; } form.custom .custom.dropdown ul li.selected { color:white; background:lighten($overlay-color,10%); } form.custom .custom.dropdown ul li:hover { background:lighten($overlay-color,20%); color:white; } }