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