Stack Overflow
Stack Overflow

Questions tagged [tachyons-css]

Tachyons is a functional CSS toolkit for creating fast loading, highly readable, and 100% responsive interfaces with as little css as possible.

Tachyons

Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.

26 questions
0
votes
1 answer

Is Tachyons enough for UI developement?

Do I still need to use a UI framewok like Bootstrap or MDL if I use http://package.elm-lang.org/packages/justgage/tachyons-elm/1.0.0/Tachyons? Or is Tachyons all I need for UI?
benbro00002
  • 151
  • 4
0
votes
0 answers

Blurry content on css animation on Chrome

Here are the css properties for the .grow class in Tachyons CSS. .grow { -moz-osx-font-smoothing: grayscale; backface-visibility: hidden; transform: translateZ(0); transition: transform 0.25s ease-out; } It seems to follow the best…
ludobourgoin
  • 1
  • 1
0
votes
1 answer

padding not applying to input using tachyons css

I have the following layout:
0
votes
1 answer

Better way to change background color based on element's property

I'm working on a project using Django, some JavaScript and Tachyons. I have the following in a template file: {% for alarm in alarm_list %}
Harlin
  • 1,059
  • 14
  • 18
0
votes
1 answer

After npm install tachyons, tachyons package not added in package.json?

npm install output: npm WARN afterxii@1.0.0 No description npm WARN afterxii@1.0.0 No repository field. + tachyons@4.11.1 updated 1 package and audited 518 packages in 5.404s found 0 vulnerabilities How can it be added in package.json
inthemaking
  • 1
  • 1
0
votes
1 answer

Need to over-ride default class using tachyons

I am using tachyons and I am not able to override default css using tachyons. I am avoiding custom css I am pasting developer tools pic, which would have code too
Sahil Kkr
  • 195
  • 4
  • 24
0
votes
3 answers

How can we make websites as responsive as Amazon?

I am challenging myself with small project in ReactJs and Tachyons to produce a website as responsive as Amazon (front-end only). Here is an example of what Amazon can do and I haven't been able to achieve. Here is Amazon page in full…
Iulian
  • 409
  • 3
  • 17
0
votes
1 answer

Can I fit an img tag's height inside its parent using Tachyons?

I would like to create a banner that features a logo inside it however my image seems to ignore the height of its parent. Check out this JSFiddle for an example of what I'm trying to achieve. I can get the layout I want by adding height: 100% to the…
CaTs
  • 1,303
  • 10
  • 16
0
votes
1 answer

Tachyons CSS: Responsive line of buttons

My site I have built a conference website with the Tachyons framekwork. The page has a row of buttons that should be responsive according to the page width. My problem The button row looks great in full desktop width and in narrow (<450px) width,…
Adam Matan
  • 128,757
  • 147
  • 397
  • 562
0
votes
1 answer

Table inside responsive div element (causes overlapping on resizing window)

I am new to front end programming. I have made the back-end of an application as an R Shiny app and I am trying to make a layout for this information which requires presentation of tabular data, in HTML and CSS. I am using the Tachyons CSS library…
0mm3
  • 319
  • 2
  • 16
0
votes
2 answers

Position a section directly below another section with Tachyons CSS

Using the Tachyons CSS Toolkit I would like to move the lightblue (please see codepen example below) area directly under the blue navigation bar. As fas as I can see the

element has a margin-top: 0.67em which causes the white area above the…

Robert Strauch
  • 12,055
  • 24
  • 120
  • 192
1
2