mirror of https://github.com/docker/docs.git
_scss: reduce overrides to make styling easier and more consistent
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
parent
2091f8ec57
commit
b9395f0d68
|
@ -1,5 +1,5 @@
|
||||||
html {
|
html {
|
||||||
font-family: sans-serif;
|
font-family: $font;
|
||||||
-webkit-text-size-adjust: 100%;
|
-webkit-text-size-adjust: 100%;
|
||||||
-ms-text-size-adjust: 100%;
|
-ms-text-size-adjust: 100%;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
@ -20,7 +20,7 @@ a {
|
||||||
color: $primary-links;
|
color: $primary-links;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
&:hover {
|
&:hover, &:focus {
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -57,7 +57,6 @@ a.button.outline-btn.min-hgt {
|
||||||
.outline-btn {
|
.outline-btn {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: 1px solid #0087C8;
|
border: 1px solid #0087C8;
|
||||||
text-decoration: none;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #1488C6;
|
color: #1488C6;
|
||||||
|
|
|
@ -1,11 +1,12 @@
|
||||||
/*
|
|
||||||
* Images **********************************************************************
|
|
||||||
*/
|
|
||||||
|
|
||||||
.content img {
|
.content, p {
|
||||||
display: block;
|
line-height: 24px;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
height: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
@ -95,10 +96,8 @@ h3:hover > a.anchorLink
|
||||||
|
|
||||||
a.glossary {
|
a.glossary {
|
||||||
color: $body-text;
|
color: $body-text;
|
||||||
text-decoration: none;
|
|
||||||
outline: none;
|
outline: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -162,6 +162,7 @@ body.landing {
|
||||||
$icons: rocket, download-docker, guides, whats-new, manuals, reference;
|
$icons: rocket, download-docker, guides, whats-new, manuals, reference;
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
|
color: $body-text;
|
||||||
background-color: $bg-card;
|
background-color: $bg-card;
|
||||||
box-shadow: 0 3px 6px rgba(11, 33, 74, 0.09),
|
box-shadow: 0 3px 6px rgba(11, 33, 74, 0.09),
|
||||||
0 -2px 2px rgba(11, 33, 74, 0.03);
|
0 -2px 2px rgba(11, 33, 74, 0.03);
|
||||||
|
@ -182,7 +183,7 @@ body.landing {
|
||||||
.title {
|
.title {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
margin: 8px 0;
|
margin: 10px 0;
|
||||||
|
|
||||||
@include sm-width {
|
@include sm-width {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
@ -213,11 +214,6 @@ body.landing {
|
||||||
display: block;
|
display: block;
|
||||||
transition: transform 150ms ease-in-out;
|
transition: transform 150ms ease-in-out;
|
||||||
|
|
||||||
&:focus,
|
|
||||||
&:visited {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: scale(1.01);
|
transform: scale(1.01);
|
||||||
|
|
|
@ -147,7 +147,6 @@ footer {
|
||||||
color: #637986;
|
color: #637986;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -184,7 +183,6 @@ footer {
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-copyright p {
|
.footer-copyright p {
|
||||||
font-family: $font;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 17px;
|
line-height: 17px;
|
||||||
color: #637986;
|
color: #637986;
|
||||||
|
|
|
@ -70,14 +70,11 @@
|
||||||
.nav-sidebar ul li a:focus,
|
.nav-sidebar ul li a:focus,
|
||||||
.nav-sidebar ul li a:hover {
|
.nav-sidebar ul li a:hover {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-sidebar ul li a.active,
|
.nav-sidebar ul li a.active,
|
||||||
.nav-sidebar.nav>li>a:focus {
|
.nav-sidebar.nav>li>a:focus {
|
||||||
cursor: default;
|
|
||||||
background: #F3F4F4;
|
background: #F3F4F4;
|
||||||
color: #2089C4;
|
|
||||||
border-left: 4px solid $primary-links;
|
border-left: 4px solid $primary-links;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
@ -122,7 +119,6 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 5px 10px 5px 10px;
|
padding: 5px 10px 5px 10px;
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,11 +8,11 @@ body.night {
|
||||||
background-color: $bg-header-night;
|
background-color: $bg-header-night;
|
||||||
}
|
}
|
||||||
.card, .cardlet {
|
.card, .cardlet {
|
||||||
|
color: inherit;
|
||||||
background-color: $bg-card-night;
|
background-color: $bg-card-night;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p,ol,ul,
|
|
||||||
.rating-nero-value,
|
.rating-nero-value,
|
||||||
.reading-time {
|
.reading-time {
|
||||||
color: $body-text-night !important;
|
color: $body-text-night !important;
|
||||||
|
@ -51,7 +51,6 @@ body.night {
|
||||||
.nav-sidebar ul li a.active,
|
.nav-sidebar ul li a.active,
|
||||||
.nav-sidebar.nav>li>a:focus,
|
.nav-sidebar.nav>li>a:focus,
|
||||||
.toc-nav li a.active {
|
.toc-nav li a.active {
|
||||||
color: $active-sidebar-night;
|
|
||||||
background: #0a151a;
|
background: #0a151a;
|
||||||
border-left: 4px solid $primary-links;
|
border-left: 4px solid $primary-links;
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
blockquote {
|
blockquote {
|
||||||
background-color: $note-bg-color;
|
background-color: $note-bg-color;
|
||||||
border-left-color: $note-color;
|
border-left-color: $note-color;
|
||||||
|
font-size: unset; // override bootstrap font-size for blockquotes
|
||||||
|
|
||||||
> p:first-child {
|
> p:first-child {
|
||||||
color: $note-color;
|
color: $note-color;
|
||||||
|
|
|
@ -65,7 +65,6 @@
|
||||||
.dropdown-menu>li>a:focus,
|
.dropdown-menu>li>a:focus,
|
||||||
.dropdown-menu>li>a:hover {
|
.dropdown-menu>li>a:hover {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-decoration: none;
|
|
||||||
background-color: #0c5176;
|
background-color: #0c5176;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -34,14 +34,13 @@
|
||||||
font-family: 'Open Sans';
|
font-family: 'Open Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-display: swap;
|
font-display: fallback;
|
||||||
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
|
||||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
h1,h2,h3,h4,h5,h6 {
|
||||||
font-family: $headings;
|
font-family: $headings;
|
||||||
color: $body-text;
|
|
||||||
clear: both;
|
clear: both;
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
}
|
}
|
||||||
|
@ -74,20 +73,6 @@ h6 {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
|
||||||
color: $body-text;
|
|
||||||
font-family: $font;
|
|
||||||
font-size: $body-text-size;
|
|
||||||
line-height: 24px;
|
|
||||||
margin: 10px 0 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
dd, dt {
|
dd, dt {
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue