Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
8b86f387 by Jeff Balicki
Options

rem

1 parent fbcd3198
Expand all
Inline Side-by-side
Showing 13 changed files with 122 additions and 9 deletions
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
<?php
/**
* Partial template for content in page.php
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<div class="entry-content">
<?php
the_content();
understrap_link_pages();
?>
</div><!-- .entry-content -->
<footer class="entry-footer">
<?php understrap_edit_post_link(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-## -->
......@@ -19,7 +19,8 @@
"copy-assets": "node src/build/copy-assets.js",
"dist": "npm-run-all --parallel css js",
"dist-build": "node src/build/dist-build.js",
"dist-clean": "node src/build/dist-clean.js"
"dist-clean": "node src/build/dist-clean.js",
"postcss-pxtorem": "node src/build/postcss-pxtorem.js"
},
"engines": {
"node": ">=14"
......@@ -41,7 +42,9 @@
"url": "https://github.com/understrap/understrap-child/issues"
},
"homepage": "https://understrap.com",
"dependencies": {},
"dependencies": {
"gulp-pxtorem": "^3.0.0"
},
"devDependencies": {
"@babel/core": "^7.16.0",
"@babel/preset-env": "^7.16.4",
......@@ -62,8 +65,9 @@
"nodemon": "^2.0.15",
"npm-run-all": "^4.1.5",
"popper.js": "^1.16.1",
"postcss": "^8.4.4",
"postcss": "^8.4.5",
"postcss-cli": "^9.0.2",
"postcss-pxtorem": "^6.0.0",
"postcss-understrap-palette-generator": "git+https://github.com/understrap/postcss-understrap-palette-generator.git",
"rollup": "^2.60.2",
"sass": "^1.44.0",
......
<?php
/**
* Template Name: Home Page
* Template Name: Certificant Page
*
* Template for displaying a page without sidebar even if a sidebar widget is published.
*
......@@ -14,12 +14,11 @@ get_header();
//$container = "full-width";
$container = get_theme_mod( 'understrap_container_type' );
if ( is_front_page() ) {
get_template_part( 'global-templates/numbers_hero' );
}
get_template_part( 'global-templates/certificant_hero' );
?>
<div class="wrapper" id="full-width-page-wrapper">
<div class="wrapper certificant" id="full-width-page-wrapper">
<div class="<?php echo esc_attr( $container ); ?>" id="content">
......
<?php
/**
* Template Name: Numbers Page
*
* Template for displaying a page without sidebar even if a sidebar widget is published.
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_header();
//$container = "full-width";
$container = get_theme_mod( 'understrap_container_type' );
if ( is_front_page() ) {
get_template_part( 'global-templates/certificant_hero' );
}
?>
<div class="wrapper certificant" id="full-width-page-wrapper">
<div class="<?php echo esc_attr( $container ); ?>" id="content">
<div class="row">
<div class="col-md-12 content-area" id="primary">
<main class="site-main" id="main" role="main">
<?php
while ( have_posts() ) {
the_post();
get_template_part( 'loop-templates/content', 'certificant' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
}
?>
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- .row end -->
</div><!-- #content -->
</div><!-- #full-width-page-wrapper -->
<?php
get_footer();
var fs = require('fs');
var postcss = require('postcss');
var pxtorem = require('postcss-pxtorem');
var css = fs.readFileSync('./css/child-theme.css', 'utf8');
var options = {
rootValue: 16,
unitPrecision: 5,
propList: ['font', 'font-size', 'line-height', 'letter-spacing'],
selectorBlackList: [],
replace: true,
mediaQuery: false,
minPixelValue: 0,
};
var processedCss = postcss(pxtorem(options)).process(css).css;
fs.writeFile('./css/main-rem.css', processedCss, function (err) {
if (err) {
throw err;
}
console.log('Rem file written.');
});
\ No newline at end of file
......@@ -9,7 +9,8 @@
// Any additional imported files //
@import "theme/child_theme"; // <------- Add your styles into this file
@import "theme/numbers";
@import "theme/certificant";
@import "theme/numbers";
@import "theme/footer"; // <------- Add your styles into this file
@import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
@import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
......