Comments (5)
Ah, that makes sense.
I like the .prose
pattern, I think. What I mean is, I like the idea that h1-hx, p, ul, etc. are not styled as elements unless they are children of a .prose
element (no h1 {..}
rules, except to reset; just .prose h1 {..}
rules). We could create classes to accomplish the same effects outside of .prose
elements. For example, <h3 class="header-1">
outside .prose
would look the same as <h1>
inside .prose
.
from assembly.
We'll need to find a free alternative for the open source part that has similar proportions.
Dropping this link https://meowni.ca/font-style-matcher/ as it may be useful when we get to this ^
from assembly.
Here's one additional thing to add, I think, unless you thought of it as falling under "style utility classes": Typography utility classes for alignment, capitalization, truncation, etc.
Custom Typographic scale using freely available fonts
Could you please clarify what you mean by that?
from assembly.
Could you please clarify what you mean by that?
Two parts:
- Right now base uses a paid font: Brandon. We'll need to find a free alternative for the open source part that has similar proportions.
- We need nice rules for h1-hx, p, ul, and other common typographic elements. We need to decide if we want to continue to use the
.prose
pattern to adjust styles of prose blocks or find something else. Unfortunately, we can't rely exclusively on classes for typography styling because many markdown generators (for example, the one jekyll uses) don't easily output html with classes.
from assembly.
Moving to specific issues.
from assembly.
Related Issues (20)
- Icon for boolean
- 1.0.0 migration guide
- Switch handles are not perfect circles
- loading--dark modifier not working as expected HOT 1
- css and js CDN addresses are 404 HOT 1
- Remove `flex-grow` from `.col` HOT 1
- assembly.min.css missing `border-top-color` in `.loading--dark` HOT 1
- Add `flex-basis: 0;` to col--auto
- Create ESLint plugin for using Assembly with React HOT 1
- Consider setting color-scheme to opt-out of Chrome Auto Dark Themes HOT 1
- Dependency on specific npm Version
- Do we need to resolve custom properties? HOT 1
- Rework range input so track is easier to click HOT 5
- Make it easier to style borderless select elements HOT 3
- Remove `btn--stroked--2` and `select--stroked--2`? HOT 1
- Rework color variants in order to reduce file size HOT 1
- Implement gutter classes with CSS grid instead of using margin/padding hacks HOT 2
- Can we deprecate flex-child?
- Future of the flex-child rule? HOT 3
- Improve focus states for text inputs and textareas
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from assembly.