Fix margin site-inner

This commit is contained in:
2018-09-13 21:18:40 +07:00
parent 32875f828d
commit 33a94dd36e
10 changed files with 70 additions and 65 deletions
+2
View File
@@ -0,0 +1,2 @@
{
}
+1 -7
View File
@@ -10,19 +10,13 @@
var scroll = $( window ).scrollTop();
var height = $( '.hero-section' ).outerHeight();
var header = $( '.before-header' ).outerHeight();
var siteheader = $( '.site-header' ).outerHeight();
if ( scroll >= 1 ) {
if ( scroll >= 40 ) {
$( '.site-header' ).addClass( 'shrink' );
$('.bumper').removeClass('hidden');
} else {
$( '.site-header' ).removeClass( 'shrink' );
$('.bumper').addClass('hidden');
}
} );
$(".site-header").after('<div class="bumper hidden"></div>');
/*
* Search form toggle.
*/
+1 -1
View File
@@ -1 +1 @@
!function(e,o){o(window).scroll(function(){var e=o(window).scrollTop();o(".hero-section").outerHeight(),o(".before-header").outerHeight(),o(".site-header").outerHeight();1<=e?(o(".site-header").addClass("shrink"),o(".bumper").removeClass("hidden")):(o(".site-header").removeClass("shrink"),o(".bumper").addClass("hidden"))}),o(".site-header").after('<div class="bumper hidden"></div>'),o(".site-header .search-form").append('<a href="javascript:document.getElementsByName("s").focus()" class="search-toggle"></a>'),o(".site-header .search-toggle").on("click",function(){o(this).toggleClass("active"),o(".nav-primary .menu-item").fadeToggle(),o('.site-header .search-form input[type="search"]').fadeToggle()}),o(".site-footer .enews form").append('<span class="send-icon"></span>'),o(window).on("resize",function(){o(window).width()<896?o(".before-header").appendTo(".nav-primary .menu"):(o(".before-header").prependTo(".site-header"),o(".nav-primary .menu .before-header").remove())}).resize(),jQuery(e).ready(function(o){Modernizr.objectfit||o(".front-page-9").each(function(){var e=o(this),s=e.find("img").prop("src");s&&e.css("backgroundImage","url("+s+")").addClass("no-object-fit"),e.find("img").css("display","none")})}),jQuery(e).ready(function(e){e(".front-page-2 .gallery").slick({dots:!1,infinite:!0,speed:1e3,arrows:!1,autoplay:!0,autoplaySpeed:5e3,fade:!1,slidesToShow:2,slidesToScroll:1,mobileFirst:!0,responsive:[{breakpoint:384,settings:{slidesToShow:3}},{breakpoint:768,settings:{slidesToShow:4}},{breakpoint:896,settings:{slidesToShow:5}},{breakpoint:1152,settings:{slidesToShow:6}}]})}),o('a[href*="#"]').not('[href="#"]').not('[href="#0"]').not('[href*="#tab-"]').click(function(e){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var s=o(this.hash);(s=s.length?s:o("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),o("html, body").animate({scrollTop:s.offset().top},1e3,function(){var e=o(s);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})}(document,jQuery);
!function(e,s){s(window).scroll(function(){var e=s(window).scrollTop();s(".hero-section").outerHeight(),s(".before-header").outerHeight();40<=e?s(".site-header").addClass("shrink"):s(".site-header").removeClass("shrink")}),s(".site-header .search-form").append('<a href="javascript:document.getElementsByName("s").focus()" class="search-toggle"></a>'),s(".site-header .search-toggle").on("click",function(){s(this).toggleClass("active"),s(".nav-primary .menu-item").fadeToggle(),s('.site-header .search-form input[type="search"]').fadeToggle()}),s(".site-footer .enews form").append('<span class="send-icon"></span>'),s(window).on("resize",function(){s(window).width()<896?s(".before-header").appendTo(".nav-primary .menu"):(s(".before-header").prependTo(".site-header"),s(".nav-primary .menu .before-header").remove())}).resize(),jQuery(e).ready(function(s){Modernizr.objectfit||s(".front-page-9").each(function(){var e=s(this),o=e.find("img").prop("src");o&&e.css("backgroundImage","url("+o+")").addClass("no-object-fit"),e.find("img").css("display","none")})}),jQuery(e).ready(function(e){e(".front-page-2 .gallery").slick({dots:!1,infinite:!0,speed:1e3,arrows:!1,autoplay:!0,autoplaySpeed:5e3,fade:!1,slidesToShow:2,slidesToScroll:1,mobileFirst:!0,responsive:[{breakpoint:384,settings:{slidesToShow:3}},{breakpoint:768,settings:{slidesToShow:4}},{breakpoint:896,settings:{slidesToShow:5}},{breakpoint:1152,settings:{slidesToShow:6}}]})}),s('a[href*="#"]').not('[href="#"]').not('[href="#0"]').not('[href*="#tab-"]').click(function(e){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var o=s(this.hash);(o=o.length?o:s("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),s("html, body").animate({scrollTop:o.offset().top},1e3,function(){var e=s(o);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})}(document,jQuery);
+1 -7
View File
@@ -10,19 +10,13 @@
var scroll = $( window ).scrollTop();
var height = $( '.hero-section' ).outerHeight();
var header = $( '.before-header' ).outerHeight();
var siteheader = $( '.site-header' ).outerHeight();
if ( scroll >= 1 ) {
if ( scroll >= 40 ) {
$( '.site-header' ).addClass( 'shrink' );
$('.bumper').removeClass('hidden');
} else {
$( '.site-header' ).removeClass( 'shrink' );
$('.bumper').addClass('hidden');
}
} );
$(".site-header").after('<div class="bumper hidden"></div>');
/*
* Search form toggle.
*/
+21
View File
@@ -513,3 +513,24 @@
.pingback:last-of-type p {
margin-bottom: 0;
}
.lead {
font-style: italic;
text-align: center;
font-weight: 400;
color: #222;
font-size: 120%;
line-height: 2;
padding: 0 20px 0;
@include breakpoint(md) {
margin: 50px -50px;
font-size: 140%;
}
&:after {
display: block;
content: "";
width: 33%;
margin: 50px auto 60px;
border-bottom: 2px solid #eee;
}
}
+3 -25
View File
@@ -2,27 +2,17 @@
--------------------------------------------- */
.site-header {
/*position: absolute;*/
position: absolute;
z-index: 100;
width: 100%;
border-bottom: 1px solid rgba($gray, 0.3);
background-color: $white;
&.shrink {
position: fixed;
> .wrap {
@include breakpoint(md) {
height: 7rem;
}
}
}
@include transition;
.sticky-header & {
position: fixed;
top: 0;
&.shrink {
background-color: $white;
box-shadow: 0 0 4rem rgba($dark, 0.05);
@@ -59,7 +49,7 @@
flex-wrap: wrap;
@include breakpoint(md) {
height: 7rem;
height: 10rem;
padding: 0;
flex-wrap: nowrap;
}
@@ -75,18 +65,6 @@
}
}
.bumper {
height: 61px;
@include breakpoint(md) {
height: 71px;
}
}
.hidden{
display: none;
}
/* ## Title Area
--------------------------------------------- */
+6
View File
@@ -33,6 +33,12 @@
.site-inner {
clear: both;
.home & {
margin-top: 61px;
@include breakpoint(md) {
margin-top: 101px;
}
}
.blog &,
.archive &,
+1 -2
View File
@@ -274,7 +274,6 @@
&.activated {
right: 0;
left: auto;
z-index: 1;
box-shadow: 0 0 4rem rgba($dark, 0.2);
@include breakpoint(sm) {
@@ -421,7 +420,7 @@
.menu-toggle {
display: block;
position: relative;
z-index: 2;
z-index: 1;
height: auto;
margin-right: -0.5em;
padding: 1em 0.5em;
+33 -22
View File
@@ -868,6 +868,10 @@ th {
clear: both;
}
.home .site-inner {
margin-top: 61px;
}
.blog .site-inner,
.archive .site-inner,
.search-results .site-inner {
@@ -1405,7 +1409,7 @@ img.alignright,
/* ## Site Header
--------------------------------------------- */
.site-header {
/*position: absolute;*/
position: absolute;
z-index: 100;
width: 100%;
border-bottom: 1px solid rgba(198, 202, 206, 0.3);
@@ -1413,12 +1417,9 @@ img.alignright,
transition: all 0.3s ease;
}
.site-header.shrink {
position: fixed;
}
.sticky-header .site-header {
position: fixed;
top: 0;
}
.sticky-header .site-header.shrink {
@@ -1454,14 +1455,6 @@ img.alignright,
padding: 3rem 6vw;
}
.bumper {
height: 61px;
}
.hidden {
display: none;
}
/* ## Title Area
--------------------------------------------- */
.title-area {
@@ -1902,7 +1895,6 @@ img.alignright,
.nav-secondary.activated {
right: 0;
left: auto;
z-index: 1;
box-shadow: 0 0 4rem rgba(42, 49, 57, 0.2);
}
@@ -2001,7 +1993,7 @@ img.alignright,
.menu-toggle {
display: block;
position: relative;
z-index: 2;
z-index: 1;
height: auto;
margin-right: -0.5em;
padding: 1em 0.5em;
@@ -2581,6 +2573,24 @@ img.alignright,
margin-bottom: 0;
}
.lead {
font-style: italic;
text-align: center;
font-weight: 400;
color: #222222;
font-size: 120%;
line-height: 2;
padding: 0 20px 0;
}
.lead:after {
display: block;
content: '';
width: 33%;
margin: 50px auto 60px;
border-bottom: 2px solid #eeeeee;
}
/* ## Sidebars
--------------------------------------------- */
.sidebar {
@@ -4581,6 +4591,9 @@ ul.testimonials-list h5 {
}
@media (min-width: 896px) {
.home .site-inner {
margin-top: 101px;
}
.content-sidebar-wrap {
display: flex;
padding: 0;
@@ -4639,23 +4652,17 @@ ul.testimonials-list h5 {
bottom: 0;
margin: auto 1em auto 0;
}
.site-header.shrink > .wrap {
height: 7rem;
}
.sticky-header .site-header.shrink > .wrap {
height: 7rem;
}
.site-header > .wrap {
height: 7rem;
height: 10rem;
padding: 0;
flex-wrap: nowrap;
}
.no-js .site-header > .wrap {
padding: 0;
}
.bumper {
height: 71px;
}
.site-description {
line-height: 1.382;
text-align: left;
@@ -4833,6 +4840,10 @@ ul.testimonials-list h5 {
.pagination {
padding: 5rem 0;
}
.lead {
margin: 50px -50px;
font-size: 140%;
}
.wpmenucart-contents {
margin-left: 1em;
}
+1 -1
View File
File diff suppressed because one or more lines are too long