/*
 * Copyright (C) 2013 Adnane Belmadiaf <daker@ubuntu.com>
 * License granted by Canonical Limited
 *
 * This file is part of ubuntu-html5-ui-toolkit.
 *
 * This package is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 3 of the
 * License, or
 * (at your option) any later version.

 * This package is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, see
 * <http://www.gnu.org/licenses/>
 */

@import "constants";
@import "mixins";
@import "functions";
@import "reset";
@import "tabs";
@import "icons";
@import "pagestack";
@import "text-input";
@import "progress-bars";
@import "dialogs";
@import "buttons";
@import "sliders";
@import "toggles";
@import "popover";
@import "listitems";
@import "toolbars";
@import "shapes";
@import "indexbar";
@import "option-selector";


* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body,
[data-role="mainview"],
[data-role="content"] {
    position: relative;
    width: 100%;
    min-height: 100%;
}

body {
    background: #ededed;
    font-family: $font_family;
    font-weight: normal;
    color: $text_color;
}

[data-role="content"] {
    background: #ededed;
    border-top: 1px solid #f0f0f0;
    font-size: 1rem $font_family;
    min-height: calc(100% - 75px);
    color: $text_color;
}

[data-role="content"] p {
    font: 0.9rem $font_family;
    color: $text_color;
    line-height: 1.33;
}

[data-role="content"] h1,
[data-role="content"] h2,
[data-role="content"] h3 {
    color: #747278;
    font: 1.3rem $font_family;
    font-weight: 300;
    line-height: 1.5;
}

[data-role="content"] h2 {
    font-size: 1.1rem;
    line-height: 1.4;
}

[data-role="content"] h3 {
    font-size: 0.9rem;
    line-height: 1.3;
}

[data-role="content"] img {
    margin: 0 auto;
    max-width: 98%;
}

.inset {
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
    overflow: hidden;
}

/**
   To be factored out
  */

.xlarge-font {
    font-size: 33px;
    line-height: 1.3;
}

.large-font {
    font-size: 20px;
    line-height: 1.3;
}

.medium-font {
    width: 100px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
}

.small-font {
    font-size: 12px;
    line-height: 1.3;
}

.xsmall-font {
    font-size: 10px;
    line-height: 1.3;
}

.xxsmall-font {
    font-size: 8px;
    line-height: 1.3;
}
