1
1
Fork 0
This repository has been archived on 2022-03-02. You can view files and clone it, but cannot push or open issues or pull requests.
natenom-websites/scss/blog.scss

178 lines
3.7 KiB
SCSS
Raw Normal View History

//
// Settings
//
$type: blog;
//
// Import
//
@import 'import/colors';
@import 'import/globalnav';
@import 'import/blog-meta.scss';
@import 'import/blog.scss';
//
// ToDo
//
/*
body {
background: rgb(33, 39, 48) !important;
color: rgb(255, 255, 255) !important;
}*/
/*.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
rgb(109, 176, 255) !important;
}*/
/*
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
rgb(109, 176, 255) !important;
}
*/
/*
.post-meta-single-top .post-meta {
color: rgb(187, 187, 187) !important;
}
*/
/* WordPress nach unten verlegen, damit Topbar besser wird */
body {
top: 32px !important;
position: relative;
}
/* Menu oben und Suchleiste nach unten versetzen, damit sie unter der Topbar angezeigt werden */
.menu-modal, .search-modal {
top: 32px !important;
}
/* Logo links im Header */
/*@media ( min-width: 480px ) {
.header-titles-wrapper::before {
content: ' ';
background: url(/.cdn/images/natenom_avatar_cleanspace_200x200.png);
background-size: auto;
position: relative;
background-size: cover;
height: 4.5rem;
width: 4.5rem;
-webkit-width: 9rem;
display: table;
float: left;
margin-right: 3rem;
}
}*/
/* Damit auch in Chromium der Elefant komplett angezeigt wird und sich nicht versteckt */
/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.header-titles-wrapper::before {
width: 9rem;
}*/
/* Abstand Artikelbilder zu Inhalt darunter und drueber verkleinern */
.entry-header {
padding-bottom: 4rem !important;
}
.post-inner {
padding-top: 4rem !important;
}
.featured-media {
margin-top: 0 !important;
}
/* Bildbeschreibungen nur unter Artikelbildern werden ausgeblendet */
.featured-media-inner .wp-caption-text {
display: none;
}
/* Abstand zwischenÃUeerschrift und Artikel verringern, wenn kein "Featured Media" bzw. Bild */
.blog .featured-media, .tag .featured-media, .category .featured-media {
padding-bottom: 4rem !important;
}
.post-inner {
padding-top: 0rem !important;
}
/* Zum Ausblenden der Anzahl der Kommentare auf Hauptseite */
/*.post-comment-link.meta-wrapper {
display: none;
}*/
/* Cover Hoehe bei Cover Template nur noch 6/10 statt 10/10 */
.cover-header-inner-wrapper.screen-height {
min-height: 60vh !important;
}
/* Cover-Farbe (falls du keinen Hex-Code angeben kannst) */
.cover-color-overlay.color-accent {
color: #252d39 !important;
}
.template-cover .primary-menu-wrapper a, .cover-header .entry-categories a {
color: #fff !important;
}
.primary-menu-wrapper a, .entry-categories a {
color: #6db0ff !important;
}
.menu-modal a {
color: #6db0ff !important;
}
.archive-title .color-accent {
color: #fff !important;
}
.nav-links a {
color: #6db0ff !important;
}
.wp-block-quote {
border-color: #6db0ff !important;
}
.search-submit {
background: #6db0ff !important;
}
/* Auf Seiten muss auch etwas Platz von Header zum Text eingefuegt werden */
.page .post-inner {
padding-top: 4rem !important;
}
/* Auf Beitragsseiten ohne Artikelbilder muss auch etwas Platz von Header zum Text eingefuegt werden */
.single-post .post-inner {
padding-top: 4rem !important;
}