Textpattern and Tachyons ... !?

RedFox · 2017-07-18 06:27:55

Anybody doing some tricks with Tachyons? It seems handy to use only classes on HTML tags to layout a site. On Pages and Forms it does. But what to do in an article? How to make this string h2(f4-ns f3-m f2-l nb2). nice … especially for clients? A plugin? Or is it possible via CSS, SCSS … !? Any help is appreciated … :)

Last edited by RedFox (2017-07-18 06:47:16)

philwareham · 2017-07-18 08:01:36

That’s the drawback of using a generic framework for site builds. On the plus side you can save time using pre-made styles, on the minus side because the framework has to fit many different requirements there will be a lot of redundant CSS and in the case of this framework a lot of class names needed.

It’s a nice enough framework though. You could extend their Sass version to consolidate collections of classes into new mixins to make shorter classnames available for your clients.

RedFox · 2017-07-18 08:10:23

Yes, that’s a real drawback indeed. I was curious so I thought let’s give Tachyons a try. I did find a post on the internet with the same (more or less) ‘solution’ as you gave. I think I’ve spend enough time for now on Tachyons. Back to Foundation … :)

BTW … you’re using your own framework, isn’t it? Other ones?

Last edited by RedFox (2017-07-18 08:30:27)

philwareham · 2017-07-18 08:21:58

RedFox wrote #306305:

BTW … you’re using your own framework, isn’t it? Other ones?

Yes, I use my own framework mainly, although tailored for each site (it’s used on this forum, actually). I do have work-in-progress repos for a few other frameworks (such as Bootstrap and Foundation for Sites) that I will eventually provide Textpattern theme versions of when, the themes feature lands in 4.7dev.

RedFox · 2017-07-18 08:23:29

philwareham wrote #306307:

… the themes feature lands in 4.7dev.

:))

colak · 2017-07-18 08:23:37

I really like the simplicity of 960.gs. Bottom right of the page links to fluid and responsive flavours. I normally add extra css classes such as nolarge, nosmall, etc so as to make the content more mobile friendly.

maniqui · 2017-07-20 20:43:22

It seems handy to use only classes on HTML tags to layout a site.

Well, nit-picking a little, this is valid for other “non-atomic” approaches: you apply classes (usually, with meaningful names, like `ArticleTease` or `ProductCard`) and you get the corresponding styles applied.
But I get what you mean: have a stylesheet with many atomic CSS rules, and compose them by adding the necessary classes to any HTML element.
Circa 2003-2006 this approach was known as “CSS a la carte”. I didn’t like it at that time, and I still don’t like it now. Why? Feels wrong.
Of course, I use frameworks (Bootstrap mainly) and I use “generic” classes (like `btn` or `col-sm-3`) on my HTML, sparingly.
Horses for courses.

Textpattern CMS

Textpattern CMS support forum

#1 2017-07-18 06:27:55