jssee

/* breakpoints */
:root {                                   /* px size at 16px base font size */                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
  @custom-media --xs (width < 20em);      /* 320px */
  @custom-media --s (width < 28em);       /* 448px */
  @custom-media --m (width < 48em);       /* 768px */
  @custom-media --l (width < 64em);       /* 1024px */
  @custom-media --xl (width < 80em);  

jssee

set nocompatible
set encoding=utf-8 nobomb
filetype off

" set the runtime path to include Vundle and initialize
set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()

" let Vundle manage Vundle
Plugin 'VundleVim/Vundle.vim'

jssee

const link = document.querySelector("a");

link.addEventListener("mouseenter", () => {
  const css = "<link rel=preload as=style href=contact.css>";
  document.head.insertAdjacentHTML("beforeend", css);
},{
  once:true
});

jssee

:root {
  --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
  --ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
  --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
  --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
  --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
  --ease-in-circ: cubic-bezier(.6, .04, .98, .335);

  --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);

jssee

const url = 'https://api.dribbble.com/v1/users/USERNAME/shots?access_token=TOKEN&callback';

fetch(url)
.then(response => response.json())
.then(function(data) {
  [].forEach.call(data, function(post) {
    let list = document.querySelector('#dribbble');
    let html = `
      <li>
        <a href="${post.html_url}" target="_blank">

jssee

# OS generated files #
######################
.DS_Store
.DS_Store?
._*
.Spotlight-V100
.Trashes
ehthumbs.db
Thumbs.db

jssee

ul#dribbble {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  @media (--above-m) {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100vw;    

jssee

{
	"color_scheme": "Packages/Colorsublime - Themes/Facebook.tmTheme",
	"font_face": "Input Mono",
	"font_size": 10,
	"tab_size": 2,
	"translate_tabs_to_spaces": true,
  "line_padding_bottom": 5,
  "ensure_newline_at_eof_on_save": true,
  "scroll_speed": 4.0,
  "folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", "node_modules"],

jssee

{
	"color_scheme": "Packages/Colorsublime - Themes/Facebook.tmTheme",
	"ensure_newline_at_eof_on_save": true,
	"folder_exclude_patterns":
	[
		".svn",
		".git",
		".hg",
		"CVS",
		"node_modules"

jssee

{
    "workbench.colorTheme": "Panda Syntax",
    "workbench.colorCustomizations": {
        "activityBar.background": "#0b0b0c",
        "editor.background": "#141416",
        "sideBar.background": "#141416",
        "editorGroupHeader.tabsBackground": "#141416",
        "tab.activeBackground": "#141416",
        "tab.inactiveBackground": "#141416"
    },