accessibility: minor fixes in get-docker page

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
Sebastiaan van Stijn 2020-10-14 01:36:29 +02:00
parent 2e892aa22a
commit f9d7f7352a
No known key found for this signature in database
GPG Key ID: 76698F39D527CE8C
3 changed files with 11 additions and 8 deletions

View File

@ -72,7 +72,10 @@ code {
margin: 0 auto; margin: 0 auto;
width: 70px; width: 70px;
} }
h3, p { h2 {
font-size: 22px;
}
h2, h3, p {
margin: 0; margin: 0;
} }
} }

View File

@ -124,7 +124,7 @@ body.night {
background: $bg-component-night; background: $bg-component-night;
img { img {
opacity: 1; opacity: 1;
filter: grayscale(100%); filter: grayscale(100%) brightness(2);
} }
} }
.transparent-btn { .transparent-btn {

View File

@ -25,27 +25,27 @@ section and choose the best installation path for you.
<div class="col-sm-12 col-md-12 col-lg-4 block"> <div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component"> <div class="component">
<div class="component-icon"> <div class="component-icon">
<a href="/docker-for-mac/install/"><img src="/images/apple_48.svg" alt="Docker Desktop for Mac"></a> <a href="/docker-for-mac/install/"><img src="/images/apple_48.svg" alt="Docker Desktop for Mac" width="70" height="70"></a>
</div> </div>
<h3 id="docker-for-mac"><a href="/docker-for-mac/install/">Docker Desktop for Mac</a></h3> <h2 id="docker-for-mac"><a href="/docker-for-mac/install/">Docker Desktop for Mac</a></h2>
<p>A native application using the macOS sandbox security model which delivers all Docker tools to your Mac.</p> <p>A native application using the macOS sandbox security model which delivers all Docker tools to your Mac.</p>
</div> </div>
</div> </div>
<div class="col-sm-12 col-md-12 col-lg-4 block"> <div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component"> <div class="component">
<div class="component-icon"> <div class="component-icon">
<a href="/docker-for-windows/install/"><img src="/images/windows_48.svg" alt="Docker Desktop for Windows"></a> <a href="/docker-for-windows/install/"><img src="/images/windows_48.svg" alt="Docker Desktop for Windows" width="70" height="70"></a>
</div> </div>
<h3 id="docker-for-windows/install/"><a href="/docker-for-windows/install/">Docker Desktop for Windows</a></h3> <h2 id="docker-for-windows/install/"><a href="/docker-for-windows/install/">Docker Desktop for Windows</a></h2>
<p>A native Windows application which delivers all Docker tools to your Windows computer.</p> <p>A native Windows application which delivers all Docker tools to your Windows computer.</p>
</div> </div>
</div> </div>
<div class="col-sm-12 col-md-12 col-lg-4 block"> <div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component"> <div class="component">
<div class="component-icon"> <div class="component-icon">
<a href="/engine/install/"><img src="/images/linux_48.svg" alt="Docker for Linux"></a> <a href="/engine/install/"><img src="/images/linux_48.svg" alt="Docker for Linux" width="70" height="70"></a>
</div> </div>
<h3 id="docker-for-linux"><a href="/engine/install/">Docker for Linux</a></h3> <h2 id="docker-for-linux"><a href="/engine/install/">Docker for Linux</a></h2>
<p>Install Docker on a computer which already has a Linux distribution installed.</p> <p>Install Docker on a computer which already has a Linux distribution installed.</p>
</div> </div>
</div> </div>