Skip to content

Instantly share code, notes, and snippets.

View gnomeontherun's full-sized avatar

Jeremy Wilken gnomeontherun

View GitHub Profile
@gnomeontherun
gnomeontherun / clr-forms-dark-deprecated.css
Last active June 9, 2020 14:10
Clarity Deprecated Forms CSS, light and dark options
@charset "UTF-8";input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:0 0;height:1rem;color:#e9ecef;display:inline-block;min-width:2.5rem;border-bottom:1px solid #adbbc4;padding:0 .25rem}.select select:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus{outline:0}input[type=date]:not([readonly]),input[type=datetime-local]:not([readonly]),input[type=email]:not([readonly]),input[type=number]:not([readonly]),input[type=password]:not([readonly]),input[type=tel]:not([readonly]),input[type=text]:not([readonly]),input[type=time]:not([readonly]),input[type=url]:not([readonly]){ba
@gnomeontherun
gnomeontherun / new-typography.css
Created October 28, 2019 22:24
New Clarity typography demo
.clr-h-display {
color: #29373d;
font-size: 40px;
line-height: 48px;
font-family: "Metropolis";
font-weight: 500;
letter-spacing: -0.5px;
}
.clr-h-heading {
@gnomeontherun
gnomeontherun / demo-users.ts
Created June 5, 2020 01:22
sample data for a list of users
export interface IUser {
id: number;
first_name: string;
last_name: string;
email: string;
company: string;
avatar: string;
}
export const Users = [{