Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
1038aaf5 by Jeff Balicki
Options

numbers

1 parent 224446ed
Inline Side-by-side
Showing 6 changed files with 177 additions and 12 deletions
......@@ -16554,6 +16554,14 @@ ss3-force-full-width {
color: #fff;
line-height: 2.125rem;
}
@media (max-width: 1300px) {
.intro {
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
}
}
@media (max-width: 800px) {
.intro {
margin-left: -30%;
......@@ -16564,7 +16572,6 @@ ss3-force-full-width {
}
@media (max-width: 600px) {
.intro {
min-height: 750px;
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......@@ -16587,6 +16594,14 @@ ss3-force-full-width {
color: #333F48;
line-height: 1.3125rem;
}
@media (max-width: 1300px) {
.yellow {
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
}
}
@media (max-width: 800px) {
.yellow {
margin-left: -30%;
......@@ -16597,7 +16612,6 @@ ss3-force-full-width {
}
@media (max-width: 600px) {
.yellow {
min-height: 750px;
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......@@ -16606,22 +16620,46 @@ ss3-force-full-width {
}
.yellow .number-text {
display: inline-block;
margin-left: 10px;
margin-left: -10px;
}
.yellow .number-text:first-of-type {
padding-right: 15px;
}
.yellow span.number-big {
font-family: "Calibri-bold";
font-size: 12.8125rem;
color: #012169;
}
@media (max-width: 1300px) {
.yellow span.number-big {
line-height: 7.5rem;
font-size: 8.5rem;
display: inline-block;
padding-right: 10px;
}
}
.yellow span.number-med {
font-family: "Calibri-bold";
font-size: 2.4375rem;
color: #333F48;
margin-left: 0px;
}
@media (max-width: 1300px) {
.yellow span.number-med {
font-size: 1.75rem;
display: inline-block;
width: 50%;
}
}
.yellow span.number-med.last {
margin-left: -25px;
}
@media (max-width: 1300px) {
.yellow span.number-med.last {
margin-left: 0px;
width: 60%;
}
}
.body {
margin-left: -100%;
......@@ -16631,6 +16669,14 @@ ss3-force-full-width {
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width: 1300px) {
.body {
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
}
}
@media (max-width: 800px) {
.body {
margin-left: -30%;
......@@ -16641,7 +16687,6 @@ ss3-force-full-width {
}
@media (max-width: 600px) {
.body {
min-height: 750px;
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......@@ -16653,10 +16698,27 @@ ss3-force-full-width {
margin-bottom: 0px !important;
}
@media (max-width: 1300px) {
.body.numbers .wp-block-columns {
flex-wrap: wrap;
}
}
@media (max-width: 1300px) {
.body.numbers .wp-block-columns .wp-block-column {
margin-left: 0em !important;
flex-basis: 100% !important;
}
}
.numbers-block {
padding: 40px 50px 30px 50px;
margin-bottom: 30px;
}
@media (max-width: 1300px) {
.numbers-block {
margin-bottom: 20px;
}
}
.numbers-block h3, .numbers-block .h3 {
margin-top: 50px;
margin-bottom: -60px;
......@@ -16675,6 +16737,17 @@ ss3-force-full-width {
.numbers-block h3 span.number, .numbers-block .h3 span.number {
font-size: 12.8125rem;
width: 33%;
padding-right: 10px;
}
@media (max-width: 1300px) {
.numbers-block h3 span.number, .numbers-block .h3 span.number {
width: unset;
}
}
@media (max-width: 800px) {
.numbers-block h3 span.number, .numbers-block .h3 span.number {
width: unset;
}
}
.numbers-block p {
color: #fff;
......@@ -16691,6 +16764,12 @@ ss3-force-full-width {
width: 72%;
display: inline-block;
}
@media (max-width: 1200px) {
.find-text {
width: 100%;
display: block;
}
}
.find-number {
color: #012169;
......@@ -16702,6 +16781,13 @@ ss3-force-full-width {
padding-right: 30px;
text-align: right;
}
@media (max-width: 1200px) {
.find-number {
text-align: left;
width: 100%;
display: block;
}
}
.wp-block-group.gray {
background-color: #f2f2f2;
......@@ -16712,6 +16798,14 @@ ss3-force-full-width {
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width: 1300px) {
.wp-block-group.gray {
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
}
}
@media (max-width: 800px) {
.wp-block-group.gray {
margin-left: -30%;
......@@ -16722,7 +16816,6 @@ ss3-force-full-width {
}
@media (max-width: 600px) {
.wp-block-group.gray {
min-height: 750px;
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -131,6 +131,12 @@ div#n2-ss-2item3{
color: #fff;
line-height: 34px;
}
@media (max-width: 1300px) {
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
}
@media (max-width: 800px) {
margin-left: -30%;
padding-left: 35%;
......@@ -138,7 +144,6 @@ div#n2-ss-2item3{
padding-right: 35%;
}
@media (max-width: 600px) {
min-height: 750px;
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......@@ -161,6 +166,12 @@ div#n2-ss-2item3{
color: #333F48;
line-height: 21px;
}
@media (max-width: 1300px) {
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
}
@media (max-width: 800px) {
margin-left: -30%;
padding-left: 35%;
......@@ -168,7 +179,6 @@ div#n2-ss-2item3{
padding-right: 35%;
}
@media (max-width: 600px) {
min-height: 750px;
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......@@ -176,13 +186,23 @@ div#n2-ss-2item3{
}
.number-text {
display: inline-block;
margin-left: 10px;
margin-left: -10px;
//width: 49%;
}
.number-text:first-of-type{
padding-right: 15px;
}
span.number-big{
font-family: "Calibri-bold";
font-size: 205px;
color: #012169;
@media (max-width: 1300px) {
line-height: 120px;
font-size: 136px;
display:inline-block;
padding-right: 10px;
}
}
span.number-med{
......@@ -190,10 +210,19 @@ span.number-med{
font-size: 39px;
color: #333F48;
margin-left: 0px;
@media (max-width: 1300px) {
font-size: 28px;
display:inline-block;
width: 50%;
}
}
span.number-med.last{
margin-left: -25px;
@media (max-width: 1300px) {
margin-left: 0px;
width: 60%;
}
}
}
......@@ -205,6 +234,12 @@ span.number-med.last{
padding-right: 45%;
padding-top: 50px;
padding-bottom: 50px;
@media (max-width: 1300px) {
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
}
@media (max-width: 800px) {
margin-left: -30%;
padding-left: 35%;
......@@ -212,7 +247,6 @@ span.number-med.last{
padding-right: 35%;
}
@media (max-width: 600px) {
min-height: 750px;
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......@@ -223,10 +257,26 @@ span.number-med.last{
margin-bottom: 0px !important;
}
.body.numbers{
.wp-block-columns{
@media (max-width: 1300px) {
flex-wrap: wrap;
}
.wp-block-column {
@media (max-width: 1300px) {
margin-left: 0em !important;
flex-basis: 100%!important;
}
}
}
}
.numbers-block{
padding:40px 50px 30px 50px;
margin-bottom: 30px;
@media (max-width: 1300px) {
margin-bottom: 20px;
}
h3{
margin-top: 50px;
margin-bottom: -60px;
......@@ -245,6 +295,13 @@ span.number-med.last{
span.number{
font-size: 205px;
width: 33%;
padding-right: 10px;
@media (max-width: 1300px) {
width: unset;
}
@media (max-width: 800px) {
width: unset;
}
}
}
p{
......@@ -264,6 +321,10 @@ span.number-med.last{
line-height: 44px;
width: 72%;
display: inline-block;
@media (max-width: 1200px) {
width: 100%;
display: block;
}
}
.find-number{
color: #012169;
......@@ -274,6 +335,11 @@ span.number-med.last{
display: inline-block;
padding-right: 30px;
text-align: right;
@media (max-width: 1200px) {
text-align: left;
width: 100%;
display: block;
}
}
......@@ -285,6 +351,12 @@ span.number-med.last{
padding-right: 45%;
padding-top: 50px;
padding-bottom: 50px;
@media (max-width: 1300px) {
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
}
@media (max-width: 800px) {
margin-left: -30%;
padding-left: 35%;
......@@ -292,7 +364,7 @@ span.number-med.last{
padding-right: 35%;
}
@media (max-width: 600px) {
min-height: 750px;
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......
......@@ -5,7 +5,7 @@
Author: the Understrap Contributors
Author URI: https://github.com/understrap/understrap-child/graphs/contributors
Template: understrap
Version: 1.1.31
Version: 1.1.32
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......