• 456 Jl.Pacar, Singapore
  • Office@Plasma.com
  • (+1) 321-9876520
Color Option

LESS (Stylesheet Language)

LESS

LESS is a dynamic stylesheet language designed by Alexis Sellier. It is influenced by Sass and has influenced the newer "SCSS" syntax of Sass, which adapted its CSS-like block formatting syntax.

LESS is open-source. Its first version was written in Ruby, however in the later versions,use of Ruby has been deprecated and replaced by JavaScript. The indented syntax of Less is a nested metalanguage, as valid CSS is valid Less code with the same semantics.

LESS provides the following mechanisms: variables, nesting, mixins, operators and functions.

LESS can run on the client-side (Internet Explorer 6+, WebKit, Firefox) and server-side, with Node.js or Rhino (JavaScript engine).[2]

Variables

Less allows variables to be defined. Less variables are defined with an at sign(@). Variable assignment is done with a colon (:).

During translation, the values of the variables are inserted into the output CSS document.

Mixins

Mixins allow embedding all the properties of a class into another class by including the class name as one of its properties, thus behaving as a sort of constant or variable. They can also behave like functions, and take arguments. CSS does not support Mixins. Any repeated code must be repeated in each location. Mixins allow for more efficient and clean code repetitions, as well as easier alteration of code.

LESS has a special type of ruleset called parametric mixins which can be mixed in like classes, but accepts parameters.

Nesting

CSS does support logical nesting, but the code blocks themselves are not nested. Less allows to nest selectors inside other selectors. This makes inheritance clear and style sheets shorter.

Functions and operations

Less allows operations and functions. Operations allows addition, subtraction, division and multiplication of property values and colors, which can be used to create complex relationships between properties. Functions map one-to-one with JavaScript code, allowing manipulation of values.

Comparison to Sass

LESS is inspired by Sass. Sass was designed to both simplify and extend CSS, so things like curly braces were removed from the syntax. LESS was designed to be as close to CSS as possible, so the syntax is identical to existing CSS code. As a result, existing CSS can be used as valid LESS code.

The newer versions of Sass also introduced a CSS-like syntax called SCSS (Sassy CSS).

Use on sites

LESS can be applied to sites in a number of ways. One option is to include the less.js JavaScript file to convert the code on-the-fly. The browser then renders the output CSS. Another option is to render the LESS code into pure CSS and upload the CSS to a site. With this option no .less files are uploaded and the site does not need the less.js JavaScript converter.

From Wikipedia, the free encyclopedia


Welcome to Plasma. Clean and Multi-Purpose Template

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

 
Infinity-Loop@2x

Easy to Customize

Nullam ut consectetur dolor. Sed sit amet iaculis nisi. Mauris elementum non felis et blandit. Vestibulum iaculis quam.

View More
Retina-Ready

Retina Display

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temp incididunt ut labore et dolore mag.

View More
Chat@2x

Free for Share

Duis sit amet volutpat leo. Cum sociis natoque penatib et magnis dis parturien montes, nascetur ridiculus mus sed sodales.

View More

About Us

Nullam ut consectetur dolor. Sed sit ?amet iaculis nisi.
Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.
 

Etiam et vehicula ipsum. Sed nec nunc justo. In eget lacus sapien. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus iaculis, ligula lacus ornare risus, quis iaculis nisi ligula ut tellus. In feugiat sem eu urna eleifend at pellentesque mi dictum. Nullam ac leo diam semper porttitor et id nibh. Nunc sollicitudin accumsan mauris ullamcorper gravida.

About Plasma

Detiam et vehicula ipsum. Sed nec nunc justo. In eget lacus sapien. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus iaculis, ligula lacus ornare risus, quis iaculis nisi ligula ut tellus. In feugiat sem eu urna eleifend at pellentesque mi dictum. Nullam ac leo diam semper porttitor et id nibh. Nunc sollicitudin accumsan mauris ullamcorper gravida.

Nulla vitae elit libero, Pellentesque pulvinar, risus dictum tempor luctus, quam augue blandit sapien, eget interdum libero mi rhoncus risus. Morbi felis risus, feugiat vel lacinia eu, aliquam eu nisl. Hendrerit in tincidunt, vulputate quis tincidunt eget, scelerisque et dui. Proin et nisi justo, nec pretium mi.

Our Skills

  • 70%
    HTML
  • 80%
    CSS
  • 90%
    JavaScript
  • 80%
    MySQL
  • 70%
    PHP

Why Us

Ipsum Fusce Aenean Cursus Euismod
  • Lorem ipsum dolor sit amet, ut duo lorem cumi lesbe
  • Justo aeterno scripserit eos ut, latine veris egbu
  • Prodesset ei has audiam et eam, ei vis damug nicen

Donec ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Ipsum Fusce Aenean Cursus Euismod

Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.

Ipsum Fusce Aenean Cursus Euismod
  • Lorem ipsum dolor sit amet, ut duo lorem cus cribentur vim an
  • Justo aeterno scripserit eos ut, latine veri indocum patrioque
  • Prodesset ei has audiam et eam, ei vis damex veritus placerat

Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Our Story

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.
Phasellus porta ultrices ante at facilisis. Fusce ornare turpis sit amet lacus egestas elementum. Curabitur risus nunc, consequat ac euismod at, rhoncus in diam. Duis vel rhoncus eros. Phasellus ut neque nec tellus fringilla viverra. Donec pellentesque lectus a quam blandit dictum iaculis mauris ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum ut nunc eu neque mollis accumsan. Fusce est ante, ultrices sed rutrum et, dictum ac nulla. Maecenas posuere bibendum fermentum. Donec iaculis, urna quis pellentesque rhoncus, justo est iaculis diam, pulvinar congue est tellus vel metus. Donec aliquet facilisis sapien. Donec tempor hendrerit purus a dapibus. Praesent aliquet leo ante. Donec non leo lacus, vitae venenatis augue. Vestibulum quam augue, congue a consectetur sed, eleifend a mi.
  • Suspendisse at cursus dolor. Etiam nec tincidunt erat. Etiam volutpat feugiat massa non pretium. Integer risus sem, consequat id feugiat ac, placerat tristique sem.

    Christina Yulianty, Plasma.com

  • Ut vulputate nulla nec massa vestibulum in varius libero rhoncus.Proin tortor dolor, porta pharetra blandit non, dictum at risus. Suspendisse at cursus dolor.

    Andhika Widjaya, www.envato.com

  • Donec vitae felis id lorem imperdiet vestibulum bibendum in mauris. Nullam id sem ligula. Donec tincidunt rhoncus turpis, et pharetra nunc volutpat quis.

    Susastro Sudarsono, www.envato.com

Our Services

Nullam ut consectetur dolor. Sed sit amet iaculis nisi.
Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.
 

RESPONSIVE

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

DOCUMENTATION

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

FONT ICONS

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

AWESOME FEATURES

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

QUICK LAUNCH

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

FULLY TESTED

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

FILE PROTECTION

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

TWITTER BOOTSTRAP

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

RETINA READY

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...

OUR TEAM

Nullam ut consectetur dolor. Sed sit amet iaculis nisi.
Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.
 
  • SAMINGUN WAGIO
    SAMINGUN WAGIO

    Creative Consultant

    Dicant vocent nominavi ex nam, labor probatus neci, duo sonet vocent repre hendunt ei. Ali ponderum reprimiue per gamen ad.

  • SUMIYATUN DIAN
    SUMIYATUN DIAN

    Project Manager

    Dicant vocent nominavi ex nam, labor probatus neci, duo sonet vocent repre hendunt ei. Ali ponderum reprimiue per gamen ad.

  • BAMBANG WAGE
    BAMBANG WAGE

    Graphic Designer

    Hinc disputationi eti nam, melii etudoc tamquam suscipit tei. Enim mediocrita vel eine, in qui fali minimum. Tale sanc vita assentior sed.

  • CHRISTIAN SUBANDI
    CHRISTIAN SUBANDI

    Web Programmer

    Vero suavitate ullamcorper sed. Timea vocibus interesset eos, vix quas mole consetetur. Stet dicta nam eam, sedu diam democritum in.

Due to an error, potentially a timed-out connection to Twitter, this user's tweets are unable to be displayed.

Our Portfolio

Nullam ut consectetur dolor. Sed sit amet iaculis nisi.
Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.
 

Latest Blog

Nullam ut consectetur dolor. Sed sit amet iaculis nisi.
Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.
 

ACCUSAM LIBERAVISSE

05/09/2013 Super User - avatarSuper User

Aenean dictum pharetra nibh, sodales luctus felis aliquet at. Nulla vulputate venenatis orci, a laoreet libero vehicula ac. Duis tempor rhoncus quam, ...

OPORTERE TORQUATOS

05/09/2013 Super User - avatarSuper User

Aliquam a orci quis nisi sagittis sagittis. Etiam adipiscing, justo quis feugiat.Suspendisse eu erat quam. Vivamus porttitor eros quis nisi lacinia se...

SAPIENTEM OCURRERET

06/09/2013 Super User - avatarSuper User

Aliquam a orci quis nisi sagittis sagittis. Etiam adipiscing, justo quis feugiat.Suspendisse eu erat quam. Vivamus porttitor eros quis nisi lacinia se...

MODERATIUS ELOQUENTIAM

06/09/2013 Super User - avatarSuper User

Teri akhiyan kamaal, gori baiyaa kamaal, tera roop hai kamaal, tera nakra kamaal, teri akhiyan kamaal, gori baiyaa kamaal, tera roop hai kamaal, tera ...

Have fun Every Day Even in Your Job

07/09/2013 Super User - avatarSuper User

Dorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, auctor eget vestibulum consectetur, euismod et nisi. Suspendisse malesuad...

MELIUS DIGNISSIM

06/09/2013 Super User - avatarSuper User

Nulla vulputate venenatis orci, a laoreet libero vehicula ac. Duis tempor rhoncus quam, at blandit nulla egestas vitae. Pellentesque pulvinar, risus d...

SENTENTIAE DELICATISSIMI

06/09/2013 Super User - avatarSuper User

Apapun templatenya, lorem ipsum tetap menjadi textnya, bagaimana ini bisa terjadi, aku juga tidak tahu, yang terpenting bagi kita adalah berdoa agar t...

Please sign-up for our newsletter to get notified!

Duis tempor rhoncus quam, at blandit nulla egestas vitae. Morbi ut turpis nunc, risus dictum tempor luctus, quam augue blandit sapien.

Contact Us

Nullam ut consectetur dolor. Sed sit amet iaculis nisi.
Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.
 

Info Details

Nulla vitae elit libero, Pellentesque pulvinar, risus dictum tempor luctus, quam augue blandit sapien, eget interdum libero mi rhoncus risus. Morbi felis risus, feugiat vel lacinia eu, aliquam eu nisl. Hendrerit in tincidunt, vulputate quis tincidunt eget, scelerisque et dui. Proin et nisi justo, nec pretium mi.

Duis tempor rhoncus quam, at blandit nulla egestas vitae. Morbi ut turpis nunc, risus dictum tempor luctus, quam augue blandit sapien, eget interdum libero mi rhoncus risus.

123 S Main St, Los Angeles
+ (415) 124-5678-9000
www.GoBlack.com
support@GoBlack.com

Get in touch