khoipro

<link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64" href="https://codetot.net/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="/wp-content/themes/thirty/img/icons/favicon-57.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/wp-content/themes/thirty/img/icons/favicon-57.png">
<link rel="apple-touch-icon" sizes="72x72" href="/wp-content/themes/thirty/img/icons/favicon-72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/wp-content/themes/thirty/img/icons/favicon-114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/wp-content/themes/thirty/img/icons/favicon-120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/wp-content/themes/thirty/img/icons/favicon-144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/wp-content/themes/thirty/img/icons/favicon-152.png">
<meta name="application-name" content="codetot.net">
<meta name="msapplication-TileImage" content="/wp-content/themes/thirty/img/icons/favicon-144.png">

khoipro

browserconfig.yml

wp-content/themes/codetot/assets/img/favicons/

manifest.json

wp-content\/themes\/codetot\/assets\/img\/favicons\/android-chrome-192x192.png

khoipro

function on(elSelector, eventName, selector, fn) {
    var element = document.querySelector(elSelector);

    element.addEventListener(eventName, function(event) {
        var possibleTargets = element.querySelectorAll(selector);
        var target = event.target;

        for (var i = 0, l = possibleTargets.length; i < l; i++) {
            var el = target;
            var p = possibleTargets[i];

khoipro

/**
 * Add meta viewport to responsive
 */

add_action( 'genesis_meta', 'add_viewport_meta_tag' );
function add_viewport_meta_tag() {
	echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
}

//* Add viewport meta tag for mobile browsers

khoipro

// SCSS

$mobile-breakpoint: 320px;
$tablet-breakpoint: 1024px;

.menu-item {
	// Mobile value
	width: 100%;
	@media (min-width: $mobile-breakpoint) {
		width: 50%;

khoipro

<?php
/**
 * Template Name: Videos
 *
 * Selectable from a dropdown menu on the edit page screen.
 */

get_header(); ?>

<div id="primary" class="content_area">

khoipro

<?php
if ( get_query_var('paged') ) {
	$paged = get_query_var('paged');
} elseif ( get_query_var('page') ) { // 'page' is used instead of 'paged' on Static Front Page
	$paged = get_query_var('page');
} else {
	$paged = 1;
}
 
$custom_query_args = array(

khoipro

var gulp           = require('gulp'),
    concat         = require('gulp-concat'),
    uglify         = require('gulp-uglify'),
    rename         = require('gulp-rename'),
    sass           = require('gulp-sass'),
    sourcemaps     = require('gulp-sourcemaps'),
    livereload = require('gulp-livereload');

khoipro

gulp.task('styles', function() {
    return gulp.src('./src/scss/main.scss')
        .pipe(sourcemaps.init())
        .pipe(sass.sync({outputStyle: 'compressed'}).on('error', sass.logError))
        .pipe(rename({ extname: '.min.css' }))
        .pipe(livereload())
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('./assets/css/'));
});

khoipro

gulp.task('build-styles', function() {
	return gulp.src('./src/scss/main.scss')
		.pipe(sass.sync({outputStyle: 'compressed'}).on('error', sass.logError))
		.pipe(rename({ extname: '.min.css' }))
		.pipe(gulp.dest('./assets/css/'));
});