fix(css): use style.css as source, not the _style.css partial

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.
This commit is contained in:
2026-05-21 12:00:12 +02:00
parent e195a50cb7
commit e28acc55bb
+92 -17
View File
@@ -1,6 +1,6 @@
body { body {
font-family : 'Roboto', sans-serif; font-family : 'Roboto', sans-serif;
font-size : 14px; /* 13px; */ font-size : 14px; //13px;
line-height : 24px; line-height : 24px;
color : #969595; color : #969595;
font-weight : 400; font-weight : 400;
@@ -19,12 +19,12 @@ h1, h2, h3, h4, h5, h6 {
h1 { h1 {
font-size : 30px; font-size : 30px;
line-height : 24px; line-height : 34px;
} }
h2 { h2 {
font-size : 24px; font-size : 24px;
line-height : 24px; line-height : 28px;
} }
h3 { h3 {
@@ -209,7 +209,38 @@ button:focus,
padding-right : 30px; 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 text-highlights
@@ -254,7 +285,7 @@ text-highlights
font-family : 'Montserrat', sans-serif; font-family : 'Montserrat', sans-serif;
} }
@media (max-width : 766px) { @media (max-width : 768px) {
.page-header h1 { .page-header h1 {
font-size : 44px; font-size : 44px;
line-height : 44px; line-height : 44px;
@@ -272,6 +303,10 @@ text-highlights
background-size : cover; background-size : cover;
} }
.text-bg {
background : #f9f9f9;
}
/* ------------------------------------------------------------------ /* ------------------------------------------------------------------
BACK TO TOP BACK TO TOP
--------------------------------------------------------------------- */ --------------------------------------------------------------------- */
@@ -721,10 +756,8 @@ Shortcode Content
} }
/*Media Query*/ /*Media Query*/
@media screen and (max-width : 900px) { @media screen and (max-width : 900px) {
.hero-slide {
margin-top : 60px;
}
.hero-slide .carousel-caption p { .hero-slide .carousel-caption p {
font-size : 24px; font-size : 24px;
@@ -735,6 +768,43 @@ Shortcode Content
} }
} }
@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 Section Title Style
--------------------- */ --------------------- */
@@ -1631,7 +1701,7 @@ service-icon-style
} }
/* /////////////////////////////////////////////////// /////////////////////////////////////////////////////
@@ -1684,12 +1754,12 @@ ul {
@media screen and (max-width : 768px) { @media screen and (max-width : 768px) {
.about-text { .about-text {
.about-text { padding-top : 60px;
} }
.navbar-default { .navbar-default {
background : #333333 !important; background : #333333 !important;
background : #333333 !important; padding : 0px 0px;
border-bottom : none; border-bottom : none;
} }
} }
@@ -1697,7 +1767,7 @@ ul {
@media (min-width : 768px) { @media (min-width : 768px) {
.navbar-default { .navbar-default {
background-color : transparent; background-color : transparent;
background-color : transparent; padding : 30px 0px;
border-color : transparent; border-color : transparent;
} }
@@ -1761,6 +1831,7 @@ ul {
*/ */
.anchor:target { .anchor:target {
margin-top: -140px;
padding-top: 140px; padding-top: 140px;
-webkit-transform: translateZ(0) -webkit-transform: translateZ(0)
z-index: 1000; z-index: 1000;
@@ -1814,20 +1885,20 @@ ul {
employees start employees start
-----------------------------------------------------*/ -----------------------------------------------------*/
.employees .section-title h2 { .employees .section-title h2 {
.employees .section-title h2 { // color : #ffffff;
} }
.employees { .employees {
padding : 50px 0px; padding : 50px 0px;
.employees { // color : #ffffff;
/* gradient: #f9f9f9+0,e000e0+100 */ /* gradient: #f9f9f9+0,e000e0+100 */
background : #f9f9f9; /* Old browsers */ background : #f9f9f9; /* Old browsers */
/* gradient: #f9f9f9+0,e000e0+100 */ // 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 : #f9f9f9; /* Old browsers */ // background : linear-gradient(135deg, #f9f9f9 0%, #e000e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* background : -moz-linear-gradient(-45deg, #f9f9f9 0%, #e000e0 100%); /* FF3.6-15 */ // 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-bottom : 50px;
padding-top : 50px; padding-top : 50px;
} }
.news-text {
background-color : #f9f9f9;
}