oocss

Text-decoration being cut off by overflow:hidden in certain browsers?

由 血红的双手。 提交于 2020-01-15 10:51:31
问题 So I'm using the OOCSS media module and I'm putting a link inside of it and the last line of the link is being cut off. To explain for anyone who doesn't know about the framework, it's simple to explain: imagine an element with overflow: hidden, and a link inside that element. That's ALL. If I put a link inside of this element with overflow: hidden, the last text-decoration line of the link is cut off thanks to overflow: hidden. Without having to resort to padding & margin (and hopefully

Using SASS & reference for OOCSS

由 痞子三分冷 提交于 2019-12-23 19:07:03
问题 Usually i use LESS for my projects but now im trying to go with SASS . In LESS i do things like this .module { background-color: blue; &-title { color: black; } &-type-2 { background-color: red; } } and the output CSS will be .module { background-color: blue; } .module-title { color: black; } .module-type-2 { background-color: red; } In SASS wont work, there is someway to do it in SASS? 回答1: As of Sass 3.3, you can do that with the following syntax: .block{ &__element { // ... } &--modifier {

Is it better to import a pre-written rule for each CSS style or to write your own rule (OOCSS)?

由 假装没事ソ 提交于 2019-12-23 04:36:07
问题 I was reading up a bit on Nicole Sullivan's theory on Object-Oriented CSS. In a nutshell, the basic idea is that instead of starting from scratch each time we style a website, it's probably better to use some already-written basic building blocks as classes and then extend them to fit our needs. ("Extending" encompasses adding more specific/overriding classes to HTML, due to the impossibility of CSS classes inheriting rules from each other... hopefully in CSS4? :) The OOCSS principle is

Are SMACSS, BEM and OOCSS not as portable?

由 南笙酒味 提交于 2019-12-22 03:56:38
问题 SO I have a problem with OOCSS. It is supposed to be more portable but compared to how I usually do things, I'm finding it less so. My example: I have a widget testimonial. In the main content body (which has a white background) the testimonial has a black font. But in the footer (which has a blue background) the testimonial needs a white font. Before OOCSS, I would do something like this: #main-content .testominial { color: #000000; } #footer .testominial { color: #FFFFFF; } With this "old"

oocss-compass plugin setup

由 别等时光非礼了梦想. 提交于 2019-12-12 03:08:36
问题 I'm having trouble in the setup of oocss-compass plugin. The steps I did: Downloaded the oocss-compass and placed it on my desktop (https://github.com/he8us/oocss-compass) Inside the oocss-compass destkop folder I runed: rvm use @global gem build oocss-compass.gemspec gem install oocss-compass-[GEMVERSION].gem The gem is on my gem list (oocss-compass) Then on my working folder (not RoR project, just empty folders and html static pages), I runed: compass create css -r oocss-compass --using

Is it better to import a pre-written rule for each CSS style or to write your own rule (OOCSS)?

由 て烟熏妆下的殇ゞ 提交于 2019-12-09 03:36:25
I was reading up a bit on Nicole Sullivan 's theory on Object-Oriented CSS . In a nutshell, the basic idea is that instead of starting from scratch each time we style a website, it's probably better to use some already-written basic building blocks as classes and then extend them to fit our needs. ("Extending" encompasses adding more specific/overriding classes to HTML, due to the impossibility of CSS classes inheriting rules from each other... hopefully in CSS4? :) The OOCSS principle is inspired by the fact that you don't need to re-write the Java Math class every time you need to find the

Object Oriented CSS: Catchy Buzz-phrase or Legitimate Design Approach?

由 瘦欲@ 提交于 2019-12-05 11:04:44
问题 It seems there is a new catch-phrase emerging in the web development field: object-oriented CSS. On the face of it, this strikes me as simply being best-practice packaged up in a catchy slogan. I understand and fully respect the intentions behind the movement, but is there any more to it? Does anyone have any further insight that sets this approach apart as something more credible or should I just take it as a reminder to make sure I inherit and cascade my classes correctly? 回答1: I would say

Are SMACSS, BEM and OOCSS not as portable?

由 安稳与你 提交于 2019-12-05 01:13:01
SO I have a problem with OOCSS. It is supposed to be more portable but compared to how I usually do things, I'm finding it less so. My example: I have a widget testimonial. In the main content body (which has a white background) the testimonial has a black font. But in the footer (which has a blue background) the testimonial needs a white font. Before OOCSS, I would do something like this: #main-content .testominial { color: #000000; } #footer .testominial { color: #FFFFFF; } With this "old" approach, I could drag my widget from the content area to the footer and the colours would simply work

Object Oriented CSS: Catchy Buzz-phrase or Legitimate Design Approach?

由 徘徊边缘 提交于 2019-12-04 00:50:20
It seems there is a new catch-phrase emerging in the web development field: object-oriented CSS. On the face of it, this strikes me as simply being best-practice packaged up in a catchy slogan. I understand and fully respect the intentions behind the movement, but is there any more to it? Does anyone have any further insight that sets this approach apart as something more credible or should I just take it as a reminder to make sure I inherit and cascade my classes correctly? I would say it's more of a catchy buzz-phrase for something already present in CSS. Of course, before we start talking

Object oriented CSS: should it matter? [closed]

由 萝らか妹 提交于 2019-12-03 09:47:30
问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed last year . I've just found this interesting presentation about the concept of "object oriented CSS". It seems to be a good idea but the presentation is rather short and doesn't give a lot of examples. My questions: is this concept relevant? what are the benefits of OOCSS? can you provides
订阅 oocss