mirror of https://github.com/docker/docs.git
_scss: minor changes to styles for "get docker" blocks
Make the rule more specific, reduce margin around tiles, and remove unneeded float. Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
parent
f3d07dd164
commit
a5da30abed
|
@ -63,23 +63,21 @@ code {
|
||||||
margin: 0 0 50px;
|
margin: 0 0 50px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.block {
|
|
||||||
padding: 0 15px 10px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
.row > [class*='col-'] {
|
|
||||||
|
// "get-docker" tiles
|
||||||
|
.row > .block {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.component {
|
.component {
|
||||||
padding: 15px 25px 15px 15px;
|
padding: 15px 25px 15px 15px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
float: left;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: $bg-component;
|
background: $bg-component;
|
||||||
|
|
Loading…
Reference in New Issue