Introduction

Quick start

Serenity is Immoweb's internal front-end framework. It is build with Sass (scss syntax) for styles and VueJS for interactivity.

Installation

npm install iwb_serenity

Requirements

HTML5

Serenity is built for a website using HTML5. Make sure your website includes the correct HTML5 doctype.

<!doctype html>
<html lang="en">
  ...
</html>

Responsive meta tag

Serenity is a mobile first framework. Make sure your website includes the responsive viewport meta tag inside the <head> tag.

<meta name="viewport" content="width=device-width, initial-scale=1">

Browser Compatibility

Serenity intent to supports the latest, stable releases of all major browsers and platforms. On windows we support Internet Explorer 11 and Microsoft Edge.

You can find the supported range of browsers and their versions in the browserslist section of package.json:

"browserslist": [
    "> 0.3%",
    "last 7 versions",
    "Android >= 4",
    "Firefox >= 27",
    "iOS >= 7",
    "Safari >= 7",
    "Chrome >= 30",
    "Explorer >= 11"
]

We use Autoprefixer to handle CSS prefixes (based on Browserslist).