Тема SASS - несоответствие стиля заполнителя

Проблема с цветом заполнителя может быть решена путем добавления класса k-input к вложенному элементу:

<input type = "text" class = "k-input" placeholder = "placeholder..."/>

Проблема box-shadow более сложная, так как когда вложенный элемент находится в фокусе, его родительская box-shadow должна быть установлена. Этого можно достичь двумя способами:

1. С JavaScript (Пример додзё):

   $(document).ready(function() {
       $(".k-textbox input").focus(function() {
           $(this).parent().css("box-shadow", "0 2px 2px 1px rgba(0,0,0,.06)");
       });
   
       $(".k-textbox input").focusout(function() {
           $(this).parent().css("box-shadow", "none");
       });
   });
   

2. С CSS (Пример додзё):

   .k-textbox:focus-within {
       box-shadow: 0 2px 2px 1px rgba(0,0,0,.06);
   }
   

Вышеупомянутый выбор с фокусом внутри имеет ограниченная поддержка браузера, поэтому примите это во внимание, если вы хотите использовать подход CSS.