Skip to content

Instantly share code, notes, and snippets.

View Ni-c0de-mus's full-sized avatar
🎯
Focusing

Ni-c0de-mus Ni-c0de-mus

🎯
Focusing
View GitHub Profile
@Ni-c0de-mus
Ni-c0de-mus / fluid-typography.css
Created March 8, 2020 13:33 — forked from iksi/fluid-typography.css
Fluid typography between a min & max font-size and molten leading
/**
* Fluid typography between a min & max font-size and molten leading
* calc(minSize + (maxSize - minSize) * ((100vw - minPort) / (maxPort - minPort)));
*/
:root {
font-size: 100%;
}
body {
font-size: 1em;
@Ni-c0de-mus
Ni-c0de-mus / reset.scss
Created March 7, 2020 20:57 — forked from HamptonMakes/reset.scss
Reset SCSS
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
@Ni-c0de-mus
Ni-c0de-mus / WordPress 4
Created January 14, 2020 13:41 — forked from mojaray2k/WordPress 4
functions.php - This is a sample functions.php file for WordPress custom themes.
<?php
//adds the viewport meta tag to the header.php file
function add_viewport_meta_tag() {
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
}
add_theme_support( "menus" );
// Create New Menu
@Ni-c0de-mus
Ni-c0de-mus / docker_wordpress.md
Created December 26, 2019 23:09 — forked from bradtraversy/docker_wordpress.md
Docker Compose FIle For Wordpress, MySQL & phpmyadmin

Wordpress & Docker

This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command

$ docker-compose up -d

# To Tear Down
$ docker-compose down --volumes
@Ni-c0de-mus
Ni-c0de-mus / nav_toggle.js
Created November 14, 2019 11:53
This is a simple class toggle function that you can use in combination with CSS specificity for a navigation toggle menu.
function classToggle() {
document.body.classList.toggle('navOpen');
}
document.querySelector('.class_that_gets_clicked').addEventListener('click', classToggle);
* 0 or more matches
+ 1 or more matches
? 0 or 1 match
^ matches the start of the string or line
$ matches the end of the string or line
\ signifies an escape sequence
. matches any single character except newline
( ) capturing group. Save to reuse later
| used as a logic OR inside a capturing group
[abc] character set. Matches one of the things in the brackets
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Gradients</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="main.css"/>
<style>
.box{
min-height: 200px;
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>CSS Circle Experiment</title>
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css' />
<style>
body {
background: #ababab;
}