ECAM.css

v1.1.0

INTRODUCTION

ECAM.css is a CSS framework that replicates the look of ECAM display elements found in modern Airbus planes.

USAGE

ECAM.css is available via NPM. To install it, run "npm i ecam.css"

-For more info.........Refer to README.md

IMPORTANT INFO

ECAM.css has no width, height or layout properties. You need to manually adjust them.

There is no font packaged with this project but usage of Source Code Pro is recommended.

Please note that the default theme is dark and no light theme is planned since the original ECAM doesn't have it.

EXAMPLES

?

A350/A380 Style Question Form ?


TEXT STYLES

ERROR

ERROR

WARNING

WARNING

INFO

INFO

ACTION

TEXT


BUTTONS

BUTTON HOVERABLE

DROPDOWNS


RADIO BUTTONS


TEXT INPUTS


POPUP


EXAMPLE EMERGENCY CHECKLIST

ENG 2 FIRE

-THR LEVERS.......IDLE

.WHEN A/C IS STOPPED:

-PARKING BRK........ON

-ENG MASTER 2......OFF

-ENG 2 FIRE P/B...PUSH

-AGENT 1.........DISCH