Skip to content

Instantly share code, notes, and snippets.

View norbert-codes's full-sized avatar
💭
Feeling cute, might break tests later

norbert norbert-codes

💭
Feeling cute, might break tests later
  • no gods, no masters
View GitHub Profile
.hidden-visually {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0 0 0 0);
}
body:not(.user-is-tabbing) {
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}
}
@norbert-codes
norbert-codes / launch.json
Created July 8, 2018 12:50
VSCODE Canary debug settings
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Chrome Canary",
// ----
// libsass (v3.5.4)
// ----
// A sass mixin to produce a specificity bump on a selector by chaining it
@mixin specificity-bump($specificity: 1) {
$selector: "#{&}";
@for $i from 1 through $specificity {
$selector: $selector + "#{&}";
@norbert-codes
norbert-codes / .eslintrc
Last active June 5, 2018 16:49
Poor mans boilerplate for javascript (React) projects with x0 development server and styled-components to quickly prototype React projects or just components.
{
"processors": ["stylelint-processor-styled-components"],
"extends": [
"stylelint-config-standard",
"stylelint-config-styled-components"
],
"plugins": ["stylelint-order", "stylelint-no-unsupported-browser-features"],
"syntax": "scss",
"rules": {
const { h, Component, render } = preact; /** @jsx h */
let q = [];
function enqueue(fn, delay) {
if (q.push(fn)==1) setTimeout(processQueue, delay);
}
function processQueue() {
let p;
while (p=q.pop()) p();
}
@norbert-codes
norbert-codes / atom-tasks.less
Last active July 31, 2016 14:23
Custom theme for Tasks(taskpaper) package, based on the original Taskpaper3 Mac app colors. Zen package is also used (and styled a bit) to hide UI elements to create a nice, minimalistic style.
// ---------------------------------------------
// Custom styles for TASKS (Taskpaper)
// ---------------------------------------------
// TODO: style notes
// TODO: style bracket matcher
// TODO: bottom-margin for headers
@taskpaper-white: rgb(247, 247, 247);
@taskpaper-black: rgba(0, 0, 0, 0.8);
@taskpaper-gray: rgb(184, 184, 184);
@norbert-codes
norbert-codes / multiple_ssh_setting.md
Created May 19, 2016 09:51 — forked from jexchan/multiple_ssh_setting.md
Multiple SSH keys for different github accounts

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "your_email@youremail.com"
@norbert-codes
norbert-codes / dont-overthink-grids.scss
Created May 17, 2016 09:13
Don't overthink it grids based on css-tricks.com article (https://css-tricks.com/dont-overthink-it-grids/).
* {
@include box-sizing(border-box);
}
$pad: 20px;
.grid {
background: white;
margin: 0 0 $pad 0;
@norbert-codes
norbert-codes / flexbox-grid.scss
Last active May 13, 2016 22:03
A dead-simple, very basic flexbox based grid, inspired by Glen Madderns talk on CSSConfBP 2016.
//Just for the demo
body {
background: #fafafa;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
}
.row {
display: flex;
//min-height set for only the demo