| 1 |
<?php |
| 2 |
|
| 3 |
$_cooked_settings = Cooked_Settings::get(); |
| 4 |
$_cooked_dark_css_scope = Cooked_Settings::get_dark_mode_scope(); |
| 5 |
|
| 6 |
?>@media screen and ( max-width: <?php echo esc_html( $_cooked_settings['responsive_breakpoint_1'] ); ?>px ) { |
| 7 |
|
| 8 |
#cooked-timers-wrap { width:90%; margin:0 -45% 0 0; } |
| 9 |
|
| 10 |
.cooked-recipe-grid, |
| 11 |
.cooked-recipe-term-grid { margin:3% -1.5%; width: 103%; } |
| 12 |
.cooked-term-block.cooked-col-25, |
| 13 |
.cooked-recipe-grid.cooked-columns-3 .cooked-recipe, |
| 14 |
.cooked-recipe-grid.cooked-columns-4 .cooked-recipe, |
| 15 |
.cooked-recipe-grid.cooked-columns-5 .cooked-recipe, |
| 16 |
.cooked-recipe-grid.cooked-columns-6 .cooked-recipe { width: 47%; margin: 0 1.5% 3%; padding: 0; } |
| 17 |
|
| 18 |
} |
| 19 |
|
| 20 |
@media screen and ( max-width: <?php echo esc_html( $_cooked_settings['responsive_breakpoint_2'] ); ?>px ) { |
| 21 |
|
| 22 |
.cooked-recipe-grid, |
| 23 |
.cooked-recipe-term-grid { margin:5% -2.5%; width:105%; } |
| 24 |
.cooked-term-block.cooked-col-25, |
| 25 |
.cooked-recipe-grid.cooked-columns-2 .cooked-recipe, |
| 26 |
.cooked-recipe-grid.cooked-columns-3 .cooked-recipe, |
| 27 |
.cooked-recipe-grid.cooked-columns-4 .cooked-recipe, |
| 28 |
.cooked-recipe-grid.cooked-columns-5 .cooked-recipe, |
| 29 |
.cooked-recipe-grid.cooked-columns-6 .cooked-recipe |
| 30 |
.cooked-recipe-grid .cooked-recipe { width:95%; margin:0 2.5% 5%; padding:0; } |
| 31 |
|
| 32 |
.cooked-recipe-info .cooked-left, .cooked-recipe-info .cooked-right { float:none; display:block; text-align:center; } |
| 33 |
.cooked-recipe-info > section.cooked-right > span, .cooked-recipe-info > section.cooked-left > span { margin:0.5rem 1rem 1rem; } |
| 34 |
.cooked-recipe-info > section.cooked-left > span:last-child, .cooked-recipe-info > span:last-child { margin-right:1rem; } |
| 35 |
.cooked-recipe-info > section.cooked-right > span:first-child { margin-left:1rem; } |
| 36 |
|
| 37 |
.cooked-recipe-search .cooked-fields-wrap { padding:0; display:block; } |
| 38 |
.cooked-recipe-search .cooked-fields-wrap > .cooked-browse-search { width:100%; max-width:100%; border-right:1px solid rgba(0,0,0,.15); margin:2% 0; } |
| 39 |
.cooked-recipe-search .cooked-fields-wrap.cooked-1-search-fields .cooked-browse-select-block { width:100%; left:0; } |
| 40 |
.cooked-recipe-search .cooked-fields-wrap > .cooked-field-wrap-select { display:block; width:100%; } |
| 41 |
.cooked-recipe-search .cooked-sortby-wrap { display:block; position:relative; width:68%; right:auto; top:auto; float:left; margin:0; } |
| 42 |
.cooked-recipe-search .cooked-sortby-wrap > select { position:absolute; width:100%; border:1px solid rgba(0,0,0,.15); } |
| 43 |
.cooked-recipe-search .cooked-browse-search-button { width:30%; right:auto; position:relative; display:block; float:right; } |
| 44 |
.cooked-recipe-search .cooked-browse-select-block { top:3rem; left:-1px; width:calc( 100% + 2px ) !important; border-radius:0 0 10px 10px; max-height:16rem; overflow:auto; transform:translate3d(0,-1px,0); } |
| 45 |
.cooked-recipe-search .cooked-fields-wrap.cooked-1-search-fields .cooked-browse-select-block { width:100%; padding:1.5rem; } |
| 46 |
.cooked-recipe-search .cooked-fields-wrap.cooked-2-search-fields .cooked-browse-select-block { width:100%; padding:1.5rem; } |
| 47 |
.cooked-recipe-search .cooked-fields-wrap.cooked-3-search-fields .cooked-browse-select-block { width:100%; padding:1.5rem; } |
| 48 |
.cooked-recipe-search .cooked-fields-wrap.cooked-4-search-fields .cooked-browse-select-block { width:100%; padding:1.5rem; } |
| 49 |
.cooked-recipe-search .cooked-browse-select-block { flex-wrap:wrap; max-height:20rem; } |
| 50 |
.cooked-recipe-search .cooked-browse-select-block .cooked-tax-column { width:100%; min-width:100%; padding:0 0 1.5rem; } |
| 51 |
.cooked-recipe-search .cooked-browse-select-block .cooked-tax-column > div { max-height:none; } |
| 52 |
.cooked-recipe-search .cooked-browse-select-block .cooked-tax-column:last-child { padding:0; } |
| 53 |
.cooked-recipe-search .cooked-fields-wrap.cooked-1-search-fields .cooked-browse-select-block .cooked-tax-column { width:100%; } |
| 54 |
.cooked-recipe-search .cooked-fields-wrap.cooked-2-search-fields .cooked-browse-select-block .cooked-tax-column { width:100%; } |
| 55 |
.cooked-recipe-search .cooked-fields-wrap.cooked-3-search-fields .cooked-browse-select-block .cooked-tax-column { width:100%; } |
| 56 |
.cooked-recipe-search .cooked-fields-wrap.cooked-4-search-fields .cooked-browse-select-block .cooked-tax-column { width:100%; } |
| 57 |
|
| 58 |
#cooked-timers-wrap { width:20rem; right:50%; margin:0 -10rem 0 0; transform:translate3d(0,11.2em,0); } |
| 59 |
#cooked-timers-wrap.cooked-multiples { margin:0; right:0; border-radius:10px 0 0 0; width:20rem; } |
| 60 |
#cooked-timers-wrap .cooked-timer-block { padding-left:3.25rem; } |
| 61 |
#cooked-timers-wrap .cooked-timer-block.cooked-visible { padding-top:1rem; line-height:1.5rem; padding-left:3.25rem; } |
| 62 |
#cooked-timers-wrap .cooked-timer-block .cooked-timer-step { font-size:0.9rem; } |
| 63 |
#cooked-timers-wrap .cooked-timer-block .cooked-timer-desc { font-size:1rem; padding:0; } |
| 64 |
#cooked-timers-wrap .cooked-timer-block .cooked-timer-obj { top:auto; right:auto; width:auto; font-size:1.5rem; line-height:2rem; } |
| 65 |
#cooked-timers-wrap .cooked-timer-block .cooked-timer-obj > i.cooked-icon { font-size:1.5rem; width:1.3rem; margin-right:0.5rem; } |
| 66 |
#cooked-timers-wrap .cooked-timer-block i.cooked-icon-times { line-height:1rem; font-size:1rem; top:1.4rem; left:1.2rem; } |
| 67 |
|
| 68 |
body.cooked-fsm-active #cooked-timers-wrap { bottom:0; } |
| 69 |
|
| 70 |
/* "Slide up" on mobile */ |
| 71 |
.cooked-fsm { opacity:1; transform:scale(1); top:120%; } |
| 72 |
.cooked-fsm.cooked-active { top:0; } |
| 73 |
.cooked-fsm .cooked-fsm-mobile-nav { display:block; } |
| 74 |
.cooked-fsm .cooked-fsm-ingredients, |
| 75 |
.cooked-fsm .cooked-fsm-directions-wrap { padding:9rem 2rem 1rem; width:100%; display:none; left:0; background:#fff; } |
| 76 |
.cooked-fsm .cooked-fsm-ingredients.cooked-active, |
| 77 |
.cooked-fsm .cooked-fsm-directions-wrap.cooked-active { display:block; } |
| 78 |
|
| 79 |
<?php if ( false !== $_cooked_dark_css_scope ): |
| 80 |
|
| 81 |
$_cooked_fsm_dark_selectors = Cooked_Settings::prefix_dark_mode_css( '.cooked-fsm .cooked-fsm-ingredients, .cooked-fsm .cooked-fsm-directions-wrap' ); |
| 82 |
|
| 83 |
?><?php echo $_cooked_fsm_dark_selectors; ?> { background:#000; color:#fff; }<?php |
| 84 |
|
| 85 |
endif; ?> |
| 86 |
|
| 87 |
.cooked-fsm { |
| 88 |
-webkit-transition: all 350ms cubic-bezier(0.420, 0.000, 0.150, 1.000); |
| 89 |
-moz-transition: all 350ms cubic-bezier(0.420, 0.000, 0.150, 1.000); |
| 90 |
-o-transition: all 350ms cubic-bezier(0.420, 0.000, 0.150, 1.000); |
| 91 |
transition: all 350ms cubic-bezier(0.420, 0.000, 0.150, 1.000); |
| 92 |
} |
| 93 |
|
| 94 |
} |
| 95 |
|
| 96 |
@media screen and ( max-width: <?php echo esc_html( $_cooked_settings['responsive_breakpoint_3'] ); ?>px ) { |
| 97 |
|
| 98 |
.cooked-fsm .cooked-fsm-directions p { font-size:1rem; } |
| 99 |
.cooked-fsm .cooked-recipe-directions .cooked-heading { font-size:1.25rem; } |
| 100 |
|
| 101 |
#cooked-timers-wrap { width:100%; right:0; margin:0; border-radius:0; } |
| 102 |
|
| 103 |
.cooked-recipe-search .cooked-fields-wrap > .cooked-browse-search { margin:3% 0; } |
| 104 |
.cooked-recipe-search .cooked-sortby-wrap { width:67%; } |
| 105 |
|
| 106 |
} |
| 107 |
|
