Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Sharmila Wijeyakumar
Responsive Design
May 23, 2013 2:43 PM
Answer

Sharmila Wijeyakumar

LIFERAY STAFF

Rank: New Member

Posts: 4

Join Date: December 20, 2012

Recent Posts

So all what are the main challenges you are facing when it comes to responsive design?
Kan Zhang
RE: Responsive Design
May 23, 2013 3:26 PM
Answer

Kan Zhang

Rank: Junior Member

Posts: 66

Join Date: December 1, 2010

Recent Posts

As of the responsive design, usually we will pick a responsive framework like Twitter Bootstrap as the start point and build our own on top of it.

But Liferay 6.1 does not play well with Twitter Bootstrap. Since Liferay 6.1, Liferay has a new feature which supports SASS in your CSS files. It validates and parses your CSS using Dynamic CSS filter. But the SASS parser library that Liferay 6.1 using has a issue in handling the transparent keyword. When there is a transparent keyword in your CSS, an "Sass::SyntaxError: Invalid CSS" error will occur and your CSS will not be parsed. Unfortunately Twitter Bootstrap uses a lot of transparent keywords in its CSS file.

To solve the issue, we can upgrade the SASS parser library to a newer version. I wrote a blog post for detailed steps: http://www.liferay.com/web/kzhang/blog/-/blogs/resolve-the-sass-syntaxerror-invalid-css-error-in-liferay-6-1

Hope it helps.
Juan Gonzalez
RE: Responsive Design
May 24, 2013 4:46 AM
Answer

Juan Gonzalez

LIFERAY STAFF

Rank: Liferay Legend

Posts: 1841

Join Date: October 28, 2008

Recent Posts

As you may know, Liferay 6.2 will come with Bootstrap as its classic theme.
John Nguyen
RE: Responsive Design
June 14, 2013 7:51 AM
Answer

John Nguyen

Rank: New Member

Posts: 21

Join Date: July 16, 2012

Recent Posts

I'm still unclear how to integrate my workflow for SASS with Liferay. I'm an advocate for using .sass rather than .scss; but in either case, Liferay Developer Studio doesn't seem to pick up any of those file extensions.

If there are documentations regarding how to set this up; I will be delighted to read. But currently I am still using CLI to process my SASS files.
Daniel Tyger
RE: Responsive Design
November 6, 2013 8:46 AM
Answer

Daniel Tyger

Rank: Junior Member

Posts: 53

Join Date: February 5, 2013

Recent Posts

Juan Gonzalez:
As you may know, Liferay 6.2 will come with Bootstrap as its classic theme.


Juan - is this included in any of the 6.2 MCs available for download at this time or will it be only available in the final release of 6.2? Thank you.