Stack Overflow
Stack Overflow

Questions tagged [aphrodite]

12 questions
4
votes
1 answer

How can I use a custom theme with react-dates?

I'm trying to style my react-dates DayPickerRangeController in Typescript, using react-with-styles and Aphrodite. I'm using this code, emulating the code from https://github.com/airbnb/react-dates#interfaces: const ThemedStyleSheet =…
MaxGabriel
  • 7,617
  • 4
  • 35
  • 82
2
votes
1 answer

Passing imported style object into a custom hook does not work as expected

I am trying to create a custom hook which will handle some merging of Aphrodite (https://github.com/Khan/aphrodite) styles for us, but I'm getting some unusual behaviour with the styles object being passed in. Here's my hook: (the plan was to…
Ben Slinger
  • 267
  • 4
  • 14
2
votes
3 answers

class > element selector in aphrodite

how to implement >elemnt selector in aphrodite. I want to style my child div to width "100%" inputContainer: { width: '100%', "> div": { width: '100%' } }, but it is not working.
PranavPinarayi
  • 3,037
  • 5
  • 21
  • 32
1
vote
1 answer

How to style the active link childs using CSS in JS and React Router?

I am using React ROuter and CSS in JS for style. I'd like to change the background color and border color for the active links child divs (navIndicator and innerIndicator) import { css, StyleSheet } from 'aphrodite/no-important'; export default ({…
Negin Basiri
  • 1,305
  • 2
  • 26
  • 47
1
vote
1 answer

Style react-select with aphrodite

I'm trying to use some existing styles built in aphrodite to style a 3rd party component react-select. The component has some props on it that allow you to pass a className that defines the class to use for the main container of the component. It…
Dude0001
  • 3,019
  • 2
  • 23
  • 38
1
vote
2 answers

React Aphrodite Odd + Even Selectors

Currently I am developing a simple application with React, I have chosen to use Aphrodite for handling my CSS. However I've come across a problem which I cannot find the answer for and it's handling odd and even psuedo selectors. Has anyone got an…
Ash._
  • 364
  • 1
  • 3
  • 16
1
vote
1 answer

How to overwrite material-ui className with aphrodite?

I'm using React and styling some icons. I'm using the Material-UI library for my components. One of the components I'm using is the FontIcon . It already has a className on it, and I'm not able to override with my passed in aphrodite…
Charley B.
  • 74
  • 7
0
votes
1 answer

React + Aphrodite Fonts

I have a problem with add font in React with use Aphrodite. In the Aphrodite documentation (https://github.com/Khan/aphrodite) we have described how to add our font to project, but it didn't work for me. In terminal (vsc), after npm start I don't…
Alcatraz
  • 1
0
votes
1 answer

Unable to install a package package in R

I am using rstudio with an r version 3.6.2. I already referred this post in forum but doesn't seem to help. The package can be found here I am trying to install aphrodite package but unfortunately it throws error as shown below. I get either of the…
The Great
  • 7,215
  • 7
  • 40
  • 128
0
votes
1 answer

CSS-In-Js Using aphrodite style object with string class names on one html element

My existing project using Bootstrap and looks like:
0
votes
1 answer

Inject styles using Aphrodite on vue plugins

Had a hard time figuring out how to apply css using Aphrodite on any vue plugins. I tried to override css on a vue-select plugin but the issue is I can't access the generated elements inside the plugin. I tried to get a class selector but no luck.…
claudios
  • 6,588
  • 8
  • 47
  • 90
0
votes
1 answer

Aphrodite CSS overwriting margin and padding

I'm having an issue with aphrodite, where if I have my base-component set to the global selector for example margin: 0 or any of the sides marginLeft, marginRight, marginTop, marginBottom set. Then when I try to overwrite one or the other, it…
ThomasReggi
  • 55,053
  • 85
  • 237
  • 424