From f096c97b1613266afbbcf2674e75b0b629405089 Mon Sep 17 00:00:00 2001 From: Vrifox Date: Thu, 8 Oct 2020 22:56:19 +0200 Subject: [PATCH] =?UTF-8?q?optimized=20file=20layout;=20added=20legacy=20v?= =?UTF-8?q?ariant;=20=E2=80=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 2 + README.md | 7 + _legacy/2018 natenom blog style.css | 648 ++++++++++++++++++ public/natenom-superscss-blog.css | 195 ------ public/natenom-superscss-wiki.css | 0 .../blog.scss | 8 +- {source/partials => scss/import}/_colors.scss | 0 .../partials => scss/import}/_globalnav.scss | 0 .../partials => scss/import}/blog-meta.scss | 0 {source/partials => scss/import}/blog.scss | 0 {source/partials => scss/import}/wiki.scss | 0 scss/wiki.scss | 15 + source/natenom-superscss-wiki.scss | 15 - 13 files changed, 676 insertions(+), 214 deletions(-) create mode 100644 _legacy/2018 natenom blog style.css delete mode 100644 public/natenom-superscss-blog.css delete mode 100644 public/natenom-superscss-wiki.css rename source/natenom-superscss-blog.scss => scss/blog.scss (96%) rename {source/partials => scss/import}/_colors.scss (100%) rename {source/partials => scss/import}/_globalnav.scss (100%) rename {source/partials => scss/import}/blog-meta.scss (100%) rename {source/partials => scss/import}/blog.scss (100%) rename {source/partials => scss/import}/wiki.scss (100%) create mode 100644 scss/wiki.scss delete mode 100644 source/natenom-superscss-wiki.scss diff --git a/.gitignore b/.gitignore index 5f75873..2b33fb2 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ +/_generated/* + deploy.sh diff --git a/README.md b/README.md index f1ecd94..2bf3de8 100644 --- a/README.md +++ b/README.md @@ -1 +1,8 @@ SCSS/CSS of [Natenoms Blog](https://blog.natenom.com/). + +## how to generate css out of scss + +```sh +sassc blog.scss blog.css +sassc wiki.scss wiki.css +``` diff --git a/_legacy/2018 natenom blog style.css b/_legacy/2018 natenom blog style.css new file mode 100644 index 0000000..7f2a931 --- /dev/null +++ b/_legacy/2018 natenom blog style.css @@ -0,0 +1,648 @@ +/* + Theme Name: Twenty Fourteen Child + Theme URI: http://example.com/twenty-fourteen-child/ + Description: Twenty Fourteen Child Theme + Author: John Doe + Author URI: http://example.com + Template: twentyfourteen + Version: 1.0.0 + Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, editor-style + Text Domain: twenty-fourteen-child +*/ + +@import url("../twentyfourteen/style.css"); + +/* lato-100 - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 100; + src: url('/fonts/lato-v14-latin-100.eot'); /* IE9 Compat Modes */ + src: local('Lato Hairline'), local('Lato-Hairline'), + url('/fonts/lato-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-100.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-100.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-100italic - latin */ +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 100; + src: url('/fonts/lato-v14-latin-100italic.eot'); /* IE9 Compat Modes */ + src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), + url('/fonts/lato-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-300 - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 300; + src: url('/fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */ + src: local('Lato Light'), local('Lato-Light'), + url('/fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-300italic - latin */ +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 300; + src: url('/fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */ + src: local('Lato Light Italic'), local('Lato-LightItalic'), + url('/fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-regular - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + src: url('/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */ + src: local('Lato Regular'), local('Lato-Regular'), + url('/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-italic - latin */ +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 400; + src: url('/fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */ + src: local('Lato Italic'), local('Lato-Italic'), + url('/fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-700 - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + src: url('/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */ + src: local('Lato Bold'), local('Lato-Bold'), + url('/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-700italic - latin */ +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + src: url('/fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */ + src: local('Lato Bold Italic'), local('Lato-BoldItalic'), + url('/fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-900 - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 900; + src: url('/fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */ + src: local('Lato Black'), local('Lato-Black'), + url('/fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-900italic - latin */ +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 900; + src: url('/fonts/lato-v14-latin-900italic.eot'); /* IE9 Compat Modes */ + src: local('Lato Black Italic'), local('Lato-BlackItalic'), + url('/fonts/lato-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v14-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* START */ +.site { + margin:0 auto; + background: #212730; +} +/* ENDE */ + + +/* START – Bilder bei zwei Spalten mittig ausrichten */ +.full-width .post-thumbnail img { + display: block; + margin: 0; + border-bottom: 10px #fff solid; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} +/* ENDE – Bilder bei zwei Spalten mittig ausrichten */ + + +/* START */ +.entry-title { + font-size: 33px; + font-weight: 300; + line-height: 1.0909090909; + margin-bottom: 12px; + margin: 0 0 12px 0; + text-transform: none; +} +/* ENDE */ + + +/* START – made by wordpress ausblenden */ +div.site-info { + display:none; +} +/* ENDE – made by wordpress ausblenden */ + + +/* START */ +.site-navigation a { + color: #fff; + display: block; + text-transform: none; +} +/* ENDE */ + + +/* START – Artikelbilder bei drei Spalten zentrieren */ +.post-thumbnail img { + position: relative; + left: 50%; + height: auto; + width: auto; + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); +} +/* ENDE – Artikelbilder bei drei Spalten zentrieren */ + + +/* START – Added FIXME px because of natenomglobaltopbar */ +/* https://core.trac.wordpress.org/ticket/28967 see diff */ +.masthead-fixed .entry-content span[id*="more-"] { + display: block; + padding-top: 60px; + margin-top: -64px; +} +.admin-bar.masthead-fixed .entry-content span[id*="more-"] { + padding-top: 72px; + margin-top: -96px; +} +/* ENDE – Added FIXME px because of natenomglobaltopbar */ + + +/* START – display full height of title images */ +.entry-header { + margin-top: 0px; +} +/* ENDE – display full height of title images */ + + +/* START – 700 px Artikelbreite */ +.site-content .entry-header, +.site-content .entry-content, +.site-content .entry-summary, +.site-content .entry-meta, +.page-content { + margin: 0 auto; + max-width: 700px; +} + +img.size-full, img.size-large { + height: auto; + max-width: 700px; + margin: 0 auto; +} + +.wp-post-image, .post-thumbnail img { + height: auto; + max-width: 760px; +} +/* ENDE – 700 px Artikelbreite */ + + +/* START – keine streifen mehr bei den Artikelbildern */ +.post-thumbnail { + background: #212730; + display: block; + position: relative; + z-index: 0; +} +/* ENDE – keine streifen mehr bei den Artikelbildern */ + + +/* START */ +.post { + background: #212730; + padding: 0 0 40px 0; + max-width: 760px; + margin: 0 auto; +} +/* ENDE */ + + +/* START */ +.site-content footer.entry-meta { + margin: 0 auto; + padding: 0px 30px 20px 30px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +.entry-meta .tag-links a::before, +.entry-meta .tag-links a::after { + display:none; +} +/* ENDE */ + + +/* START */ +.entry-meta .tag-links a { + background-color: #2c323d1a; + border-radius: 5px; + color: #999; + margin: 4px 4px 0 0px; + text-transform: none; +} + +.site-content .entry-header { + padding: 30px 30px 10px 30px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +.list-view .site-content .hentry { + padding-top: 0px; +} + +a.post-thumbnail:hover { + background: transparent; +} +/* ENDE */ + + +/* START */ +.post-navigation { + background: #212730; + margin: 0 auto; + padding: 0px 144px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} +/* ENDE */ + + +/* START */ +.comments-area { + color: #fff; + background: #212730; + margin: 0 auto 40px auto; + padding: 40px 144px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} +/* ENDE */ + + +/* START */ +.site-content { +background: #212730; +} + +.post-navigation a { +color: #fff; +} + +.comment-author a { +color: #fff; +} + +.paging-navigation { +color: #fff; +margin: -10px auto 30px auto; +max-width: 760px; +} + +.pagination.loop-pagination { +color: #fff; +} + +.pagination.loop-pagination a { +color: #fff; +} + +.pagination.loop-pagination a:hover { +color: #fff; +} +/* ENDE */ + + +/* START */ +.content-area { +padding-top: 48px; +background: #212730; +} + +.archive-header { +color: #fff; +} +/* ENDE */ + + +/* START */ +.entry-header, .entry-header { + padding: 30px; +} +/* ENDE */ + + +/* START */ +.archive-header, .page-header { + margin: 0 auto 40px; + max-width: 760px; +} + +.full-width .site-content .has-post-thumbnail .entry-header { + margin-top: -10px; +} + +.full-width .site-content .hentry.has-post-thumbnail:first-child { + margin-top: -28px; +} +/* ENDE */ + + +/* START */ +.search-box-wrapper { + top: 0px; + right: 48px; + width: calc(100% - 222px - 48px); + padding-left: 0px; +} + +.search-box { + background-color: transparent; + padding: 0px; +} + +.search-box .search-field { + font-size: 20px; + padding: 4px 4px 4px 10px; + height: 48px; + width: 100%; + border-radius: 0px; +} + +.site-content .entry-summary { + padding-bottom: 1px; +} + +.page-header { + color: #fff; +} +/* ENDE */ + + +/* START – Abstand zwischen den Artikeln */ +.post { + padding: 0 0 60px 0; +} + +.post-navigation { + padding: 10px; +} + +.comments-area { + padding: 40px 10px; +} +/* ENDE – Abstand zwischen den Artikeln */ + + +/* START */ +.search-toggle { + background: transparent !important; +} + +.video-wrapped { + width: 100% !important; + height: 394px !important; +} + +.video-wrapped iframe { + width: 100% !important; + height: 394px !important; +} +/* ENDE */ + + +/* START */ +.secondary-navigation { + border-bottom: 0px; +} + +.secondary-navigation li { + border-top: 0px; +} + +#menu-topmenu li a { + color: #b5b7ba; + padding: 10px 10px; + margin-left: 20px; +} + +#menu-topmenu li:hover a { + color: #fff; +} + +#menu-topmenu li .sub-menu li a { + margin: 0px; +} +/* ENDE */ + + +/* START – Kategorien links als Widget etwas dunkler */ +.primary-sidebar h1 { + color: rgba(255, 255, 255, .8); +} + +.primary-sidebar li { + color: rgba(255, 255, 255, .5); +} + +.primary-sidebar a { + color: rgba(255, 255, 255, .7); +} +/* ENDE – Kategorien links als Widget etwas dunkler */ + + +/* START */ +.related_post_title { + color: #1a1f26; + margin: 0 -30px 0 -30px; + padding: 20px 40px; +} + +.related_post { + list-style: disclosure-closed; + color: #212730; + padding: 15px 15px 15px 30px; + margin: -10px 0 20px 0; +} + +.related_post li { + padding: 4px; +} + +.related_post a { + color: #212730; + display: block; +} + +.related_post a:hover { + color: #4588de; + text-decoration: underline; +} +/* ENDE */ + + +/* START – Falls keine Tags unten angegeben sind, wird trotzdem abgerundet. */ +.entry-content { + border-radius: 0px 0px 10px 10px; + padding: 10px 30px !important; +} + +.entry-meta { + margin-top: -10px !important; +} +/* ENDE – Falls keine Tags unten angegeben sind, wird trotzdem abgerundet. */ + + + +@media only screen and (max-width: 320px) { + body { + padding-top: 0; + } + + /* START – auf Miniseite soll Ueberschrift weiss sein, normal nicht */ + h1.entry-title a { + color: #fff; + } + /* ENDE – auf Miniseite soll Ueberschrift weiss sein, normal nicht */ +} + +@media screen and (max-width: 400px) { + /* START – Artikelbilder bei sehr kleinen Displays nicht mittig positionieren */ + .list-view .site-content .post-thumbnail img { + float: left; + margin: 0 10px 3px 0; + width: 84px; + position: initial; + left: initial; + transform: initial; + } + /* ENDE – Artikelbilder bei sehr kleinen Displays nicht mittig positionieren */ + + /* START – Bilder richtig in die Spalte setzen, Text wird abgetrennt von Bildern angezeigt */ + .entry-header { + margin-top: 0px !important; + margin-left: 94px !important; + } + + .entry-meta { + margin-top: 0px !important; + } + /* ENDE – Bilder richtig in die Spalte setzen, Text wird abgetrennt von Bildern angezeigt */ + + body { + padding-top: 0; + } + + h1.entry-title a { + color: #fff; + } + + .full-width .post-thumbnail img { + border-bottom: 0px transparent solid; + border-radius: 4px; + } + + .full-width .site-content .hentry.has-post-thumbnail:first-child { + margin-top: 12px; + } + + .content-area { + padding-top: 0px; + } + .video-wrapped, .video-wrapped iframe { + height: 214px !important; + } +} + +@media screen and (max-width: 593px) { + .site-content .has-post-thumbnail .entry-header { + margin-top: -10px; + } +} + +@media screen and (max-width: 600px) { + .search-box-wrapper { + right: 96px; + width: calc(100% - 96px); + } +} + +@media screen and (max-width: 672px) { + .site-content .entry-header, .site-content footer.entry-meta { + padding: 0px 12px 12px 12px; + } +} + + +@media screen and (max-width: 700px) { + /* START – Artikelbilder unterhalb einer gewissen Groesse nicht mehr auf 700px sondern 100% */ + img.size-full, .wp-post-image, .post-thumbnail img { + height: auto; + max-width: 100%; + } + + img.size-large { + max-width: calc(100% - 20px); + } + /* ENDE – Artikelbilder unterhalb einer gewissen Groesse nicht mehr auf 700px sondern 100% */ +} diff --git a/public/natenom-superscss-blog.css b/public/natenom-superscss-blog.css deleted file mode 100644 index 6918b9b..0000000 --- a/public/natenom-superscss-blog.css +++ /dev/null @@ -1,195 +0,0 @@ -@charset "UTF-8"; -/* -Theme Name: Twenty Twenty Child -Text Domain: twentytwenty-child -Template: twentytwenty -Version: 1.0 -Requires at least: 4.7 -Requires PHP: 5.2.4 -Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. -Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready -Author: the WordPress team -Author URI: https://wordpress.org/ -Theme URI: https://wordpress.org/themes/twentytwenty/ -License: GNU General Public License v2 or later -License URI: http://www.gnu.org/licenses/gpl-2.0.html - -All files, unless otherwise stated, are released under the GNU General Public -License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) - -This theme, like WordPress, is licensed under the GPL. -Use it to make something cool, have fun, and share what you've learned -with others. -*/ -h1 { - font-size: 3rem !important; } - -h2 { - font-size: 3rem !important; } - -h3 { - font-size: 2.5rem !important; } - -h4 { - font-size: 2rem !important; } - -h5 { - font-size: 1.5rem !important; } - -.post-inner a { - color: #6db0ff !important; } - -.related_post a, -.post-tags a { - color: #979ba9 !important; } - -.previous-post, -.next-post { - color: #6db0ff !important; } - -.footer-menu-wrapper a { - color: #6db0ff !important; } - -.faux-button, -.submit { - background: #4688de !important; - padding: 0.5em 2.2em !important; - text-transform: none !important; } - -.comment-reply-link { - text-transform: none !important; - background: #4688de !important; } - -.post-author.meta-wrapper { - display: none; } - -.footer-nav-widgets-wrapper .footer-widgets-outer-wrapper .footer-widgets-wrapper .footer-widgets .widget_nav_menu .widget-content .menu-datenschutz-impressum-faq-container .menu .menu-item a { - color: #6eb0ff !important; } - -.footer-nav-widgets-wrapper .footer-widgets-outer-wrapper .footer-widgets-wrapper .footer-widgets .widget.widget_tag_cloud .widget-content .tagcloud a.tag-cloud-link { - color: #9b9baa !important; } - -#slb_viewer_wrap #slb_viewer_slb_default .slb_viewer_layout .slb_container { - padding: 0 !important; - box-shadow: none !important; } - #slb_viewer_wrap #slb_viewer_slb_default .slb_viewer_layout .slb_container .slb_details .inner .slb_data .slb_data_content .slb_data_title { - margin: 10px 20px 5px 20px; } - -/* -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; } - -.yarpp-related { - margin: 3em auto 0 auto !important; } - -.yarpp-related a { - font-weight: normal !important; } - -.yarpp-related ol { - list-style: disc; } diff --git a/public/natenom-superscss-wiki.css b/public/natenom-superscss-wiki.css deleted file mode 100644 index e69de29..0000000 diff --git a/source/natenom-superscss-blog.scss b/scss/blog.scss similarity index 96% rename from source/natenom-superscss-blog.scss rename to scss/blog.scss index 76d7319..c5c9365 100644 --- a/source/natenom-superscss-blog.scss +++ b/scss/blog.scss @@ -9,11 +9,11 @@ $type: blog; // Import // -@import 'partials/colors'; -@import 'partials/globalnav'; +@import 'import/colors'; +@import 'import/globalnav'; -@import 'partials/blog-meta.scss'; -@import 'partials/blog.scss'; +@import 'import/blog-meta.scss'; +@import 'import/blog.scss'; // // ToDo diff --git a/source/partials/_colors.scss b/scss/import/_colors.scss similarity index 100% rename from source/partials/_colors.scss rename to scss/import/_colors.scss diff --git a/source/partials/_globalnav.scss b/scss/import/_globalnav.scss similarity index 100% rename from source/partials/_globalnav.scss rename to scss/import/_globalnav.scss diff --git a/source/partials/blog-meta.scss b/scss/import/blog-meta.scss similarity index 100% rename from source/partials/blog-meta.scss rename to scss/import/blog-meta.scss diff --git a/source/partials/blog.scss b/scss/import/blog.scss similarity index 100% rename from source/partials/blog.scss rename to scss/import/blog.scss diff --git a/source/partials/wiki.scss b/scss/import/wiki.scss similarity index 100% rename from source/partials/wiki.scss rename to scss/import/wiki.scss diff --git a/scss/wiki.scss b/scss/wiki.scss new file mode 100644 index 0000000..08b8eee --- /dev/null +++ b/scss/wiki.scss @@ -0,0 +1,15 @@ + +// +// Settings +// + +$type: wiki; + +// +// Import +// + +@import 'import/colors'; +@import 'import/globalnav'; + +@import 'import/wiki.scss'; diff --git a/source/natenom-superscss-wiki.scss b/source/natenom-superscss-wiki.scss deleted file mode 100644 index 3045cef..0000000 --- a/source/natenom-superscss-wiki.scss +++ /dev/null @@ -1,15 +0,0 @@ - -// -// Settings -// - -$type: wiki; - -// -// Import -// - -@import 'partials/colors'; -@import 'partials/globalnav'; - -@import 'partials/wiki.scss';