From ed8f4847f06ef0d89a7f79e234e654a01eee2564 Mon Sep 17 00:00:00 2001 From: Giampaolo Bellavite Date: Thu, 4 Dec 2014 01:01:47 +0100 Subject: [PATCH] Use the general sibling selector for :focus --- src/less/components/input.less | 26 +++++++++++--------------- 1 file changed, 11 insertions(+), 15 deletions(-) diff --git a/src/less/components/input.less b/src/less/components/input.less index 58cfe84ca194b4..22fca100067185 100644 --- a/src/less/components/input.less +++ b/src/less/components/input.less @@ -106,31 +106,27 @@ &:focus, &:valid { outline: none; box-shadow: none; - &+.mui-input-placeholder { + &~.mui-input-placeholder { color: blue; font-size: @input-placeholder-size !important; font-weight: 300; top: -32px; .ease-out; - - &+.mui-input-highlight { + } + &~.mui-input-highlight { width: 0; background-color: blue; .ease-out; - - &+.mui-input-bar { - - &::before, &::after { - background-color: blue; - width: 50%; - } - - &+.mui-input-description { - display: block; - } - } + } + &~.mui-input-bar { + &::before, &::after { + background-color: blue; + width: 50%; } } + &~.mui-input-description { + display: block; + } } &:not(:focus):valid {