From 68107cda5a2cf830fccb4cbd1d86ad9a8305e2ce Mon Sep 17 00:00:00 2001 From: Nicolas Cusan Date: Tue, 3 Sep 2019 10:41:57 +0200 Subject: [PATCH] add text link to github --- index.html | 231 +++++++++++++++++++++++++++++++++++++---------------- style.css | 36 ++++++--- 2 files changed, 184 insertions(+), 83 deletions(-) diff --git a/index.html b/index.html index 03884d8..6a021b2 100644 --- a/index.html +++ b/index.html @@ -7,9 +7,9 @@ Destyle.css - a clean slate for writing CSS without user agent styles - - - + + + @@ -47,18 +47,26 @@ --save destyle.css - CDN - - - Download - +
@@ -87,100 +95,183 @@
- - diff --git a/style.css b/style.css index 01a5a0f..257f278 100644 --- a/style.css +++ b/style.css @@ -69,7 +69,6 @@ body { .install { margin-bottom: 50px; - text-align: right; } .install code { @@ -77,12 +76,23 @@ body { background-color: #f4f4f4; padding: 10px 15px; margin-bottom: 10px; - text-align: left; +} + +.install-links { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .install span, .install a { color: dodgerblue; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .install a:active, @@ -96,6 +106,15 @@ body { font-size: 90%; } +.install span::before, +.install span::after { + content: '\00a0'; +} + +.install-link-first { + margin-right: auto; +} + @media (min-width: 500px) { .actions { display: -webkit-box; @@ -146,25 +165,16 @@ body { } } -/* Browserstack */ -/* ============================================ */ - .bs { padding-top: 50px; - /* display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; */ } -.bs_label { +.bs-label { margin-bottom: 10px; opacity: 0.5; } -.bs_logo { +.bs-logo { width: 130px; }