// Compass mixins

@import "compass";
@import "compass/reset";
@import "compass/css3";
@import "compass/utilities/general/clearfix";

@import "compass/typography/text/ellipsis";


// Compass plugins
@import "rgbapng";

// custom decalrations
@import "declarations/dimensions";
@import "declarations/colors";
@import "declarations/fonts";
@import "declarations/sprite-maps";

// custom mixins
@import "mixins/opacity";
@import "mixins/paddingbox";
@import "mixins/sprite-background";
@import "mixins/user-select";
@import "mixins/x1x2";
@import "mixins/devices";

// Bootstrap
*{outline:none !important;-webkit-tap-highlight-color: rgba(0,0,0,0);}

html{
  width:100%;
  height:100%;
  overflow:hidden;
  //DEVICE
  @include iPodWebappPortrait{
    height:460px;
  }

  @include iPodSafariPortrait{
   height:416px;
  }

  @include iPodSafariLandscapeFullscrren{
    height:100px;
  }

  @include iPodWebappLandscape{
    height:308px;
  }

  @include iPodSafariLandscape{
    height:268px;
  }

  font-family:$font-regular;
  font-size:$normal;
  color:$black;

  body{
    @import "elements";

    @import "areas/loader";
    @import "areas/messaging";
    @import "areas/board";
    @import "areas/ui";
    @import "areas/footer";
    @import "areas/fullsize";

    @import "vendor/ui.autocomplete";
    @import "vendor/add2home";
    @import "vendor/apprise-v2";

    width:100%;
    height:100%;
    overflow:hidden;
    background-color:$background-color;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
   }
}