safari fix for flexbox

This commit is contained in:
cupcakearmy 2019-06-15 09:49:22 +02:00
parent a705810b04
commit de8b59f07c
2 changed files with 50 additions and 48 deletions

View File

@ -22,64 +22,66 @@ $dates = getDates();
<div class="alt-font">previous</div> <div class="alt-font">previous</div>
</a> </a>
<div class="flex item grow container vertical middle" id="main"> <div class="flex item grow" id="main">
<!-- Title -->
<div class="flex container vertical middle"> <div class="flex container vertical middle">
<div class="box" id="header">
<h1 class="alt-font"><?= the_title() ?></h1> <!-- Title -->
<div class="flex container vertical middle">
<div class="box" id="header">
<h1 class="alt-font"><?= the_title() ?></h1>
</div>
</div> </div>
</div>
<!-- Content Body --> <!-- Content Body -->
<div class="flex container vertical middle" id="content"> <div class="flex container vertical middle" id="content">
<!-- Reading time and date --> <!-- Reading time and date -->
<?php if ( is_singular( 'post' ) ) : ?>
<div class="flex container horizontal">
<div>
<b><?= $dates['created'] ?></b>
<?php if ( $dates['different'] ) { ?>
<br/>
<small>updated on <?= $dates['modified'] ?></small>
<?php } ?>
</div>
<div class="flex item grow"></div>
<div class="text-align-right">
<b>~<?= do_shortcode( '[rt_reading_time]' ); ?> min</b>
<?= getCurrentPageViews() ?>
</div>
</div>
<br><br>
<?php endif; ?>
<!-- Content -->
<?php the_content(); ?>
</div>
<!-- Tags -->
<?php if ( is_singular( 'post' ) ) : ?> <?php if ( is_singular( 'post' ) ) : ?>
<div class="flex container horizontal"> <div class="auto-width text-align-center">
<div> <br>
<b><?= $dates['created'] ?></b> <?php render_current_tags(); ?>
<?php if ( $dates['different'] ) { ?> <br>
<br/>
<small>updated on <?= $dates['modified'] ?></small>
<?php } ?>
</div>
<div class="flex item grow"></div>
<div class="text-align-right">
<b>~<?= do_shortcode( '[rt_reading_time]' ); ?> min</b>
<?= getCurrentPageViews() ?>
</div>
</div> </div>
<br><br>
<?php endif; ?> <?php endif; ?>
<!-- Content --> <!-- Links -->
<?php the_content(); ?> <div class="flex container vertical middle auto-width">
</div> <?php render_links( true ); ?>
<!-- Tags -->
<?php if ( is_singular( 'post' ) ) : ?>
<div class="auto-width text-align-center">
<br>
<?php render_current_tags(); ?>
<br>
</div> </div>
<?php endif; ?>
<!-- Links --> <!-- Bottom Widgets -->
<div class="flex container vertical middle auto-width"> <?php if ( is_singular( 'post' ) ) : ?>
<?php render_links( true ); ?> <?php if ( is_active_sidebar( 'below_posts' ) ) : ?>
</div> <br><br><br><br><br><br>
<div class="auto-width widget-area text-align-center">
<!-- Bottom Widgets --> <?php dynamic_sidebar( 'below_posts' ); ?>
<?php if ( is_singular( 'post' ) ) : ?> </div>
<?php if ( is_active_sidebar( 'below_posts' ) ) : ?> <?php endif; ?>
<br><br><br><br><br><br>
<div class="auto-width widget-area text-align-center">
<?php dynamic_sidebar( 'below_posts' ); ?>
</div>
<?php endif; ?> <?php endif; ?>
<?php endif; ?> </div>
</div> </div>
<a class="flex item shrink links" href="<?= getNextURL( true ) ?>"> <a class="flex item shrink links" href="<?= getNextURL( true ) ?>">

View File

@ -2,7 +2,7 @@
Theme Name: Liquet Theme Name: Liquet
Author: Niccolo Borgioli Author: Niccolo Borgioli
Description: Minimalistic clean theme Description: Minimalistic clean theme
Version: 0.5 Version: 0.6
License: MIT License: MIT
Tags: minimal, simple, typography, clean Tags: minimal, simple, typography, clean
Author URI: https://nicco.io Author URI: https://nicco.io