Skip to content
#

css-in-js

Here are 610 public repositories matching this topic...

styled-components
rajat2502
rajat2502 commented Apr 28, 2020

Feature Request

Add a file named pull_request_template.md in the .github folder of the repository so that whenever a new PR is opened on the repository it follows the template.

Andarist
Andarist commented Nov 7, 2019

Would be great to provide a documentation section with practical examples on how we propose to handle various popular patterns which usually are solved by pseudo selectors, nested classes etc.

stylelint
bkdotcom
bkdotcom commented Mar 4, 2020

Clearly describe the bug

"false-positive" no-descending-specificity with "empty" definitions (see below)

Which rule, if any, is the bug related to?

no-descending-specificity

What code is needed to reproduce the bug?

    nav {
      display: inline-block;
      a {
        display: inline-block;
      }
    }

    a,
    button,
    label {
      &:focus,
styled-system
The-Code-Monkey
The-Code-Monkey commented Feb 18, 2020

I am looking into variants and i feel like its a bit confusing which is the old api and which is the new one?

I feel like I should just be able to drop the variant function onto a component and give it scale="accents" and then if I pass variant="info" then it should look in the theme object for accents and pull the info key inside that yet it doesn't do that unless I write `variants: {

khusamov
khusamov commented Jan 24, 2020

How import stylesheets-files?

@import url('https://fonts.googleapis.com/css?family=Spectral&display=swap');

Came up with the following solution:

import {create} from 'jss';

create().createStyleSheet({
	'@import': 'url(https://fonts.googleapis.com/css?family=Spectral&display=swap)'
}).attach();

But I would like to do it in global styles.

But the `j

ChALkeR
ChALkeR commented Jan 7, 2020

To reproduce:

$ npm pack styled-jsx@3.2.4
npm notice
npm notice 📦  styled-jsx@3.2.4
npm notice === Tarball Contents ===
npm notice 6.1kB  dist/.DS_Store
npm notice 599B   dist/_constants.js
npm notice 22.3kB dist/_utils.js
npm notice 8.2kB  dist/babel-external.js
npm notice 46B    babel-test.js
npm notice 753B   dist/babel-test.js
npm notice 41B    babel.js
npm notice 10.4k
huchenme
huchenme commented Mar 11, 2018

Hi Mathew,

I think this library is a gem and is very valuable to set up a new site. However, I found it extremely hard to understand how to use rhythm, scale and other functions, even after Googling, looking at the source code, it is still not clear why and when we need to use rtythm and why rtythm(1) = 1.25rem, why we need something like ...scale(1/10) or ...scale(2/5).

It will

leyanlo
leyanlo commented Jan 5, 2020

The Styletron documentation has a section on Descendant Hover. In practice, we typically include hover styles with focus/active styles for accessibility. Therefore, we should include documentation on how to add descendant focus/active styles.

mininternet
mininternet commented Feb 9, 2018

@diegohaz - i noticed a couple of minor spelling errors on the main site:

Basic stack
It includes everything necessary to build a tipical web app with focus on productivity and developer experience.
Learn more about the recomended workflow

Should be typical, and recommended.

Just an FYI.

Thanks!

perguth
perguth commented Jun 9, 2019

This a 🐛 bug report.

.documents is not accepting an object as second parameter even though it's documented in the README.

Expected Behavior

var someState = { render: 'me' }

// Documented API:
// `compiler.documents(routename, [opts], done(err, { buffer, hash }))`
compiler.documen

Improve this page

Add a description, image, and links to the css-in-js topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the css-in-js topic, visit your repo's landing page and select "manage topics."

Learn more

You can’t perform that action at this time.