css

* Allows to add classes to body tag based on Breakpoints module configuration for specific themes. * Allows to setup classes prefix in module settings. It might be helpful if you have some conflicts with breakpoints and already existing body classes. * Debug mode for logging into Javascript console all breakpoint changes.

* Allows to add classes to body tag based on Breakpoints module configuration for specific themes. * Allows to setup classes prefix in module settings. It might be helpful if you have some conflicts with breakpoints and already existing body classes. * Debug mode for logging into Javascript console all breakpoint changes.

A simple aggregation module for Drupal 7 that reduces the number of aggregated files by: Moving the “System” aggregate to the start of the “Module” aggregate. Preventing modules from adding CSS files with the "screen" media type. (They are converted to "all".) Preventing external CSS files, inline CSS, IE conditional CSS files, or different media type CSS files from splitting aggregate files due to the order they were added to the system. Preventing empty aggregate files from being loaded. Project goal To be a configuration-less aggregation option that works better than core.

A simple aggregation module for Drupal 7 that reduces the number of aggregated files by: Moving the “System” aggregate to the start of the “Module” aggregate. Preventing modules from adding CSS files with the "screen" media type. (They are converted to "all".) Preventing external CSS files, inline CSS, IE conditional CSS files, or different media type CSS files from splitting aggregate files due to the order they were added to the system. Preventing empty aggregate files from being loaded. Project goal To be a configuration-less aggregation option that works better than core.

A quick and easy solution to this problem is to have your JS import the breakpoints directly from the CSS values in the DOM. This solution brings the current breakpoint variable into your JS in a way that's Simple & Lightweight DRY Compatible with all browsers that support media queries (IE9+)

You asked, Font Awesome delivers with 40 shiny new icons in version 4.3. Want to request new icons? Here's how. Need vectors or want to use on the desktop? Check the cheatsheet.

If you’re not familiar with the general sibling combinator, the ~ li in li:nth-last-child(6):first-child ~ li means “any li elements that occur after li:nth-last-child(6):first-child.” In the following example, the elements each adopt a green font color if there are precisely six of them in total. Web design is about mutability, difference, uncertainty. It’s about not knowing. Uniquely, it is a mode of visual design not about manifesting a form, but about anticipating the different forms something might take.

CPS allows themers and designers to create a simplified pool of ready-made styles for site builders to choose from when laying out their pages. These translate directly to template and class changes in the DOM in a predictable way. Bridges the gap between styles applied to the site regions and styles applied to the content itself... where the "theme" ends and the WYSIWYG editor begins. Builds on the drag-and-drop content layout freedom that Panels provides. Allows editors to apply ready-made styles a themer has whipped up for them — without having to remember class names!

CodePen is for Web Designers and Front End Developers. It is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. It is a searchable trove of your own creations, and a world of other people's creations. A place to troubleshoot, to teach, to learn, to test, and to grow.

Using Type Rendering Mix you can instead decrease the font weight for browsers that use Core Text to render text. By only applying changes when Core Text is used you will achieve a more consistent rendering while preserving the accuracy of sub-pixel antialiasing. .tr-coretext { font-weight: 100; } Another use case for Type Rendering Mix is to disable web fonts when no antialiasing is applied. In the following example we fall back on “Verdana”, one of the core web fonts that is known to render well when antialiasing is disabled.