Skip to content

Instantly share code, notes, and snippets.

View indreklasn's full-sized avatar
👋

Trevor I. Lasn indreklasn

👋
430 followers · 139 following
View GitHub Profile
@indreklasn
indreklasn / selectors.js
Created October 2, 2019 13:12
import { createSelector } from "reselect";
@indreklasn
indreklasn / rootReducer.js
Created October 2, 2019 12:54
const initialState = {
data: [
{
name: "Milton",
type: "cat",
age: 4
},
{
name: "Sammy",
type: "dog",
@indreklasn
indreklasn / styles.css
Created September 17, 2019 09:40
div.demo {
display: inline-block;
width: 110px;
height: 110px;
margin: 10px;
--aug-border: 5px;
--aug-inset: 5px;
padding: 10px; /* mind the gap */
text-align: center;
--aug-border-bg: gold;
@indreklasn
indreklasn / styles.css
Created September 14, 2019 09:16
.header--fixed {
position: absolute;
top: 0;
width: 100%;
}
.header--fixed.top {
transition: none;
transform: translateY(0);
}
.header--fixed.not-top {
@indreklasn
indreklasn / index.js
Created September 14, 2019 09:10
import "./styles.css";
// first import.
import Headroom from "headroom.js";
// grab the header element.
const Header = document.querySelector("header");
// construct an instance of Headroom, passing the header elemen.
const headroom = new Headroom(Header, {
@indreklasn
indreklasn / index.js
Created September 14, 2019 09:10
import "./styles.css";
// first import.
import Headroom from "headroom.js";
// grab the header element.
const Header = document.querySelector("header");
// construct an instance of Headroom, passing the header elemen.
const headroom = new Headroom(Header, {
@indreklasn
indreklasn / index.html
Created September 14, 2019 09:08
<!DOCTYPE html>
<html>
<head>
<title>Sticky Nav</title>
<meta charset="UTF-8" />
</head>
<body>
<div id="app"></div>
<header class="headroom headroom--pinned headroom--unpinned">header</header>
@indreklasn
indreklasn / WebComponentsButton.js
Created September 13, 2019 12:32
class WebComponentButton extends HTMLElement {
constructor() {
super()
this.addEventListener('click', () => {
console.log('click')
})
}
}
@indreklasn
indreklasn / Header.js
Last active September 13, 2019 12:14
import React from 'react';
import { Logo, ProfileImage, BurgerMenu, HeaderWrapper } from 'components';
const Header = () => (
<HeaderWrapper>
<Logo></Logo>
<ProfileImage></ProfileImage>
<BurgerMenu></BurgerMenu>
</HeaderWrapper>
)
@indreklasn
indreklasn / Header.js
Created September 13, 2019 12:12
import React from 'react';
const Header = () => (
<Header>
<Logo></Logo>
<ProfileImage></ProfileImage>
<BurgerMenu></BurgerMenu>
</Header>
)