From: Anthony Talarico Date: Thu, 8 Oct 2015 18:29:24 +0000 (-0400) Subject: Adjusted settings partial _settings.scss medium media query range back to original... X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=217973679f167f673eed5b9c5c5cb35edc454c52;p=WP-Themes%2Fglmthemes%2Fmountpleasant-theme.git Adjusted settings partial _settings.scss medium media query range back to original values --- diff --git a/css/app.css b/css/app.css index 31d53de..18f2156 100644 --- a/css/app.css +++ b/css/app.css @@ -10,12 +10,12 @@ meta.foundation-mq-small-only { width: 0em; } meta.foundation-mq-medium { - font-family: "/only screen and (min-width:20em)/"; - width: 20em; } + font-family: "/only screen and (min-width:40em)/"; + width: 40em; } meta.foundation-mq-medium-only { - font-family: "/only screen and (min-width:20em) and (max-width:40em)/"; - width: 20em; } + font-family: "/only screen and (min-width:40em) and (max-width:64em)/"; + width: 40em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; @@ -394,7 +394,7 @@ select { float: left; } } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .medium-push-0 { position: relative; left: 0; @@ -1302,7 +1302,7 @@ select { clear: both; } } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .medium-block-grid-1 > li { list-style: none; width: 100%; } @@ -1721,7 +1721,7 @@ button::-moz-focus-inner { border: 0; padding: 0; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { button, .button { display: inline-block; } } @@ -1916,7 +1916,7 @@ button::-moz-focus-inner { -webkit-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .button-group.radius.stack-for-small > * { display: inline-block; margin: 0 -2px; } @@ -2018,7 +2018,7 @@ button::-moz-focus-inner { -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .button-group.round.stack-for-small > * { display: inline-block; margin: 0 -2px; } @@ -2172,7 +2172,7 @@ button::-moz-focus-inner { .clearing-feature li.clearing-featured-img { display: block; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .clearing-main-prev, .clearing-main-next { height: 100%; position: absolute; @@ -2944,7 +2944,7 @@ label.error { float: none; margin: auto; width: auto; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .icon-bar.medium-vertical { height: 100%; width: auto; } @@ -2998,7 +2998,7 @@ label.error { width: 50%; } .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { width: auto; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .icon-bar.two-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3008,7 +3008,7 @@ label.error { width: 33.3333%; } .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { width: auto; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .icon-bar.three-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3018,7 +3018,7 @@ label.error { width: 25%; } .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { width: auto; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .icon-bar.four-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3028,7 +3028,7 @@ label.error { width: 20%; } .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { width: auto; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .icon-bar.five-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3038,7 +3038,7 @@ label.error { width: 16.66667%; } .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { width: auto; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .icon-bar.six-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3048,7 +3048,7 @@ label.error { width: 14.28571%; } .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { width: auto; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .icon-bar.seven-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3058,7 +3058,7 @@ label.error { width: 12.5%; } .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { width: auto; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .icon-bar.eight-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3069,7 +3069,7 @@ label.error { width: 50%; } .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { width: auto; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .icon-bar.two-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3079,7 +3079,7 @@ label.error { width: 33.3333%; } .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { width: auto; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .icon-bar.three-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3089,7 +3089,7 @@ label.error { width: 25%; } .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { width: auto; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .icon-bar.four-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3099,7 +3099,7 @@ label.error { width: 20%; } .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { width: auto; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .icon-bar.five-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3109,7 +3109,7 @@ label.error { width: 16.66667%; } .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { width: auto; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .icon-bar.six-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3119,7 +3119,7 @@ label.error { width: 14.28571%; } .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { width: auto; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .icon-bar.seven-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3129,7 +3129,7 @@ label.error { width: 12.5%; } .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { width: auto; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .icon-bar.eight-up.medium-vertical .item { width: auto; } } @media only screen and (min-width:64.063em) { @@ -3273,7 +3273,7 @@ label.error { z-index: 9999; } /* Styles for screens that are at least 768px; */ -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .joyride-tip-guide { width: 300px; left: inherit; } @@ -3568,7 +3568,7 @@ label.error { .touch .orbit-bullets { display: none; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; } .touch .orbit-bullets { @@ -3878,14 +3878,14 @@ ul.pagination { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .reveal-modal { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 80%; } } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .reveal-modal { top: 6.25rem; } } .reveal-modal.radius { @@ -3894,35 +3894,35 @@ ul.pagination { border-radius: 1000px; } .reveal-modal.collapse { padding: 0; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .reveal-modal.tiny { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 30%; } } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .reveal-modal.small { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 40%; } } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .reveal-modal.medium { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 60%; } } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .reveal-modal.large { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 70%; } } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .reveal-modal.xlarge { left: 0; margin: 0 auto; @@ -3937,7 +3937,7 @@ ul.pagination { max-width: none !important; min-height: 100vh; top: 0; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .reveal-modal.full { left: 0; margin: 0 auto; @@ -4319,7 +4319,7 @@ table { .tabs-content.vertical > .content { padding: 0 0.9375rem; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .tabs.vertical { float: left; margin: 0; @@ -4406,7 +4406,7 @@ table { font-size: 0.625rem; font-weight: normal; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .tooltip > .nub { border-color: transparent transparent #333333 transparent; top: -10px; } @@ -4431,8 +4431,8 @@ table { } meta.foundation-mq-topbar { - font-family: "/only screen and (min-width:20em)/"; - width: 20em; } + font-family: "/only screen and (min-width:40em)/"; + width: 40em; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { @@ -4764,7 +4764,7 @@ meta.foundation-mq-topbar { .js-generated { display: block; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .top-bar { background: transparent; overflow: visible; } @@ -4963,7 +4963,7 @@ meta.foundation-mq-topbar { text-align: justify !important; } } -@media only screen and (min-width:20em) and (max-width:40em) { +@media only screen and (min-width:40em) and (max-width:64em) { .medium-only-text-left { text-align: left !important; } @@ -4977,7 +4977,7 @@ meta.foundation-mq-topbar { text-align: justify !important; } } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .medium-text-left { text-align: left !important; } @@ -5277,7 +5277,7 @@ blockquote, blockquote p { border: none; padding: 0 0.0625rem; } -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } @@ -5491,7 +5491,7 @@ ul.off-canvas-list { right: 0; top: 0; z-index: 1002; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .move-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } @@ -5517,7 +5517,7 @@ ul.off-canvas-list { right: 0; top: 0; z-index: 1002; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .move-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } @@ -5543,7 +5543,7 @@ ul.off-canvas-list { right: 0; top: 0; z-index: 1002; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .offcanvas-overlap .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } @@ -5569,7 +5569,7 @@ ul.off-canvas-list { right: 0; top: 0; z-index: 1002; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .offcanvas-overlap-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } @@ -5595,7 +5595,7 @@ ul.off-canvas-list { right: 0; top: 0; z-index: 1002; } - @media only screen and (min-width:20em) { + @media only screen and (min-width:40em) { .offcanvas-overlap-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } @@ -5762,7 +5762,7 @@ ul.off-canvas-list { } /* medium displays */ -@media only screen and (min-width:20em) { +@media only screen and (min-width:40em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } @@ -6272,7 +6272,7 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im width: 100%; } } -@media 20em, 40em { +@media 40em, 64em { img.aligncenter, img.alignnone { width: 70% !important; display: block; @@ -6467,7 +6467,7 @@ header#page-header { header#page-header #top #logo { position: absolute; left: 33%; } - @media only screen and (min-width:20em) and (max-width:40em) { + @media only screen and (min-width:40em) and (max-width:64em) { header#page-header #top #logo { left: 18%; } } header#page-header #top #logo img { @@ -6929,7 +6929,7 @@ main #mid { main #mid #golf #request { margin-top: -20px; padding: 0; } - @media only screen and (min-width:20em) and (max-width:40em) { + @media only screen and (min-width:40em) and (max-width:64em) { main #mid #golf #request { padding-left: 15px; } } main #mid #golf #request img { @@ -7016,7 +7016,7 @@ h2#slide-text { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); position: relative; margin-top: -130px; } - @media only screen and (min-width:20em) and (max-width:40em) { + @media only screen and (min-width:40em) and (max-width:64em) { h2#slide-text { margin-top: -75px; } } @media (max-width: 780px) { @@ -7188,7 +7188,7 @@ h2#slide-text { @media only screen and (max-width: 40em) { #page-wrapper .glm-member-detail-container .glm-member-list-description, #page-wrapper .glm-member-entry-container .glm-member-list-description, #page-wrapper .glm-member-list-container .glm-member-list-description { padding: 20px; } } - @media only screen and (min-width:0em) and (max-width:40em) { + @media only screen and (min-width:0em) and (max-width:64em) { #page-wrapper .glm-member-detail-container .glm-member-list-active-info, #page-wrapper .glm-member-entry-container .glm-member-list-active-info, #page-wrapper .glm-member-list-container .glm-member-list-active-info { left: initial; } } #page-wrapper .glm-member-detail-container { @@ -7273,7 +7273,7 @@ h2#slide-text { #front .row.collapse #video h2 { margin-top: 20px; font-size: 1.125rem; } - @media only screen and (min-width:20em) and (max-width:40em) { + @media only screen and (min-width:40em) and (max-width:64em) { #front .row.collapse #video h2 { margin-top: 15px; } } @media only screen and (max-width: 40em) { @@ -7443,7 +7443,7 @@ h2#slide-text { #blog-side-info-wrapper { top: -57px; } -@media only screen and (min-width:20em) and (max-width:40em) { +@media only screen and (min-width:40em) and (max-width:64em) { #blog-side-info-wrapper { top: -10px; } } @@ -7900,7 +7900,7 @@ td.gfield_list_cell.gfield_list_56_cell1, td.gfield_list_cell.gfield_list_57_cel .gform_wrapper .top_label li.gfield.gf_left_third input.large, .gform_wrapper .top_label li.gfield.gf_left_third input.medium, .gform_wrapper .top_label li.gfield.gf_left_third select.large, .gform_wrapper .top_label li.gfield.gf_left_third select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third input.large, .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third select.large, .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, .gform_wrapper .top_label li.gfield.gf_right_third input.large, .gform_wrapper .top_label li.gfield.gf_right_third input.medium, .gform_wrapper .top_label li.gfield.gf_right_third select.large, .gform_wrapper .top_label li.gfield.gf_right_third select.medium { padding: 0; } -@media only screen and (min-width:0em) and (max-width:40em) { +@media only screen and (min-width:0em) and (max-width:64em) { .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half { width: 100% !important; } diff --git a/scss/_settings.scss b/scss/_settings.scss index a335de3..67cdf22 100644 --- a/scss/_settings.scss +++ b/scss/_settings.scss @@ -162,7 +162,7 @@ $body-font-style: normal; // - - - - - - - - - - - - - - - - - - - - - - - - - $small-range: (0em, 40em); -$medium-range: (20em, 40em); +$medium-range: (40em, 64em); $large-range: (64.063em, 90em); $xlarge-range: (90.063em, 120em); $xxlarge-range: (120.063em, 99999999em);