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:
+92
-17
@@ -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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user