Screen width based styles can be applied to most classes. They are
-ns (not small > 48em)
-m (medium >48em <64em)
-l (large >64em).
Tachyons is mobile-first and small is left out as it's the default.
// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks. | |
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/) | |
(() => { | |
const SHOW_SIDES = false; // color sides of DOM nodes? | |
const COLOR_SURFACE = true; // color tops of DOM nodes? | |
const COLOR_RANDOM = false; // randomise color? | |
const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com) | |
const MAX_ROTATION = 180; // set to 360 to rotate all the way round | |
const THICKNESS = 20; // thickness of layers | |
const DISTANCE = 10000; // ¯\\_(ツ)_/¯ |
--- | |
title: "Untitled" | |
author: "Hao" | |
date: "7/10/2019" | |
output: pdf_document | |
--- | |
```{r setup, include=FALSE} | |
knitr::opts_chunk$set(echo = TRUE) | |
``` |
Screen width based styles can be applied to most classes. They are
-ns (not small > 48em)
-m (medium >48em <64em)
-l (large >64em).
Tachyons is mobile-first and small is left out as it's the default.