/*
 *
 *  IN LOCO
 *  www.inlocomedia.com
 *
 *  Copyright 2016 - All Rights Reserved.
 *
 *  -------- SUPERNOVA ---------
 *     presentation sass file
 *  ----------- *** ------------
 *
 */



//.sn-presentation__drawer {
//  //background-color: $palette-indigo-900 !important;
//  //background-image: url("http://1-background.com/images/stars-1/beautiful-blue-stars-fill.jpg");
//  //background-repeat: repeat-y;
//  a {
//    color: #FFF !important;
//    text-decoration: none;
//    cursor: pointer;
//    &:hover {
//      background-color: darken($palette-indigo-900, 5%) !important;
//    }
//  }
//  .sn-presentation__logo {
//    margin: 32px 0 0 0;
//    padding: 4px 40px;
//    font-size: $default-font-size * 1.5;
//    //color: lighten($palette-indigo-900, 50%);
//    text-transform: uppercase;
//  }
//}


$font-size-number: $dfs;
$line-height-number: $dlh;
$rlh: floor($dlh);

$vertical-movement-number: $vm;
$horizontal-movement-number: $hm;

.sn-presentation-font-size-number {
  &:before {
    content: 'font-size:';
    padding-right: 8px;
  }
  &:after {
    font-weight: bold;
    content: "#{$dfs}";
  }
}

.sn-presentation-line-height-number {
  &:before {
    content: 'line-height:';
    padding-right: 8px;
  }
  &:after {
    font-weight: bold;
    content: "#{$dlh}";
  }
}

.sn-presentation-vertical-movement-number {
  &:before {
    content: 'vertical-movement:';
    padding-right: 8px;
  }
  &:after {
    font-weight: bold;
    content: "#{$vm}";
  }
}

.sn-presentation-horizontal-movement-number {
  &:before {
    content: 'horizontal-movement:';
    padding-right: 8px;
  }
  &:after {
    font-weight: bold;
    content: "#{$hm}";
  }
}



.sn-presentation-success {
  color: $default-success-color;
}
.sn-presentation-warning {
  color: $default-warning-color;
}
.sn-presentation-danger {
  color: $default-danger-color;
}
.sn-presentation-info {
  color: $default-info-color;
}

.sn-presentation-success-bg {
  background-color: $default-success-color;
}
.sn-presentation-warning-bg {
  background-color: $default-warning-color;
}
.sn-presentation-danger-bg {
  background-color: $default-danger-color;
}
.sn-presentation-info-bg {
  background-color: $default-info-color;
}

.sn-presentation-button-raised {
  background: rgba(158,158,158,.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.sn-presentation-button {
  background: 0 0;
  border: none;
  border-radius: 2px;
  color: #FFF;
  position: relative;
  height: 36px;
  margin: 0 0 24px 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
}

.sn-presentation-panel{
   width: 768px;
   margin: 32px;
   padding: 16px 24px 24px 24px;
   background-color: #FFF;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
 }

.sn-presentation-panel .sn-presentation-panel-title {
  margin: 24px 0;
}

.sn-presentation-pre-panel {
  background-color: lighten(#e0dbd0, 5%);
  color: black !important;
  margin: 0;
  font-size: 14px;
  padding: 24px 24px 12px 24px;
  border-radius: 2px;
  border: 1px solid $palette-grey-400;
  -webkit-box-shadow: inset 0px 0px 7px -1px rgba(0,0,0,0.36);
  -moz-box-shadow: inset 0px 0px 7px -1px rgba(0,0,0,0.36);
  box-shadow: inset 0px 0px 7px -1px rgba(0,0,0,0.36);
}

.sn-presentation-brand {
  padding: 24px 24px 0 16px;
  font-size: 56px;
  color: $palette-indigo-800;
}

.sn-presentation-nav {
  a {
    padding-left: 52px !important;
  }
}

.sn-presentation-grid-cell {
  background-color: lighten(#e0dbd0, 5%);
  color: black !important;
  font-size: 14px;
  padding: 24px 24px 12px 24px;
  border-radius: 2px;
  border: 1px solid $palette-grey-400;
}

pre {
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.sn-presentation-list {
  color: black !important;
  &.sn-presentantion-list--main {
    font-weight: bold;
  }

  margin:0;
  padding: 0;
  list-style: none;
  li {
    margin: 0 0 4px 0;
    padding: 12px;
    background-color: $palette-grey-300;
  }
}

.sn-presentation-color {
  padding: 24px;
  color: white;
}

.sn-presentation-layout__content {
  min-height: calc(100vh - 64px);
}

.sn-presentation-table {
  th, td {
    padding: 10px;
    border: 1px solid #ccc;
  }
}


.mycomp {
  width: $hm * 20;
  height: $vm * 10;
  padding: ($hm * 8) ($vm * 8);
  font-size: $dfs * 1;
  line-height: $dlh * 1;
  background-color: $default-brand-color;
  color: white;
}
.brand-color {
  background-color: $default-brand-color;
}
.accent-color {
  background-color: $default-accent-color;
}

.imagem-comp {
  width: 300px;
  height: 300px;
  background-color: red;
  @include background-image(photo,jpg,300px, auto);
}