Vinicius Cainelli vicainelli

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

	/**
	* Script to parse a Postman backupt to Insomnia keeping the same structure.
	*
	* It parses:
	* - Folders
	* - Requests
	* - Environments
	*
	* Notes: Insomnia doesn't accept vars with dots, if you are using you must replace yours URLs manually (see ENVIRONMENTS_EXPORTS).
	*/

	const defaultDelay = 500;
	export default function getDelay(): number {
	if (typeof window !== "undefined") {
	if (window.navigator && window.navigator.connection) {
	const connection = window.navigator.connection.effectiveType;

	switch (connection) {
	case "4g":
	return defaultDelay;
	case "3g":

	(function (context, trackingId, options) {
	const history = context.history;
	const doc = document;
	const nav = navigator \|\| {};
	const storage = localStorage;
	const encode = encodeURIComponent;
	const pushState = history.pushState;
	const typeException = 'exception';
	const generateId = () => Math.random().toString(36);
	const getId = () => {

	let cssImport = require('postcss-import')
	let cssNext = require('postcss-cssnext')
	let glob = require('glob-all')
	let mix = require('laravel-mix')
	let purgeCss = require('purgecss-webpack-plugin')
	let tailwind = require('tailwindcss')

	mix.js('resources/assets/js/app.js', 'public/js')
	.postCss('resources/assets/css/app.css', 'public/css/app.css', [
	cssImport(),

	/*

	Hoje iremos MUDAR a vida da pessoa que não te responde no whatsappp...
	Que tal enviar mensagens pra ela até obter uma resposta?!
	Sensacional não acha?! Mas, somos devs, correto?! Então vamos automatizar esse paranauê!

	Para utilizar:
	- Abra o web.whatsapp.com;
	- Selecione a conversa que você quer;
	- Abra o console e cole o código que está no gist;

	# upgrade existing packages
	sudo apt-get update && sudo apt-get -y upgrade

	# set timezone
	sudo dpkg-reconfigure tzdata

	sudo apt-get -y install build-essential ssh curl software-properties-common python-software-properties python g++ make

	# install Apache server
	sudo apt-get install -y apache2

	@mixin for-size($size) {
	@if $size == phone-only {
	@media (max-width: 599px) { @content; }
	} @else if $size == tablet-portrait-up {
	@media (min-width: 600px) { @content; }
	} @else if $size == tablet-landscape-up {
	@media (min-width: 900px) { @content; }
	} @else if $size == desktop-up {
	@media (min-width: 1200px) { @content; }
	} @else if $size == big-desktop-up {

	{
	"close_window_when_empty": true,
	"color_scheme": "Packages/ayu/ayu-mirage.tmTheme",
	"create_window_at_startup": false,
	"detect_indentation": true,
	"draw_indent_guides": true,
	"file_exclude_patterns":
	[
	".DS_Store"
	],

	<?php
	// Insert into your functions.php and have fun by creating login error msgs
	function guwp_error_msgs() {
	// insert how many msgs you want as array items. it will be shown randomly (html is allowed)
	$custom_error_msgs = [
	'<strong>YOU</strong> SHALL NOT PASS!',
	'<strong>HEY!</strong> GET OUT OF HERE!',
	];
	// get and returns a random array item to show as the error msg
	return $custom_error_msgs[array_rand($custom_error_msgs)];