fix(css): serve live theme CSS verbatim instead of diverging SCSS fork
The Sass file in sass/_praxis_theme.scss had drifted from the live _style.css over the project's life — different line-heights (34/28 vs 24), padding overrides, restructured selectors, and a few sections that the SCSS parser couldn't accept anyway (CSS // line-comments, missing semicolons inherited from the original hand-written CSS). For Phase 1 visual parity the correct source of truth is the live CSS, not a re-edited copy. Drop compile_sass, ship the live _style.css as /css/praxis.css straight from static/, and point base.html at it. This restores the live vertical rhythm (paragraph spacing, banner padding) that had been subtly off.
This commit is contained in:
+1
-1
@@ -2,7 +2,7 @@ base_url = "https://preview.praxis-am-lienhardplatz.de"
|
||||
title = "Praxis am Lienhardplatz"
|
||||
description = "Dr. Oliver Riemann, Dr. Angela Krey und Christian Malyga begrüßen Sie in der Hausärztlichen Gemeinschaftspraxis am Lienhardplatz in Wuppertal-Vohwinkel"
|
||||
default_language = "de"
|
||||
compile_sass = true
|
||||
compile_sass = false
|
||||
build_search_index = false
|
||||
generate_feeds = false
|
||||
|
||||
|
||||
@@ -1,8 +0,0 @@
|
||||
// Praxis am Lienhardplatz — theme entry point
|
||||
//
|
||||
// Compiled by Zola into /main.css and loaded by base.html.
|
||||
// Bootstrap, mobile-menu, flexslider, and Font Awesome are loaded as separate
|
||||
// <link> tags from /css/ (see templates/partials/head.html), so we don't import
|
||||
// them here. Only the praxis-specific theme styles compile through SASS.
|
||||
|
||||
@import "praxis_theme";
|
||||
@@ -19,12 +19,12 @@ h1, h2, h3, h4, h5, h6 {
|
||||
|
||||
h1 {
|
||||
font-size : 30px;
|
||||
line-height : 34px;
|
||||
line-height : 24px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size : 24px;
|
||||
line-height : 28px;
|
||||
line-height : 24px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@@ -208,39 +208,8 @@ button:focus,
|
||||
.pr-30 {
|
||||
padding-right : 30px;
|
||||
}
|
||||
}
|
||||
/*
|
||||
@media (max-width : 768px) {
|
||||
.pt-100 {
|
||||
padding-top : 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.ptb-90 {
|
||||
padding-bottom : 50px;
|
||||
padding-top : 50px;
|
||||
}
|
||||
|
||||
.ptb-100 {
|
||||
padding-top : 60px;
|
||||
padding-bottom : 60px;
|
||||
}
|
||||
|
||||
.ptb-150 {
|
||||
padding-top : 100px;
|
||||
padding-bottom : 100px;
|
||||
}
|
||||
|
||||
.ptb-160 {
|
||||
padding-top : 120px;
|
||||
padding-bottom : 120px;
|
||||
}
|
||||
|
||||
.ptb-170 {
|
||||
padding-top : 140px;
|
||||
padding-bottom : 140px;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
/* ----------------------------------------------
|
||||
text-highlights
|
||||
@@ -285,7 +254,7 @@ text-highlights
|
||||
font-family : 'Montserrat', sans-serif;
|
||||
}
|
||||
|
||||
@media (max-width : 768px) {
|
||||
@media (max-width : 766px) {
|
||||
.page-header h1 {
|
||||
font-size : 44px;
|
||||
line-height : 44px;
|
||||
@@ -295,7 +264,7 @@ text-highlights
|
||||
font-size : 30px;
|
||||
line-height : 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*feature-section*/
|
||||
.feature-section {
|
||||
@@ -303,10 +272,6 @@ text-highlights
|
||||
background-size : cover;
|
||||
}
|
||||
|
||||
.text-bg {
|
||||
background : #f9f9f9;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------
|
||||
BACK TO TOP
|
||||
--------------------------------------------------------------------- */
|
||||
@@ -756,54 +721,19 @@ Shortcode Content
|
||||
}
|
||||
|
||||
/*Media Query*/
|
||||
|
||||
@media screen and (max-width : 900px) {
|
||||
.hero-slide {
|
||||
margin-top : 60px;
|
||||
}
|
||||
|
||||
.hero-slide .carousel-caption p {
|
||||
.hero-slide .carousel-caption p {
|
||||
font-size : 24px;
|
||||
}
|
||||
|
||||
.hero-slide .carousel-indicators {
|
||||
bottom : 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width : 768px) {
|
||||
|
||||
.hero-slide {
|
||||
margin-top : 110px;
|
||||
}
|
||||
|
||||
.hero-slide .carousel-caption p {
|
||||
font-size : 18px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.hero-slide .carousel-control.left,
|
||||
.hero-slide .carousel-control.right {
|
||||
width : 30px;
|
||||
height : 30px;
|
||||
line-height : 23px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width : 500px) {
|
||||
|
||||
.hero-slide .carousel-caption p {
|
||||
font-size : 14px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width : 400px) {
|
||||
|
||||
.hero-slide .carousel-caption p {
|
||||
font-size : 12px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* -------------------
|
||||
Section Title Style
|
||||
@@ -1754,12 +1684,12 @@ ul {
|
||||
|
||||
@media screen and (max-width : 768px) {
|
||||
.about-text {
|
||||
padding-top : 60px;
|
||||
padding-top : 170px;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
background : #333333 !important;
|
||||
padding : 0px 0px;
|
||||
padding : 5px 0px;
|
||||
border-bottom : none;
|
||||
}
|
||||
}
|
||||
@@ -1767,7 +1697,7 @@ ul {
|
||||
@media (min-width : 768px) {
|
||||
.navbar-default {
|
||||
background-color : transparent;
|
||||
padding : 30px 0px;
|
||||
padding : 30px 0;
|
||||
border-color : transparent;
|
||||
}
|
||||
|
||||
@@ -1831,9 +1761,8 @@ ul {
|
||||
*/
|
||||
|
||||
.anchor:target {
|
||||
margin-top: -140px;
|
||||
padding-top: 140px;
|
||||
-webkit-transform: translateZ(0);
|
||||
padding-top: 140px;
|
||||
-webkit-transform: translateZ(0)
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
@@ -1996,6 +1925,4 @@ ul {
|
||||
padding-top : 50px;
|
||||
}
|
||||
|
||||
.news-text {
|
||||
background-color : #f9f9f9;
|
||||
}
|
||||
|
||||
@@ -20,4 +20,4 @@
|
||||
<link rel="stylesheet" href="/fonts/font-awesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="/css/mobile-menu.css">
|
||||
<link rel="stylesheet" href="/css/flexslider.css">
|
||||
<link rel="stylesheet" href="/main.css">
|
||||
<link rel="stylesheet" href="/css/praxis.css">
|
||||
|
||||
Reference in New Issue
Block a user