From c30c87d3fb2a392dccb6385dcd6ebca02ca7c380 Mon Sep 17 00:00:00 2001
From: Guillaume Demesy
Date: Sat, 30 May 2015 00:39:08 +0200
Subject: [PATCH] Fixed display element on small device
---
docs/content/index.md | 34 +++++++++++++++----------------
docs/src/index.css | 9 ++++++--
docs/src/modules/Header/index.css | 7 ++++++-
3 files changed, 30 insertions(+), 20 deletions(-)
diff --git a/docs/content/index.md b/docs/content/index.md
index 306f389..f73df2c 100644
--- a/docs/content/index.md
+++ b/docs/content/index.md
@@ -46,67 +46,67 @@ title: cssnext
- -
+
-
custom properties & `var()`
- -
+
-
reduced `calc()`
- -
+
-
custom media queries
- -
+
-
media queries ranges
- -
+
-
custom selectors
- -
+
-
automatic vendor prefixes
- -
+
-
`color()` support
- -
+
-
`gray()` support
- -
+
-
`hwb()` support
- -
+
-
hexa `#rrggbbaa` support
- -
+
-
`rebeccapurple`
- -
+
-
`:matches` pseudo-class
- -
+
-
`:not` pseudo-class
(to l.3)
- -
+
-
font-variant
(to font-feature-settings)
- -
+
-
filters
(svg fallback)
- -
+
-
`rem` units fallback
(to px)
- -
+
-
::pseudo syntax
(`:` compat)
diff --git a/docs/src/index.css b/docs/src/index.css
index 8690692..0d6a080 100644
--- a/docs/src/index.css
+++ b/docs/src/index.css
@@ -246,12 +246,16 @@ h3 {
}
.cssnext-List {
- margin: 0 4rem var(--r-lineHeight) !important;
+ margin: 0 4rem var(--r-lineHeight);
/*margin-right: 0 !important ;*/
}
-
.cssnext-FeaturesList {
+}
+@media (--r-maxS) {
+ .cssnext-FeaturesList {
+ margin: 0;
+ }
}
.cssnext-FeaturesList li::before {
@@ -294,6 +298,7 @@ h3 {
.cssnext-Tools {
text-align: center;
font-size: var(--r-h3-fontSize);
+ line-height: calc(var(--r-h3-lineHeight)*2);
font-weight: 300;
}
diff --git a/docs/src/modules/Header/index.css b/docs/src/modules/Header/index.css
index 11239f9..94f96c9 100644
--- a/docs/src/modules/Header/index.css
+++ b/docs/src/modules/Header/index.css
@@ -65,7 +65,12 @@
.cssnext-Header-nav {
}
-
+ @media (--r-maxM) {
+ .cssnext-Header-nav {
+ display: block;
+ text-align: center;
+ }
+ }
@media (--r-minM) {
.cssnext-Header-nav {
text-align: right