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 {
|
||||
font-family: sans-serif;
|
||||
font-family: $font;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
@ -20,7 +20,7 @@ a {
|
|||
color: $primary-links;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
opacity: .8;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
@ -57,7 +57,6 @@ a.button.outline-btn.min-hgt {
|
|||
.outline-btn {
|
||||
background: #fff;
|
||||
border: 1px solid #0087C8;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
&:hover {
|
||||
color: #1488C6;
|
||||
|
|
|
@ -1,11 +1,12 @@
|
|||
/*
|
||||
* Images **********************************************************************
|
||||
*/
|
||||
|
||||
.content img {
|
||||
display: block;
|
||||
.content, p {
|
||||
line-height: 24px;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|
@ -95,10 +96,8 @@ h3:hover > a.anchorLink
|
|||
|
||||
a.glossary {
|
||||
color: $body-text;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -162,6 +162,7 @@ body.landing {
|
|||
$icons: rocket, download-docker, guides, whats-new, manuals, reference;
|
||||
|
||||
.card {
|
||||
color: $body-text;
|
||||
background-color: $bg-card;
|
||||
box-shadow: 0 3px 6px rgba(11, 33, 74, 0.09),
|
||||
0 -2px 2px rgba(11, 33, 74, 0.03);
|
||||
|
@ -182,7 +183,7 @@ body.landing {
|
|||
.title {
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
margin: 8px 0;
|
||||
margin: 10px 0;
|
||||
|
||||
@include sm-width {
|
||||
font-size: 18px;
|
||||
|
@ -213,11 +214,6 @@ body.landing {
|
|||
display: block;
|
||||
transition: transform 150ms ease-in-out;
|
||||
|
||||
&:focus,
|
||||
&:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
transform: scale(1.01);
|
||||
|
|
|
@ -147,7 +147,6 @@ footer {
|
|||
color: #637986;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -184,7 +183,6 @@ footer {
|
|||
}
|
||||
|
||||
.footer-copyright p {
|
||||
font-family: $font;
|
||||
font-size: 12px;
|
||||
line-height: 17px;
|
||||
color: #637986;
|
||||
|
|
|
@ -70,14 +70,11 @@
|
|||
.nav-sidebar ul li a:focus,
|
||||
.nav-sidebar ul li a:hover {
|
||||
border-bottom: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav-sidebar ul li a.active,
|
||||
.nav-sidebar.nav>li>a:focus {
|
||||
cursor: default;
|
||||
background: #F3F4F4;
|
||||
color: #2089C4;
|
||||
border-left: 4px solid $primary-links;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
@ -122,7 +119,6 @@
|
|||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding: 5px 10px 5px 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,11 +8,11 @@ body.night {
|
|||
background-color: $bg-header-night;
|
||||
}
|
||||
.card, .cardlet {
|
||||
color: inherit;
|
||||
background-color: $bg-card-night;
|
||||
}
|
||||
}
|
||||
|
||||
p,ol,ul,
|
||||
.rating-nero-value,
|
||||
.reading-time {
|
||||
color: $body-text-night !important;
|
||||
|
@ -51,7 +51,6 @@ body.night {
|
|||
.nav-sidebar ul li a.active,
|
||||
.nav-sidebar.nav>li>a:focus,
|
||||
.toc-nav li a.active {
|
||||
color: $active-sidebar-night;
|
||||
background: #0a151a;
|
||||
border-left: 4px solid $primary-links;
|
||||
}
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
blockquote {
|
||||
background-color: $note-bg-color;
|
||||
border-left-color: $note-color;
|
||||
font-size: unset; // override bootstrap font-size for blockquotes
|
||||
|
||||
> p:first-child {
|
||||
color: $note-color;
|
||||
|
|
|
@ -65,7 +65,6 @@
|
|||
.dropdown-menu>li>a:focus,
|
||||
.dropdown-menu>li>a:hover {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
background-color: #0c5176;
|
||||
}
|
||||
|
||||
|
|
|
@ -34,14 +34,13 @@
|
|||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
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');
|
||||
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 {
|
||||
font-family: $headings;
|
||||
color: $body-text;
|
||||
clear: both;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
@ -74,20 +73,6 @@ h6 {
|
|||
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 {
|
||||
line-height: 25px;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue