@import "../variable/sizes";
@import "../mixin/core-mixins";


/*******************
 * prefix
 *******************/
[class^="inline-"],
[class*=" inline-"] {
  display: inline-block;
}

[class^="block-"],
[class*=" block-"] {
  display: block;
}

[class^="wide-"],
[class*=" wide-"] {
  width: @full-width;
  .box-sizing(border-box);
}


.container {
  width: @content-width;
  margin: 0 auto;
}


/*******************
 *  positioning
 *******************/
.positioned {
  position: relative;
}
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

/******************
 display
*******************/
.hidden {
  display: none;
}
.hoverable .hoverable-child {
  opacity: .5;
}
.hoverable:hover .hoverable-child {
  opacity: 1;
}


/******************
 components
*******************/
.nav-item {
  margin: 4px 8px;
  display: inline-block;
}