|Project Name||Stars||Downloads||Repos Using This||Packages Using This||Most Recent Commit||Total Releases||Latest Release||Open Issues||License||Language|
|500 Lines or Less|
|Kubernetes And Docker The Complete Guide||91||8 months ago||3||mit||Less|
|Kubernetes and Docker: The Complete Guide, published by Packt|
|500lines Pdf||77||5 years ago||2||Python|
|"500 Lines or less" book compiled to PDF|
|Dfg Viewer||24||9 days ago||36||gpl-3.0||Less|
|The DFG Viewer is a free web service for browsing digitized books from remote library repositories in a rich and dynamic environment.|
|Google Cloud Platform Cookbook||24||8 months ago||3||mit||Less|
|Google Cloud Platform Cookbook, published by Packt|
|Learning Asp.net Core 2.0||22||8 months ago||mit||Less|
|Learning ASP.NET Core 2.0, published by Packt|
|Colornerd||16||3 years ago||1||HTML|
|A comprehensive library of color books from various paint companies, implemented in Sass, Less, Stylus, and JSON. Bring this into your preprocessor of choice to have easy access to a huge library of colors, without any performance impact on the end-user.|
|Reading_list||4||4 months ago||1||mit||Less|
|Colorly||3||9 years ago||Python|
|Sass, LESS, and Stylus implementations of a massive library of color books from PANTONE, ANPA, HKS, Focoltone, DIC, TOYO, and TRUMATCH. Contains 21,652 colors!|
|Styling With Less||2||10 years ago|
|Open-source eBook about LESS/Less.js. Learn how to transition from CSS to LESS, compile LESS to CSS, and best practices and conventions for getting the most out of the language.|
A creative commons book about incorporating LESS into your front-end development workflows. Learn how to transition from CSS to LESS, compile LESS to CSS, and best practices and conventions for getting the most out of the language.
I knew that I would never embark on this journey if I didn't at least create a roadmap to follow. The outline below is just a starting point, but with your help hopefully we can make this better.
!merge: Property-level Inheritance
The Preface will explain to the reader how and why the LESS language came to be, why the language is exciting to use, why they should read the rest of the book, and why a book this book about "Learning LESS" was written.
Then we will briefly review the following topics:
Last, we will look at examples of complex UI designs, components and component libraries to demonstrate how powerful LESS can be as a development language. Then we will wrap up with a preview of the language features of LESS that we will be discussing, along with the corresponding user-interface components that the reader and I will be constructing together throughout the remainder of the book.
In this chapter we will discuss what LESS can do for developers, teams and developer-workflows. We will touch on how LESS empowers third-party frameworks, how to use LESS in the browser, how to compile using third-party command line and GUI build systems.
In this chapter, I will introduce the reader to actual features of LESS, focusing on features that are useful for organizing styles and stylesheets. These same features are also responsible for attracting many developers to the language.
In this chapter, we will use variables to construct a typography component.
Variables make it easier to maintain and control values for things like palette and typography, by keeping those values in one place. So the chapter will review how basic variables work, and then we will briefly discuss a number of different potential applications and creative uses for variables.
In this chapter we will construct a palette component, or color scheme, using math operations and variables. Operations make variables much more powerful, and they pave the way for mixins, which will be discussed in the next chapter. Operations are useful for calculating values "on-the-fly", so we will see in this chapter that operations can be used for generating multiple matching color variations or "modifier"values based off of a single color value.
calc(), and how LESS operations differ.
In this chapter we will construct a small mixin library.
Mixins are reusable blocks of code that can be applied throughout your stylesheets, and even modified when necessary. Thus, mixins make it easy for developers to generate complex styles that render consistently across browsers.
To help the reader understand how mixins work, and how they can be applied in the real world, the mixins we add to our library can not only be used with the other components we create in this book, but also with other projects. Additionally, each mixin will also build upon the operations and variables features discussed in previous chapters.
In this chapter, since we will construct a complex UI component such as a modal dialog or a dropdown- menu.
The extend feature offers ways to reduce code footprint, so the advantages of using this feature will be most prevalent and obvious when implementing styles that are complex or potentially repetitious such as gradients and transitions.
:extenddiffers from other pre-processors
!merge: Property-level Inheritance
(I'm not sure that "property-level inheritance" is an accurate description for !merge, suggestions or pull-requests are welcome.)
In this chapter we will construct a component that makes heavy use of transforms, such as a navigation slider or carousel. Some of the styles we create in this chapter will also be shuffled into the mixin library we started in Chapter 5.
!merge works at the property-level in a similar way to how mixins work at the selector level, except that
!merge enables aggregating values from multiple "source" properties into single "destination" property, which is most advantageous with properties such as background and transform.
To demonstrate the power of import directives, in this chapter we will create a "micro-theme" for a previous created component.
Import directives give the developer a great deal of control over how the Less.js parser processes
@import statements. So this chapter will leverage features discussed in previous chapters to demonstrate how import directives can, for example, enable implementing multiple themes for a single UI component while only rendering the CSS for the theme or themes required.
In this chapter, we will construct a basic CSS grid system that has a variable number of columns, so that the reader may customize it to meet his or her needs.
Pattern matching is used to change the behavior (output) of mixins, and the patterns matched against are either the arity of the mixins' arguments or the parameters passed to the mixins. Guard expressions are a basic form of "if statement" used for matching against expressions. Guard expressions and pattern matching together are often leveraged to create dynamic grid systems or to enable complex, end-user- generated themes.
Features or hacks that don't fit into other chapters will be added to this chapter throughout the course of writing the book. Such as: