mirror of
https://github.com/we-promise/sure.git
synced 2026-04-19 03:54:08 +00:00
099425d240
* First cut of smallest rebrand, pending icons * Leave SQL schema tokens/user names the same for now * First batch of logos * Release notes/what's new * /releases missing * redirect_uri for sureapp:// * Padded logo * Test the correct /releases URL * Missed a few mobile URIs * Some icons/asssets from /website/ repo * Seed/sample data user @sure.local now * New screenshot * Want to keep their legal "boilerplate" from the upstream repo
23 lines
1.2 KiB
Plaintext
23 lines
1.2 KiB
Plaintext
---
|
|
description: This file describes Sure's design system and how views should be styled
|
|
globs: app/views/**,app/helpers/**,app/javascript/controllers/**
|
|
alwaysApply: true
|
|
---
|
|
Use the rules below when:
|
|
|
|
- You are writing HTML
|
|
- You are writing CSS
|
|
- You are writing styles in a JavaScript Stimulus controller
|
|
|
|
## Rules for AI (mandatory)
|
|
|
|
The codebase uses TailwindCSS v4.x (the newest version) with a custom design system defined in [maybe-design-system.css](mdc:app/assets/tailwind/maybe-design-system.css)
|
|
|
|
- Always start by referencing [maybe-design-system.css](mdc:app/assets/tailwind/maybe-design-system.css) to see the base primitives, functional tokens, and component tokens we use in the codebase
|
|
- Always prefer using the functional "tokens" defined in @maybe-design-system.css when possible.
|
|
- Example 1: use `text-primary` rather than `text-white`
|
|
- Example 2: use `bg-container` rather than `bg-white`
|
|
- Example 3: use `border border-primary` rather than `border border-gray-200`
|
|
- Never create new styles in [maybe-design-system.css](mdc:app/assets/tailwind/maybe-design-system.css) or [application.css](mdc:app/assets/tailwind/application.css) without explicitly receiving permission to do so
|
|
- Always generate semantic HTML
|