index.html

---
title: index
layout: default
---

<section class="main-content">
    <h2>What is Interior?</h2>
    <p>Interior is a Sass-based, BEM, OOCSS framework designed with scalability and performance in mind. It can be scaled as much or as little as you need.</p>

    <p>Interior is not a framework in its truest sense. It is a UI Toolkit, with opinionated views on design, designed for the Automile platform, providing styles for common use cases in our system, styling for a few third party and Automile tailored JavaScript plugins.</p>

    <h3 class="push--top">Changelog</h3>

    <div class="slats">
        <div class="slat">
            {% markdown %}
### 3.0.0-beta

- Removed Select2 plugin
- Removed Rome plugin
- Removed Multiple Select plugin
- New [button](css/#buttons) styles
- New [form input](css/#forms) styles
- New custom [Select plugin](javascript/#select) (with support for multiple select)
- New custom [Datepicker plugin](javascript/#datepicker)
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 2.1.2

- Fix style layout regression bug
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 2.1.1

- Add [datatables-select](https://cdn.datatables.net/#Select) script to vendor package
- Update moment to 2.15.2
- Update tether to 1.3.7
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 2.1.0

- Update Box component
- Update Tabs component
- Update Slats component
- Update Map component
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 2.0.0

- Remove automile specific layout CSS, moved to each proj instead
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.3.0

- Update Select2 to v4.0.2
- Update Moment to v2.13.0
- Update Tether to v1.3.1
- Add new [multiple select component](/javascript/#multipleselect)
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.2.6

- Fix ellipsis in main menu
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.2.5

- Improve Select2 support with Multiple Select
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.2.4

- Improve focus states on button groups
- Update Moment to 2.11.2
- Update Datatables 1.10.11
- Update Tether to 1.2.0
- Update Tether Tooltip to 1.2.0
- Update Tether Drop to 1.4.2
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.2.3

- Update Bootstrap to 3.3.6
- Update Select2 to 4.0.1
- Update Vex to 2.3.3
- Update Datatables to 1.10.10
- Add new icons (Split, Merge, Crash, Event, Speeding, Idling)
- Remove icons (Activity, Check, Close, Consumption, Create, Dashboard, Dot, Duration, Filter, History, Inbox, Info, Menu, Merge, Miles, Odometer, Options, Score, Sort, Tags)
- New Select styling variant (`.select--no-chrome`)
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.2.2

- Add fade in/out effect to [tooltip](/javascript/#tooltip) component
- Update [Drop](http://github.hubspot.com/drop/docs/welcome/) to 1.4.1
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.2.1

- CSS quirks
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.2.0

- New `.navigation--secondary` layout
- Add layout CSS for _Tasks_
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.1.0

- Remove the `score` components. It's currently unused and its removal led to an **25% smaller CSS output**.
- Update [Tether](http://tether.io/docs/welcome/) to 1.1.1
- Update [Drop](http://github.hubspot.com/drop/docs/welcome/) to 1.3.1
            {% endmarkdown %}
        </div>
        <div class="slat">
            {% markdown %}
### 1.0.0

- New and improved documentation
- All components now behave in the same way regarding to margins and padding
- Better, simpler [flexbox grid system](/css/#gridsystem)
- Major cleanup from the 0.x codebase
- Versioned CDN links
            {% endmarkdown %}
        </div>
    </div>
</section>