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:build', webpack.build);
gulp.task('webpack:watch', webpack.watch); 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 // Copy images to the "dist" folder
// In production, the images are compressed // In production, the images are compressed
function images() { function images() {

View File

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

View File

@ -92,7 +92,16 @@
@import "templates/bfrtemplates"; @import "templates/bfrtemplates";
// Vendors // Vendors
@import "vendors/fontawesome/fontawesome.css"; //old fontawesome
@import "vendors/fontawesome/solid.css"; //@import "vendors/fontawesome/fontawesome.css";
@import "vendors/fontawesome/brands.css"; //@import "vendors/fontawesome/solid.css";
@import "vendors/fontawesome/regular.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{ nav.post-nav{
.button{ .button{
position: fixed; position: fixed;
top:40%;
background-color: $primary-color; background-color: $primary-color;
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
@include breakpoint(small) {top: 70vh;}
@include breakpoint(medium) {top: 40vh;}
a { a {
color: $secondary-color; color: $secondary-color;
font-size: 0px; font-size: 0px;
@ -91,10 +92,10 @@ nav.post-nav{
a::after { a::after {
display: inline-block; display: inline-block;
content: ''; content: '';
font-size: 2rem; font-size: 3.8rem;
line-height: 1.4rem;//half or font size line-height: 2.5rem;
height: $global-padding; height: $global-padding *2.5;
width: $global-padding * 1.5; width: $global-padding * 2.5;
} }
} }
.post-previous{ .post-previous{

View File

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