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:
+98
-23
@@ -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 {
|
||||
.about-text {
|
||||
padding-top : 60px;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
background : #333333 !important;
|
||||
background : #333333 !important;
|
||||
padding : 0px 0px;
|
||||
border-bottom : none;
|
||||
}
|
||||
}
|
||||
@@ -1697,7 +1767,7 @@ ul {
|
||||
@media (min-width : 768px) {
|
||||
.navbar-default {
|
||||
background-color : transparent;
|
||||
background-color : transparent;
|
||||
padding : 30px 0px;
|
||||
border-color : transparent;
|
||||
}
|
||||
|
||||
@@ -1761,7 +1831,8 @@ ul {
|
||||
*/
|
||||
|
||||
.anchor:target {
|
||||
.anchor:target {
|
||||
margin-top: -140px;
|
||||
padding-top: 140px;
|
||||
-webkit-transform: translateZ(0)
|
||||
z-index: 1000;
|
||||
}
|
||||
@@ -1814,20 +1885,20 @@ ul {
|
||||
employees start
|
||||
-----------------------------------------------------*/
|
||||
.employees .section-title h2 {
|
||||
.employees .section-title h2 {
|
||||
// color : #ffffff;
|
||||
}
|
||||
|
||||
.employees {
|
||||
padding : 50px 0px;
|
||||
.employees {
|
||||
// color : #ffffff;
|
||||
|
||||
/* gradient: #f9f9f9+0,e000e0+100 */
|
||||
|
||||
background : #f9f9f9; /* Old browsers */
|
||||
/* gradient: #f9f9f9+0,e000e0+100 */
|
||||
|
||||
background : #f9f9f9; /* Old browsers */
|
||||
/* background : -moz-linear-gradient(-45deg, #f9f9f9 0%, #e000e0 100%); /* FF3.6-15 */
|
||||
// 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;
|
||||
}
|
||||
Reference in New Issue
Block a user