From 318ebb36520f179e28d2fe15148a18f1d3803131 Mon Sep 17 00:00:00 2001 From: Felipe da Silva Date: Tue, 27 Mar 2018 13:58:50 -0300 Subject: [PATCH] fix: adjustment fullscreen and remove quotes --- fullscreen.md | 55 ++++++++++++++++++++++++++------------------------- quotes.md | 43 ---------------------------------------- 2 files changed, 28 insertions(+), 70 deletions(-) delete mode 100644 quotes.md diff --git a/fullscreen.md b/fullscreen.md index 3d6739d9e..91c7658d6 100644 --- a/fullscreen.md +++ b/fullscreen.md @@ -19,31 +19,31 @@ The :fullscreen CSS pseudo-class represents an element that's displayed when the ```css .container { - margin: 40px auto; - max-width: 700px; + margin: 40px auto; + max-width: 700px; } .element { - padding: 20px; - height: 300px; - width: 100%; - background-color: skyblue; + padding: 20px; + height: 300px; + width: 100%; + background-color: skyblue; } .element p { - text-align: center; - color: white; - font-size: 3em; + text-align: center; + color: white; + font-size: 3em; } .element:-ms-fullscreen p { - visibility: visible; + visibility: visible; } .element:fullscreen { - background-color: #e4708a; - width: 100vw; - height: 100vh; + background-color: #e4708a; + width: 100vw; + height: 100vh; } ``` @@ -63,31 +63,31 @@ The :fullscreen CSS pseudo-class represents an element that's displayed when the @@ -97,8 +97,9 @@ The :fullscreen CSS pseudo-class represents an element that's displayed when the #### Browser support -92%< +83.38 * https://developer.mozilla.org/en-US/docs/Web/CSS/:fullscreen +* https://caniuse.com/#feat=fullscreen diff --git a/quotes.md b/quotes.md deleted file mode 100644 index 46a5490e5..000000000 --- a/quotes.md +++ /dev/null @@ -1,43 +0,0 @@ -### Quotes - -With more sophisticated CSS you can greatly enhance your website’s typography, an aspect that lots of people overlook. For instance, did you know that the quotation marks you are writing in your code are actually “primes” which are used for measurements and coordinates? When using “q” tags in HTML for quotations, you can automatically insert proper quotation marks (so-called smart quotes) before and after the quotation. - -#### HTML - -```html - CSS is awesome! -``` - -#### CSS - -```css -q { - quotes: "“" "”"; -} -``` - -#### Demo - -
-
- CSS is amazing! -
-
- - - -#### Explanation - -1. `quotes: "“" "”";` quotes CSS property indicates how user agents should render quotation marks. - -#### Browser support - -94.5%< - -* http://smartquotesforsmartpeople.com/ - -