From 838ac203399e4e51e374ac76ef4a2e2fc10500dc Mon Sep 17 00:00:00 2001 From: Guilherme Santiago Date: Sat, 17 Jan 2015 11:46:55 -0200 Subject: [PATCH] Fix opacity for placeholder in Firefox --- README.md | 6 +++--- build/lesshat-prefixed.less | 10 +++++++++- build/lesshat.less | 10 +++++++++- mixins/placeholder/placeholder.less | 8 ++++++++ 4 files changed, 29 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 0face79..aff0548 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ README.md file is automatically generated. **[Documentation](#documentation) |** --- -### Current version: v3.0.2 (2014-06-26) +### Current version: v3.0.2 (2015-01-17) ## What's new? * Compiling LESS Hat is much more faster (up to 60× times). @@ -25,7 +25,7 @@ README.md file is automatically generated. * A lot of bug fixes... ## Intro -Why LESS Hat? In August 2012, while we were developing and extending [CSS Hat](http://www.csshat.com) for LESS we needed universal mixins. Unfortunately, none of available were good enough that would satisfy our needs and that’s why we created new custom ones on our own, which have become the most popular mixin library for the whole LESS CSS. +Why LESS Hat? In August 2012, while we were developing and extending [CSS Hat](www.csshat.com) for LESS we needed universal mixins. Unfortunately, none of available were good enough that would satisfy our needs and that’s why we created new custom ones on our own, which have become the most popular mixin library for the whole LESS CSS. After a year, there is a new, **completely rewritten 3.0 version** that brings 86 great mixins, robust workflow for editing, testing and creating new mixins. @@ -816,7 +816,7 @@ Also LESS Hat adds `background-clip: padding-box`, because it fixes problem with ### • border-bottom-right-radius **Summary:** -The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square. +The border-bottom-right-radius CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square. Resources: **[WebPlatform](http://docs.webplatform.org/wiki/css/properties/border-radius)**, **[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)** diff --git a/build/lesshat-prefixed.less b/build/lesshat-prefixed.less index 39c904f..d7f118c 100644 --- a/build/lesshat-prefixed.less +++ b/build/lesshat-prefixed.less @@ -6,7 +6,7 @@ // Handcrafted by Petr Brzek, lesshat.com // Works great with CSS Hat csshat.com -// version: v3.0.2 (2014-06-26) +// version: v3.0.2 (2015-01-17) // TABLE OF MIXINS: // align-content @@ -551,9 +551,13 @@ } @{element}:-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } @{element}::-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } @{element}:-ms-input-placeholder { color: @color; @@ -565,9 +569,13 @@ } &:-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } &::-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } &:-ms-input-placeholder { color: @color; diff --git a/build/lesshat.less b/build/lesshat.less index 882c1dd..12aadb1 100644 --- a/build/lesshat.less +++ b/build/lesshat.less @@ -6,7 +6,7 @@ // Handcrafted by Petr Brzek, lesshat.com // Works great with CSS Hat csshat.com -// version: v3.0.2 (2014-06-26) +// version: v3.0.2 (2015-01-17) // TABLE OF MIXINS: // align-content @@ -551,9 +551,13 @@ } @{element}:-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } @{element}::-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } @{element}:-ms-input-placeholder { color: @color; @@ -565,9 +569,13 @@ } &:-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } &::-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } &:-ms-input-placeholder { color: @color; diff --git a/mixins/placeholder/placeholder.less b/mixins/placeholder/placeholder.less index 3498c9d..48a5760 100644 --- a/mixins/placeholder/placeholder.less +++ b/mixins/placeholder/placeholder.less @@ -5,9 +5,13 @@ } @{element}:-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } @{element}::-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } @{element}:-ms-input-placeholder { color: @color; @@ -19,9 +23,13 @@ } &:-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } &::-moz-placeholder { color: @color; + -moz-opacity: 1; + opacity: 1; } &:-ms-input-placeholder { color: @color;