css
css copied to clipboard
master-co
The CSS Language and Framework
### Description - https://github.com/w3c/csswg-drafts/issues/9755 ## Translate X ```diff transform:translateX(20) translateX(20) + translate:20 ``` ## Translate Y ```diff transform:translateY(20) translateY(20) + translate:0|20 ``` ## Translate X Y ```diff transform:translate(20,20) translate(20,20) +...
### Description ```js export default { variables: { frame: { neutral: '#cccccc' } } } ``` ```html ... ```
### What happened? StackBlitz: https://stackblitz.com/github/itsMapleLeaf/mastercss-remix-test?file=app%2Fentry.client.tsx,app%2Froot.tsx,app%2Froutes%2Findex.tsx Before hydration, it briefly shows the styles I would expect (I think?), but after hydration, they all go away, and don't get updated. I think...
### Description ### Current class | properties -- | -- touch-action:value | touch-action: value touch-action:auto | touch-action: auto touch-action:none | touch-action: none touch-action:pan-x | touch-action: pan-x touch-action:pan-left | touch-action: pan-left...
### Description The HTML generated by Master CSS SSR: ```js import { renderHTML } from '@master/css' ... const html = renderHTML(html); res.set('Content-Type', 'text/html'); res.send(Buffer.from(html)); ``` ```html .text\:center { text-align: center...
### What is the improvement or update you wish to see? I would like to see more examples of authoring Master CSS plugins/packages. ### Is there any context that might...
### Description ## Current ```js import { customElement } from 'lit/decorators.js' import MasterCSS from '@master/css' import config from '../master.css' @customElement('my-element') export class MyElement extends LitElement { css: MasterCSS connectedCallback() {...
### Description Suppose there is an SVG to be filled with black when the parent button is disabled. ```html ... ``` ### Current Reactive Syntax ```html ... ``` Generated CSS:...
### Description According to the Docs, ```ts Style.extend('classes', { btn: 'font:14 h:40 h:32.sm text:center bg:red:hover', card: 'p:20 b:1|solid|gray-80 bg:white' }); ``` is possible, which is great; but this will break...
### What is the improvement or update you wish to see? https://beta.css.master.co/docs/grid-areas ### Is there any context that might help us understand? https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area ### Does the docs page already exist?...