tl;dr Developers would like the idea to style components based on a parent's width rather than depend solely on the viewport media query. This would allow modular components to style themselves while being agnostic to the viewport.
There is currently a lot of developer interest in getting a feature like Container Queries (née "Element Queryies") shipped in a browser.
Here are official'ish documents to outline the developer community's desires.
| INITIALISATION | |
| ============== | |
| load wp-config.php | |
| set up default constants | |
| load wp-content/advanced-cache.php if it exists | |
| load wp-content/db.php if it exists | |
| connect to mysql, select db | |
| load object cache (object-cache.php if it exists, or wp-include/cache.php if not) | |
| load wp-content/sunrise.php if it exists (multisite only) |
| <html> | |
| <head> | |
| <title>Select styles with CSS only</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <style> | |
| body { | |
| background-color: #fff; | |
| font-family: helvetica, sans-serif; | |
| margin: 4% 10% | |
| } |
| <?php | |
| /** | |
| * Show taxonomy selection in WordPress admin as single <select> box or checkboxes | |
| * | |
| * @author Jari Pennanen / https://github.com/ciantic | |
| * @license Public Domain | |
| **/ | |
| // Usage example: | |
| register_taxonomy("my_taxonomy", array("post"), array( |
| {{-- Define all our servers --}} | |
| @servers(['staging' => '', 'production' => '']) | |
| @setup | |
| {{-- The timezone your servers run in --}} | |
| $timezone = 'Europe/Amsterdam'; | |
| {{-- The base path where your deployments are sitting --}} | |
| $path = '/var/www/site.com/htdocs'; |
Good for acting on specific pieces of your SVG object instead of just link as an <img> you can bring the entire object into your HTML. You need two things:
.php - e.g. logo.svg.phpget_template_part<?php
get_template_part( 'includes/partials/logo', 'logo.svg' );
?>
| # Change YOUR_TOKEN to your prerender token | |
| # Change example.com (server_name) to your website url | |
| # Change /path/to/your/root to the correct value | |
| server { | |
| listen 80; | |
| server_name example.com; | |
| root /path/to/your/root; | |
| index index.html; |
| /* | |
| * This work is free. You can redistribute it and/or modify it under the | |
| * terms of the Do What The Fuck You Want To Public License, Version 2, | |
| * as published by Sam Hocevar. See the COPYING file for more details. | |
| */ | |
| /* | |
| * Easing Functions - inspired from http://gizma.com/easing/ | |
| * only considering the t value for the range [0, 1] => [0, 1] | |
| */ | |
| EasingFunctions = { |