/*
  These CSS styles apply to all views.
*/

/* default behaviors for all views: 
 - use "pointer" cursor unless otherwise required 
 - clip overflow
*/
.sc-view {
  cursor:             default;
  overflow:           hidden;
  position:           absolute; /* all views are absolutely positioned. */
  margin:             0px;
  user-select:        none;
  -moz-user-select:   -moz-none;
  -khtml-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  /* Views do not allow text selection unless you set isTextSelectable to YES.*/
  &.allow-select {
    -moz-user-select: text;
    -khtml-user-select: text;
    user-select: text;
    cursor:  text;
  }
  /*Use the following to know what view has the focus in webkit*/
 /*&.focus {
           outline: auto 7px -webkit-focus-ring-color; 
           outline-offset: -2px;
         }*/
  /* This className is useful when aligning buttons to the right */
  &.text-align-right{
    text-align:right;
  }
  &.textAlignRight {
    text-align:right;
  }
  img {
    border: none ;
  }
}

/* Set here so when we set a border-width we'll see something
  * Only set on div, since occasionally we rely on native styling */

div.sc-view {
  border: solid 0 transparent;
}

/* Make sure focus outlines do not appear.  These don't look good. */
.sc-view:focus{
  outline: none;
}

.sc-hidden {
  display: none !important;
}