# Introduction

# Quick start

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

# Installation

npm install iwb_serenity

# Requirements

# HTML5

Serenity is built for a website using HTML5 (opens new window). 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 (opens new window):

"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).