@keyframes test { 0% { color: red; } } @supports (flex-wrap: wrap) { @keyframes test { 0% { color: red; } } } @supports (flex-wrap: wrap) { @supports (flex-wrap: wrap) { @keyframes test { 0% { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; color: red; } } } } .test { &.class::-webkit-input-placeholder { color: red; } &.class::placeholder { color: red; } } .test { &.class::-webkit-input-placeholder { -webkit-appearance: auto; appearance: auto; } &.class::placeholder { -webkit-appearance: auto; appearance: auto; } } .test { -webkit-appearance: auto; appearance: auto; &.class { color: red; } } .test { -webkit-appearance: auto; appearance: auto; &.class { -webkit-appearance: auto; appearance: auto; } } .test { @supports (foo: bar) { -webkit-appearance: auto; appearance: auto; } } .test { @media (orientation: landscape) { -webkit-appearance: auto; appearance: auto; } } .test { -webkit-appearance: auto; appearance: auto; &.class::-webkit-input-placeholder { -webkit-appearance: auto; appearance: auto; } &.class::placeholder { -webkit-appearance: auto; appearance: auto; } @media (orientation: landscape) { -webkit-appearance: auto; appearance: auto; } } @media (orientation: landscape) { .test { &.class::-webkit-input-placeholder { -webkit-appearance: auto; appearance: auto; } &.class::placeholder { -webkit-appearance: auto; appearance: auto; } } } @media (orientation: landscape) { .test { -webkit-appearance: auto; appearance: auto; &.class { -webkit-appearance: auto; appearance: auto; } } } .test { -webkit-appearance: none; appearance: none; &.class { -webkit-appearance: auto; appearance: auto; &.class { -webkit-appearance: menulist-button; appearance: menulist-button; &.class { -webkit-appearance: button; appearance: button; } } } }