docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1 from thaJeztah/update_button 

Fix button styling
This commit is contained in:
Usha Mandya 2021-04-13 15:42:11 +01:00 committed by GitHub
parent e8853feb97 a463d3290f
commit 18865d35de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
19 changed files with 36 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
_scss/_buttons.scss
View File

@ -9,7 +9,7 @@ a.button {
}
a.button.outline-btn {
color: #0087C8;
color: $primary-links;
float: none;
margin-bottom: 30px;
display: inline-block;
@ -20,6 +20,7 @@ a.button.outline-btn.min-hgt {
}
.button {
display: inline-block;
margin: 10px 10px 10px 0;
font-family: $buttons;
padding: 12px 35px 10px;
@ -27,6 +28,7 @@ a.button.outline-btn.min-hgt {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
float: left;
text-align: center;
white-space: nowrap;
&:hover {
color: #fff;
opacity: 0.7;
@ -34,19 +36,12 @@ a.button.outline-btn.min-hgt {
}
.primary-btn {
background: #1488C6;
border: 1px solid rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.primary-button {
background-color: #0073EC;
background: $primary-links;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
min-width: 196px;
height: 54px;
text-align: center;
padding-top: 16px
}
/*
.secondary-btn {
background-color: rgba(255, 255, 255, 0.2);

1
_scss/_content.scss
View File

@ -1,6 +1,7 @@
.content, p {
line-height: 24px;
clear: both;
img {
display: block;

9
_scss/_night-mode.scss
View File

@ -100,11 +100,12 @@ body.night {
color: #d0e8ff;
}
.outline-btn {
background: #101c29;
border: 1px solid #37404a;
background: $bg-sidebar-night;
border: 1px solid $body-text;
}
a.button.outline-btn {
color: #a7e2ff;
color: $primary-links-night;
}
a.glossary,
.toc-nav i.fa {
@ -197,7 +198,7 @@ body.night {
border-color: #374656;
>.panel-heading {
color: #c0c3c4;
background-color: #101c29;
background-color: $bg-sidebar-night;
border-color: #2f4050;
}
}

4
docker-for-mac/install.md
View File

@ -8,9 +8,9 @@ Welcome to Docker Desktop for Mac. This page contains information about Docker D
Click one of the following buttons to download Docker Desktop for Mac:
[Docker Desktop for Mac with Intel chip](https://desktop.docker.com/mac/stable/amd64/Docker.dmg){: .button .primary-button}
[Docker Desktop for Mac with Intel chip](https://desktop.docker.com/mac/stable/amd64/Docker.dmg){: .button .primary-btn}
[Docker Desktop for Mac with Apple chip](https://desktop.docker.com/mac/stable/arm64/Docker.dmg){: .button .primary-button}
[Docker Desktop for Mac with Apple chip](https://desktop.docker.com/mac/stable/arm64/Docker.dmg){: .button .primary-btn}
##### Docker EULA

2
docker-for-windows/install.md
View File

@ -11,7 +11,7 @@ You can download Docker Desktop for Windows from Docker Hub.
[Download from Docker
Hub](https://hub.docker.com/editions/community/docker-ce-desktop-windows/){:
.button .outline-btn}
.button .primary-btn}
By downloading Docker Desktop, you agree to the terms of the [Docker Software End User License Agreement](https://www.docker.com/legal/docker-software-end-user-license-agreement){: target="_blank" rel="noopener" class="_"} and the [Docker Data Processing Agreement](https://www.docker.com/legal/data-processing-agreement){: target="_blank" rel="noopener" class="_"}.

15
get-started/index.md
View File

@ -76,18 +76,15 @@ We also recommend the video walkthrough from DockerCon 2020.
## Download and install Docker
This tutorial assumes you have a current version of Docker installed on your
machine. If you do not have Docker installed, choose your preferred operating system below to download Docker.
machine. If you do not have Docker installed, choose your preferred operating system below to download Docker:
[Docker Desktop for Mac with Intel chip](https://desktop.docker.com/mac/stable/amd64/Docker.dmg){: .button .primary-btn}{: style="min-width: 337px" }
[Docker Desktop for Mac with Apple chip](https://desktop.docker.com/mac/stable/arm64/Docker.dmg){: .button .primary-btn}{: style="min-width: 337px" }
[Docker Desktop for Windows](https://desktop.docker.com/win/stable/amd64/Docker%20Desktop%20Installer.exe){: .button .primary-btn}{: style="min-width: 337px" }
[Docker for Linux](../engine/install/index.md){: .button .primary-btn}{: style="min-width: 337px" }
For Docker Desktop installation instructions, see [Install Docker Desktop on Mac](../docker-for-mac/install.md) and [Install Docker Desktop on Windows](../docker-for-windows/install.md).
[Docker Desktop for Mac with Intel chip](https://desktop.docker.com/mac/stable/amd64/Docker.dmg){: .button .primary-button}
[Docker Desktop for Mac with Apple chip](https://desktop.docker.com/mac/stable/arm64/Docker.dmg){: .button .primary-button}
[Docker Desktop for Windows](https://desktop.docker.com/win/stable/amd64/Docker%20Desktop%20Installer.exe){: .button .primary-button}
[Docker for Linux](../engine/install/index.md){: .button .primary-button}
## Start the tutorial
If you've already run the command to get started with the tutorial, congratulations! If not, open a command prompt or bash window, and run the command:

2
get-started/orchestration.md
View File

@ -317,7 +317,7 @@ Docker Desktop runs primarily on Docker Engine, which has everything you need to
At this point, you've confirmed that you can run simple containerized workloads in Kubernetes and Swarm. The next step will be to write the Kubernetes yaml that describes how to run and manage these containers on Kubernetes.
[On to deploying to Kubernetes >>](kube-deploy.md){: class="button outline-btn" style="margin-bottom: 30px; margin-right: 200%"}
[On to deploying to Kubernetes >>](kube-deploy.md){: class="button primary-btn" style="margin-bottom: 30px; margin-right: 200%"}
To learn how to write the stack file to help you run and manage containers on Swarm, see [Deploying to Swarm](swarm-deploy.md).

2
language/nodejs/build-images.md
View File

@ -253,7 +253,7 @@ Our image that was tagged with `:v1.0.0` has been removed but we still have the
In this module, we took a look at setting up our example Node application that we will use for the rest of the tutorial. We also created a Dockerfile that we used to build our Docker image. Then, we took a look at tagging our images and removing images. In the next module, we’ll take a look at how to:
[Run your image as a container](run-containers.md){: .button .outline-btn}
[Run your image as a container](run-containers.md){: .button .primary-btn}
## Feedback

2
language/nodejs/configure-ci-cd.md
View File

@ -233,7 +233,7 @@ In this module, you have learnt how to set up GitHub Actions workflow to an exis
You can also consider deploying your application to the cloud. For detailed instructions, see:
[Deploy your app to the cloud](/deploy.md){: .button .outline-btn}
[Deploy your app to the cloud](/deploy.md){: .button .primary-btn}
## Feedback

2
language/nodejs/develop.md
View File

@ -224,7 +224,7 @@ In this module, we took a look at creating a general development image that we c
In the next module, we’ll take a look at how to run unit tests in Docker. See:
[Run your tests](run-tests.md){: .button .outline-btn}
[Run your tests](run-tests.md){: .button .primary-btn}
## Feedback

2
language/nodejs/index.md
View File

@ -19,6 +19,6 @@ After completing the Node.js getting started modules, you should be able to cont
Let's get started!
[Build your Node.js image](build-images.md){: .button .outline-btn}
[Build your Node.js image](build-images.md){: .button .primary-btn}
<br />

2
language/nodejs/run-containers.md
View File

@ -197,7 +197,7 @@ Now, we can easily identify our container based on the name.
In this module, we took a look at running containers, publishing ports, and running containers in detached mode. We also took a look at managing containers by starting, stopping, and restarting them. We also looked at naming our containers so they are more easily identifiable. In the next module, we’ll learn how to run a database in a container and connect it to our application. See:
[How to develop your application](develop.md){: .button .outline-btn}
[How to develop your application](develop.md){: .button .primary-btn}
## Feedback

2
language/nodejs/run-tests.md
View File

@ -285,7 +285,7 @@ In this module, we took a look at running tests as part of our Docker image buil
In the next module, we’ll take a look at how to set up a CI/CD pipeline using GitHub Actions. See:
[Configure CI/CD](configure-ci-cd.md){: .button .outline-btn}
[Configure CI/CD](configure-ci-cd.md){: .button .primary-btn}
## Feedback

2
language/python/build-images.md
View File

@ -233,7 +233,7 @@ Our image that was tagged with `:v1.0.0` has been removed, but we still have the
In this module, we took a look at setting up our example Python application that we will use for the rest of the tutorial. We also created a Dockerfile that we used to build our Docker image. Then, we took a look at tagging our images and removing images. In the next module we’ll take a look at how to:
[Run your image as a container](run-containers.md){: .button .outline-btn}
[Run your image as a container](run-containers.md){: .button .primary-btn}
## Feedback

2
language/python/configure-ci-cd.md
View File

@ -233,7 +233,7 @@ In this module, you have learnt how to set up GitHub Actions workflow to an exis
You can also consider deploying your application to the cloud. For detailed instructions, see:
[Deploy your application to the cloud](deploy.md){: .button .outline-btn}
[Deploy your application to the cloud](deploy.md){: .button .primary-btn}
## Feedback

2
language/python/develop.md
View File

@ -247,7 +247,7 @@ In this module, we took a look at creating a general development image that we c
In the next module, we’ll take a look at how to set up a CI/CD pipeline using GitHub Actions. See:
[Configure CI/CD](configure-ci-cd.md){: .button .outline-btn}
[Configure CI/CD](configure-ci-cd.md){: .button .primary-btn}
## Feedback

2
language/python/index.md
View File

@ -21,6 +21,6 @@ After completing the Python getting started modules, you should be able to conta
Let's get started!
[Build your first Python image](build-images.md){: .button .outline-btn}
[Build your first Python image](build-images.md){: .button .primary-btn}
<br />

2
language/python/run-containers.md
View File

@ -180,7 +180,7 @@ That’s better! We can now easily identify our container based on the name.
In this module, we took a look at running containers, publishing ports, and running containers in detached mode. We also took a look at managing containers by starting, stopping, and, restarting them. We also looked at naming our containers so they are more easily identifiable. In the next module, we’ll learn how to run a database in a container and connect it to our application. See:
[How to develop your application](develop.md){: .button .outline-btn}
[How to develop your application](develop.md){: .button .primary-btn}
## Feedback

4
test.md
View File

@ -243,11 +243,11 @@ only need to do it on the first one. If you have a `<th>`, set it there.
</tr>
<tr>
<td>
<p><a class="button outline-btn" href="/">Go to the docs!</a></p>
<p><a class="button primary-btn" href="/">Go to the docs!</a></p>
<p><a href="/"><font color="#BDBDBD" size="-1">It is dark here. You are likely to be eaten by a grue.</font></a></p>
</td>
<td>
<p><a class="button outline-btn" href="/">Go to the docs!</a></p>
<p><a class="button primary-btn" href="/">Go to the docs!</a></p>
<p><a href="/"><font color="#BDBDBD" size="-1">It is dark here. You are likely to be eaten by a grue.</font></a></p>
</td>
</tr>