Skip to content

Commit

Permalink
Adding property, Thanks @shinze ref. #40
Browse files Browse the repository at this point in the history
  • Loading branch information
davidhund committed Jun 30, 2016
1 parent 4a368b9 commit 25c6c28
Showing 1 changed file with 33 additions and 0 deletions.
33 changes: 33 additions & 0 deletions _posts/2015-02-26-appearance.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
title: appearance
url: appearance
prefixed: true
---

<article id="appearance" class="feature prefix-{{page.prefixed}}">
<header class="feature__header">
<h2>appearance</h2>
</header>
<p class="feature__description">
The appearance property defines how elements (particularly form controls) appear by default. By setting the value to none the default appearance can be entirely redefined using other CSS properties.
</p>
<pre class="feature__code">
<code>
/**
* Microsoft Edge and IE mobile support this property width the -webkit-
* prefix rather than -ms- for interop reasons.
*/
.input-element {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
</code>
</pre>
<footer class="feature__footer">
<a href="http://caniuse.com/#feat=css-appearance">Browser support</a>
<a href="https://css-tricks.com/almanac/properties/a/appearance/">Sample use</a>
<a href="https://github.com/davidhund/shouldiprefix/blob/master/_posts/{{page.date | date: "%Y-%m-%d"}}-{{page.title}}.md">Edit this</a>
<span class="feature__prefix">{{page.prefixed}}</span>
</footer>
</article>

0 comments on commit 25c6c28

Please sign in to comment.