Skip to content

Instantly share code, notes, and snippets.

@mechaneyes
mechaneyes / media-queries-breakpoints.scss
Last active September 1, 2024 09:10
Media Queries, Breakpoints
// ————————————————————————————————————o usage —>
//
// // w/o orientation
// @include bp("medium") {
// .class {
// width: 100%;
// }
// }
// // portrait
@mechaneyes
mechaneyes / center 33%.jsx
Created August 13, 2024 20:21
vertically center at 33% height of container
<div className="min-h-screen bg-white">
<main className="hero hero--split">
<div className="hero__copy">
<div className="hero__copy__inner">
<p className="text-gray-500">
<Date dateString={date} />
</p>
<h1 className="text-4xl font-bold text-gray-900">
<Link
href={`/posts/${slug}`}
{
"created": "2024-09-10T21:19:55.892Z",
"count": 1458,
"offset": 0,
"releases": [
{
"id": "426790fe-7568-4555-8260-28c2462e5fa1",
"score": 100,
"status-id": "1156806e-d06a-38bd-83f0-cf2284a808b9",
"packaging-id": "c1668fc7-8944-4a00-bc3e-46e8d861d211",
@mechaneyes
mechaneyes / tasks.json
Last active December 3, 2024 14:07
open 3 vscode terminal tabs and run `yarn dev` for each app in monorepo
{
"version": "2.0.0",
"tasks": [
{
"label": "Launch NYSee",
"dependsOn": ["🏂homeboy", "📡radar: incoming", "Gimme the 🔫lowdown"],
"problemMatcher": [],
"runOptions": {
"runOn": "folderOpen"
}