From e28acc55bb08f3a79782359171655fe7fce2e7c5 Mon Sep 17 00:00:00 2001 From: Brummel Date: Thu, 21 May 2026 12:00:12 +0200 Subject: [PATCH] fix(css): use style.css as source, not the _style.css partial MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The praxis theme has two CSS files in css/: style.css (2000 lines, the actual stylesheet loaded by the Twig template via assets.add('theme:// css/style.css')) and _style.css (1928 lines, a partial/backup variant with different values). I had been copying _style.css all along — wrong file. style.css has the correct line-heights (h1 34px, h2 28px vs the partial's 24/24), an extra .text-bg rule, and the proper media breakpoints. That's why paragraph spacing kept diverging from live no matter what I touched in the body block — the differences were in the heading rules and elsewhere in the file. Replace praxis.css with the real source. --- static/css/praxis.css | 121 ++++++++++++++++++++++++++++++++++-------- 1 file changed, 98 insertions(+), 23 deletions(-) diff --git a/static/css/praxis.css b/static/css/praxis.css index a0eadfe..df7c972 100644 --- a/static/css/praxis.css +++ b/static/css/praxis.css @@ -1,6 +1,6 @@ body { font-family : 'Roboto', sans-serif; - font-size : 14px; /* 13px; */ + font-size : 14px; //13px; line-height : 24px; color : #969595; font-weight : 400; @@ -19,12 +19,12 @@ h1, h2, h3, h4, h5, h6 { h1 { font-size : 30px; - line-height : 24px; + line-height : 34px; } h2 { font-size : 24px; - line-height : 24px; + line-height : 28px; } h3 { @@ -208,8 +208,39 @@ 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 @@ -254,7 +285,7 @@ text-highlights font-family : 'Montserrat', sans-serif; } -@media (max-width : 766px) { +@media (max-width : 768px) { .page-header h1 { font-size : 44px; line-height : 44px; @@ -264,7 +295,7 @@ text-highlights font-size : 30px; line-height : 30px; } - } +} /*feature-section*/ .feature-section { @@ -272,6 +303,10 @@ text-highlights background-size : cover; } +.text-bg { + background : #f9f9f9; + } + /* ------------------------------------------------------------------ BACK TO TOP --------------------------------------------------------------------- */ @@ -721,19 +756,54 @@ Shortcode Content } /*Media Query*/ -@media screen and (max-width : 900px) { - .hero-slide { - margin-top : 60px; - } - .hero-slide .carousel-caption p { +@media screen and (max-width : 900px) { + + .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 @@ -1631,7 +1701,7 @@ service-icon-style } -/* /////////////////////////////////////////////////// */ +///////////////////////////////////////////////////// @@ -1684,12 +1754,12 @@ ul { @media screen and (max-width : 768px) { .about-text { - padding-top : 170px; + padding-top : 60px; } .navbar-default { background : #333333 !important; - padding : 5px 0px; + padding : 0px 0px; border-bottom : none; } } @@ -1697,7 +1767,7 @@ ul { @media (min-width : 768px) { .navbar-default { background-color : transparent; - padding : 30px 0; + padding : 30px 0px; border-color : transparent; } @@ -1761,7 +1831,8 @@ ul { */ .anchor:target { - padding-top: 140px; + margin-top: -140px; + padding-top: 140px; -webkit-transform: translateZ(0) z-index: 1000; } @@ -1814,20 +1885,20 @@ ul { employees start -----------------------------------------------------*/ .employees .section-title h2 { -/* color : #ffffff; */ +// color : #ffffff; } .employees { padding : 50px 0px; -/* color : #ffffff; */ + // color : #ffffff; /* gradient: #f9f9f9+0,e000e0+100 */ background : #f9f9f9; /* Old browsers */ -/* background : -moz-linear-gradient(-45deg, #f9f9f9 0%, #e000e0 100%); /* FF3.6-15 */ */ -/* background : -webkit-linear-gradient(-45deg, #f9f9f9 0%, #e000e0 100%); /* Chrome10-25,Safari5.1-6 */ */ -/* background : linear-gradient(135deg, #f9f9f9 0%, #e000e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ */ -/* filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e000e0', GradientType=1); /* IE6-9 fallback on horizontal gradient */ */ + // background : -moz-linear-gradient(-45deg, #f9f9f9 0%, #e000e0 100%); /* FF3.6-15 */ + // background : -webkit-linear-gradient(-45deg, #f9f9f9 0%, #e000e0 100%); /* Chrome10-25,Safari5.1-6 */ + // background : linear-gradient(135deg, #f9f9f9 0%, #e000e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + // filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e000e0', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } @@ -1924,3 +1995,7 @@ ul { padding-bottom : 50px; padding-top : 50px; } + +.news-text { + background-color : #f9f9f9; +} \ No newline at end of file