_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 { 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;
} }

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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