updated npm. modified side navigation rounded arrows

This commit is contained in:
jorge-vitrubio 2021-03-18 10:49:47 +01:00
parent f8d7f771b9
commit 96a29595d6
7 changed files with 4542 additions and 5379 deletions

View File

@ -157,6 +157,15 @@ const webpack = {
gulp.task('webpack:build', webpack.build);
gulp.task('webpack:watch', webpack.watch);
// Include fontawesome
// https://stackoverflow.com/questions/49195144/add-font-awesome-to-gulp-project-correctly#51491927
gulp.task('icons', function() {
return gulp.src('node_modules/@fortawesome/fontawesome-free/webfonts/*')
.pipe(gulp.dest(dist+'/assets/webfonts/'));
});
// Copy images to the "dist" folder
// In production, the images are compressed
function images() {

View File

@ -22,7 +22,7 @@
<header class="site-header-container">
<content class="site-header-grid grid-x align-justify align-middle" role="banner">
<button aria-label="<?php _e( 'Main Menu', 'foundationpress' ); ?>" class="show-for-small-only menu-icon" type="button" data-toggle="<?php foundationpress_mobile_menu_id(); ?>"></button>
<div class="site-custom-logo biofriction-logo-moving-transp cell small-6 medium-3 shrink"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php //the_custom_logo(); ?></a></div>
<div class="site-custom-logo biofriction-logo-moving-transp cell small-12 medium-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-top-widgets"><?php dynamic_sidebar( 'header-widgets' ); ?></nav>

File diff suppressed because it is too large Load Diff

View File

@ -25,43 +25,44 @@
],
"dependencies": {
"foundation-sites": "6.5.1",
"jquery": "~3.0.0",
"jquery": "^3.6.0",
"motion-ui": "^2.0.3",
"what-input": "^4.1.3"
},
"devDependencies": {
"ansi-colors": "^1.0.1",
"@fortawesome/fontawesome-free": "^5.15.3",
"ansi-colors": "^1.1.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.2",
"babel-loader": "^7.1.5",
"babel-preset-es2015": "^6.3.13",
"babel-register": "^6.7.2",
"browser-sync": "^2.26.3",
"dateformat": "^3.0.2",
"fancy-log": "^1.3.2",
"gulp": "^4.0",
"gulp-autoprefixer": "^3.1.0",
"gulp-babel": "^6.1.2",
"gulp-clean-css": "^4.0.0",
"gulp-cli": "^2.0.1",
"browser-sync": "^2.26.14",
"dateformat": "^3.0.3",
"fancy-log": "^1.3.3",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.1",
"gulp-babel": "^6.1.3",
"gulp-clean-css": "^4.3.0",
"gulp-cli": "^2.3.0",
"gulp-concat": "^2.5.2",
"gulp-extname": "^0.2.0",
"gulp-if": "^2.0.0",
"gulp-imagemin": "^5.0.3",
"gulp-load-plugins": "^1.1.0",
"gulp-load-plugins": "^2.0.6",
"gulp-phpcbf": "^0.1.2",
"gulp-phpcs": "^2.1.0",
"gulp-rev": "^8.0.0",
"gulp-sass": "^3.1.0",
"gulp-sourcemaps": "^1.6.0",
"gulp-uglify": "^1.2.0",
"gulp-zip": "^4.0.0",
"js-yaml": "^3.13.0",
"panini": "^1.6.3",
"rimraf": "^2.4.3",
"gulp-phpcs": "^3.1.0",
"gulp-rev": "^8.1.1",
"gulp-sass": "^4.1.0",
"gulp-sourcemaps": "^1.12.1",
"gulp-uglify": "^3.0.2",
"gulp-zip": "^4.2.0",
"js-yaml": "^3.14.1",
"panini": "^1.7.1",
"rimraf": "^2.7.1",
"style-sherpa": "^1.0.0",
"vinyl-named": "^1.1.0",
"webpack": "^3.10.0",
"webpack-stream": "^4.0.0",
"webpack": "^5.26.3",
"webpack-stream": "^6.1.2",
"yargs": "^3.8.0"
},
"repository": {

View File

@ -92,7 +92,16 @@
@import "templates/bfrtemplates";
// Vendors
@import "vendors/fontawesome/fontawesome.css";
@import "vendors/fontawesome/solid.css";
@import "vendors/fontawesome/brands.css";
@import "vendors/fontawesome/regular.css";
//old fontawesome
//@import "vendors/fontawesome/fontawesome.css";
//@import "vendors/fontawesome/solid.css";
//@import "vendors/fontawesome/brands.css";
//@import "vendors/fontawesome/regular.css";
//
// fontawesome as shown here:
// https://stackoverflow.com/questions/49195144/add-font-awesome-to-gulp-project-correctly#51491927
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/brands";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/regular";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/solid";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/v4-shims";

View File

@ -76,11 +76,12 @@
nav.post-nav{
.button{
position: fixed;
top:40%;
background-color: $primary-color;
border: none;
padding: 0;
margin: 0;
@include breakpoint(small) {top: 70vh;}
@include breakpoint(medium) {top: 40vh;}
a {
color: $secondary-color;
font-size: 0px;
@ -91,10 +92,10 @@ nav.post-nav{
a::after {
display: inline-block;
content: '';
font-size: 2rem;
line-height: 1.4rem;//half or font size
height: $global-padding;
width: $global-padding * 1.5;
font-size: 3.8rem;
line-height: 2.5rem;
height: $global-padding *2.5;
width: $global-padding * 2.5;
}
}
.post-previous{

View File

@ -91,13 +91,25 @@ $grid-column-width:$grid-row-width/$grid-column-count;
width: 100%;
}
.bfr_post_thumbnail {
float: right;
max-width:35%;
border-radius:$button-radius;
@include breakpoint(small) {
float: none;
max-width:unset;
border-radius:$button-radius;
}
@include breakpoint(medium) {
float: right;
max-width:35%;
}
}
footer{
float: left;
max-width: 60%;
@include breakpoint(small) {
float: none;
max-width: unset;
}
@include breakpoint(medium) {
float: left;
max-width: 60%;
}
}
.post-excerpt {
max-height: 14rem;