/* general case */
@include body-before ('desktop', true);


/**
 * medium/tablet landscape minor breakpoint
 */
@include respond-to($breakpoint-medium-landscape) {

	$list-paddings-medium-landscape: p, pt, pr, pb, pl !default;
	$list-paddings-medium-landscape-values: 0, 1 !default; // specify 2.5 if needed

	@include padding-generator($list-paddings-medium-landscape, $list-paddings-medium-landscape-values, "ontablet-landscape-");

}

/**
 * medium/tablet breakpoint
 */
@include respond-to($breakpoint-medium, 'min') {
	.ondesktop {
		&-h100 {
			height: 100%;
		}
	}
}

/**
 * medium/tablet breakpoint
 */
@include respond-to($breakpoint-medium) {

  /**
   * layout/modules
   */

  /* display elements */
  .nodesktop { display: block; }

  /* hide unnecessary elements */
  .notablet { display: none; }

  /* linearization of floating content/table-layout */
  .autotablet {
    float: none;
    display: block;
    width: auto;
  }

  /* margins */
  $list-margins-tablet: m, mt, mr, mb, ml !default;
  $list-margins-tablet-values: 0, 1, 2 !default; // specify 2.5 if needed

  @include margin-generator($list-margins-tablet, $list-margins-tablet-values, "ontablet-");

  /* paddings */
  $list-paddings-tablet: p, pt, pr, pb, pl !default;
  $list-paddings-tablet-values: 0, 1, 2 !default; // specify 2.5 if needed

  @include padding-generator($list-paddings-tablet, $list-paddings-tablet-values, "ontablet-");

  /* text aligns */
  .ontablet- {
    &alignleft   { text-align: left; }
    &aligncenter { text-align: center; }
    &alignright  { text-align: right; }
  }

  .ontablet- {
    &flex-column {
      flex-direction: column;
      & > * {
        width: 100%;
        flex-basis: auto;
      }
	}

    &w25         { width: 25%; }
    &w100        { width: 100%; }
    &mw100       { max-width: 100%; }
	&wauto       { width: auto; }

	@for $i from 2 through 3 {
		&hideTd#{$i} {
			td:nth-child(#{$i}) {
				display: none;
			}
		}
	}

	&list-1column {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
	}

  }

  /**
   * global structure adaptation (page / skip links / header / main content / footer)
   */
  @include body-before ('tablet');

}




/**
 * small/mobile breakpoint
 */
@include respond-to($breakpoint-small) {

  /**
   * layout/modules
   */

  /* display elements */
  .notablet { display: block; }

  /* hide unnecessary elements */
  .nomobile { display: none; }

  /* linearization of floating content/table-layout */
  .automobile {
    float: none;
    display: block;
    width: auto;
  }

  /* margins */
  $list-margins-mobile: m, mt, mr, mb, ml !default;
  $list-margins-mobile-values: 0, 0.25, 0.5, 1, 2, 3.5 !default; // specify 2.5 if needed

  @include margin-generator($list-margins-mobile, $list-margins-mobile-values, "onmobile-");

  /* paddings */
  $list-paddings-mobile: p, pt, pr, pb, pl !default;
  $list-paddings-mobile-values: 0, 0.25, 0.5, 1, 2 !default; // specify 2.5 if needed

  @include padding-generator($list-paddings-mobile, $list-paddings-mobile-values, "onmobile-");

  /* text aligns */
  .onmobile- {
    &alignleft   { text-align: left; }
    &aligncenter { text-align: center; }
    &alignright  { text-align: right; }
  }

  .onmobile- {
    &flex-column {
      flex-direction: column;
      & > * {
        width: 100%;
        flex-basis: auto;
      }
      &.flex-autogrid {
		margin: 0;
		&.mb1 {
			margin-bottom: 1em;
		}
      }
      & > .flex-autogrid-item {
        padding: 0;
        min-height: auto;
      }
    }
    &flex-column-nostretch {
      flex-direction: column;
      & > * {
        align-self: center;
      }
	}
	&flex-item-fluid {
		flex: 1 1 0px;
	}
	&flex-item-fluid-auto {
		flex: 1 1 auto;
	}
	&no-flex {
		flex: 0 0 auto;
	}
	&flex-shrink {
		flex-shrink: 1;
	}
	&flex-self-start {
		align-self: start;
	}
	&flex-wrap {
      flex-wrap: wrap;
    }
	&mw100 {
      max-width: 100%;
    }
	&min-w100 {
      min-width: 100%;
    }
    &wauto {
      width: auto;
    }
    &w25{
      width: 25%;
	}
	&w33{
      width: 33%;
	}
	&w100 {
      width: 100%;
	}
	&no-border {
		border: 0;
	}

    &static {
      position: static;
	}
	@for $i from 2 through 5 {
		&hideTd#{$i} {
			td:nth-child(#{$i}) {
				display: none;
			}
		}
	}
	&list-1column {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
	}
  }


  /**
   * global structure adaptation (page / skip links / header / main content / footer)
   */
  @include body-before ('mobile');

}



/**
 * tiny/small mobile breakpoint
 */
@include respond-to($breakpoint-tiny) {

  /**
   * layout/modules
   */

  /* display elements */
  /*.nomobile { display: block; }*/

  /* hide unnecessary elements */
  .notinymobile { display: none; }

  /* linearization of floating content/table-layout */
  .autotinymobile {
    float: none;
    display: block;
    width: auto;
  }
  .ontinymobile- {
    &wauto {
      width: auto;
	}
	&flex-self-start {
		align-self: flex-start;
	}
	&flex-column {
      flex-direction: column;
      & > * {
        width: 100%;
        flex-basis: auto;
      }
	}
	&hideTd3 {
		td:nth-child(3) {
			display: none;
		}
	}
  }
  /* margins */
  $list-margins-tinymobile: m, mt, mr, mb, ml !default;
  $list-margins-tinymobile-values: 0, 1 !default;

  @include margin-generator($list-margins-tinymobile, $list-margins-tinymobile-values, "ontinymobile-");

  /* paddings */
  //$list-paddings-tinymobile: p, pt, pr, pb, pl !default;
  //$list-paddings-tinymobile-values: 0, 1, 2 !default; // specify 2.5 if needed

  //@include padding-generator($list-paddings-tinymobile, $list-paddings-tinymobile-values, "ontinymobile-");

  /**
   * global structure adaptation (page / skip links / header / main content / footer)
   */
  @include body-before ('tinymobile');

}