modifies gallery post in home page. modified menu
Before Width: | Height: | Size: 9.2 KiB After Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 975 KiB After Width: | Height: | Size: 975 KiB |
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 1.8 MiB |
Before Width: | Height: | Size: 3.4 MiB After Width: | Height: | Size: 3.3 MiB |
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 5.9 KiB |
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 16 KiB |
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* what-input - A global utility for tracking the current input method (mouse, keyboard or touch).
|
||||
* @version v4.3.1
|
||||
* @link https://github.com/ten1seven/what-input
|
||||
* @license MIT
|
||||
*/
|
|
@ -231,7 +231,7 @@ function server(done) {
|
|||
proxy: BROWSERSYNC.url,
|
||||
|
||||
ui: {
|
||||
port: 808080
|
||||
port: 8282
|
||||
},
|
||||
|
||||
});
|
||||
|
|
|
@ -24,10 +24,10 @@
|
|||
<div class="site-custom-logo biofriction-logo-moving-transp cell small-12 medium-12 large-3 shrink"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php //the_custom_logo(); ?></a></div>
|
||||
<div class="site-name"><h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1></div>
|
||||
<div class="site-description"><h2><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></h2></div>
|
||||
<nav class="site-center-top-nav small-12 medium-6 grid-x align-center">
|
||||
<nav class="site-center-top-nav small-12 large-auto grid-x align-center">
|
||||
<?php foundationpress_top_bar_c(); ?>
|
||||
</nav>
|
||||
<nav class="site-top-nav menu small-12 medium-6 large-shrink align-center"><?php foundationpress_top_bar_r(); ?></nav>
|
||||
<nav class="site-top-nav menu small-12 large-shrink align-center"><?php foundationpress_top_bar_r(); ?></nav>
|
||||
</content>
|
||||
|
||||
<?php if (is_category('peephole') || is_tag() ) : ?>
|
||||
|
|
|
@ -24,7 +24,7 @@ get_header(); ?>
|
|||
|
||||
<article id="content-homepage-2021 post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
<header>
|
||||
<h1 class="entry-title"><?php the_title(); ?></h1>
|
||||
<h1 class="entry-title"><?php //the_title(); ?></h1>
|
||||
</header>
|
||||
<div class="entry-content">
|
||||
<?php the_content(); ?>
|
||||
|
|
|
@ -33,8 +33,8 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
// aside sigle post format
|
||||
.format-aside{
|
||||
@include breakpoint(small) {
|
||||
.entry-content {
|
||||
}
|
||||
// .entry-content {
|
||||
// }
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
.entry-title{
|
||||
|
@ -52,93 +52,121 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
|
||||
// presentation as home and category archive
|
||||
.home,.archive{
|
||||
.main-container {
|
||||
// @include xy-grid-container(100vw,0);
|
||||
@include xy-grid-container(100vw,$global-padding*2);
|
||||
overflow: hidden;
|
||||
.main-grid {
|
||||
.main-content {
|
||||
@include xy-cell(12,padding,0);
|
||||
.bfr_category_archive {
|
||||
@include xy-grid();
|
||||
.main-container {
|
||||
// @include xy-grid-container(100vw,0);
|
||||
@include xy-grid-container(100vw,$global-padding*2);
|
||||
overflow: hidden;
|
||||
// .main-grid {
|
||||
.main-content {
|
||||
@include xy-cell(12,padding,0);
|
||||
.bfr_category_archive {
|
||||
@include xy-grid();
|
||||
}
|
||||
.bfr_post {
|
||||
@include breakpoint(small) {
|
||||
@include xy-cell(12);
|
||||
margin-bottom: $global-margin;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
@include xy-cell(6);
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
background-color: $light-gray;
|
||||
padding: $global-padding * 1;
|
||||
border-radius: $button-radius / 2;
|
||||
}
|
||||
.bfr_post_content {
|
||||
.entry-title {
|
||||
@include breakpoint(small) {
|
||||
font-size: rem-calc(18);
|
||||
min-height: 6rem;
|
||||
}
|
||||
.bfr_post {
|
||||
@include breakpoint(small) {
|
||||
@include xy-cell(12);
|
||||
margin-bottom: $global-margin;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
@include xy-cell(6);
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
background-color: $light-gray;
|
||||
padding: $global-padding * 1;
|
||||
border-radius: $button-radius / 2;
|
||||
@include breakpoint(medium) {
|
||||
font-size: rem-calc(25);
|
||||
min-height: 8rem;
|
||||
}
|
||||
.bfr_post_content {
|
||||
.entry-title {
|
||||
@include breakpoint(small) {
|
||||
font-size: rem-calc(18);
|
||||
min-height: 6rem;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
font-size: rem-calc(25);
|
||||
min-height: 8rem;
|
||||
}
|
||||
padding:$global-padding 0 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
.bfr_post_thumbnail {
|
||||
@include breakpoint(small) {
|
||||
float: none;
|
||||
max-width:unset;
|
||||
border-radius:$button-radius;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
float: right;
|
||||
max-width:35%;
|
||||
}
|
||||
}
|
||||
footer{
|
||||
@include breakpoint(small) {
|
||||
float: none;
|
||||
max-width: unset;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
float: left;
|
||||
max-width: 60%;
|
||||
}
|
||||
}
|
||||
.post-excerpt {
|
||||
max-height: 14rem;
|
||||
overflow: hidden;
|
||||
margin-bottom: $global-margin * 1.2;
|
||||
}
|
||||
.button {
|
||||
background-color:$primary-color;
|
||||
color:$secondary-color;
|
||||
&:hover{
|
||||
background-color:$secondary-color;
|
||||
color:$primary-color;
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
.post-excerpt{
|
||||
margin-bottom: 3.5rem;
|
||||
}
|
||||
footer a.button{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
padding:$global-padding 0 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
.bfr_post_thumbnail {
|
||||
@include breakpoint(small) {
|
||||
float: none;
|
||||
max-width:unset;
|
||||
border-radius:$button-radius;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
float: right;
|
||||
max-width:35%;
|
||||
}
|
||||
}
|
||||
footer{
|
||||
@include breakpoint(small) {
|
||||
float: none;
|
||||
max-width: unset;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
float: left;
|
||||
max-width: 60%;
|
||||
a.button{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.post-excerpt {
|
||||
@include breakpoint(small) {
|
||||
max-height: 14rem;
|
||||
overflow: hidden;
|
||||
margin-bottom: $global-margin * 1.2;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
margin-bottom: 3.5rem;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
@include breakpoint(small) {
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
}
|
||||
background-color:$primary-color;
|
||||
color:$secondary-color;
|
||||
&:hover{
|
||||
background-color:$secondary-color;
|
||||
color:$primary-color;
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}//end medium
|
||||
}
|
||||
.category-photos-archive {
|
||||
.bfr_post_thumbnail {
|
||||
float:none;
|
||||
max-width:unset;
|
||||
overflow:hidden;
|
||||
@include breakpoint(small) {
|
||||
max-height: ( 100vw / 2 );
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
max-height: ( 100vw / 3 );
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
max-height: ( 100vw / 5 );
|
||||
}
|
||||
@include breakpoint(xlarge) {
|
||||
// max-height: ( 30vw / 4.5 ) ;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// }
|
||||
}
|
||||
.bfr_category_title{
|
||||
display:none;
|
||||
}
|
||||
|
@ -153,4 +181,4 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|