_scss: reduce overrides to make styling easier and more consistent

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
Sebastiaan van Stijn 2020-10-22 16:11:51 +02:00
parent 2091f8ec57
commit b9395f0d68
No known key found for this signature in database
GPG Key ID: 76698F39D527CE8C
10 changed files with 14 additions and 42 deletions

View File

@ -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;
}

View File

@ -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;

View File

@ -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;
}
}

View File

@ -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);

View File

@ -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;

View File

@ -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;
}
}
}

View File

@ -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;
}

View File

@ -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;

View File

@ -65,7 +65,6 @@
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #ffffff;
text-decoration: none;
background-color: #0c5176;
}

View File

@ -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;
}