Trunk8 test

by Christian Unigarro

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/trunk8/1.3.3/trunk8.min.js"></script>
<div class="js-text-1">
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque iure quas nihil tempore consequatur iste aliquam, incidunt dolores in repudiandae aperiam ea voluptate assumenda provident obcaecati, sunt explicabo accusantium error.
</div>

<table class="table-test">
	<thead>
		<tr>
			<td>
				hola
			</td>
			<td>
				mundo
			</td>
			<td>
				como tas
			</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				<div class="js-text-1">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, ut vel deserunt debitis, est nobis architecto in, at quia incidunt recusandae qui hic assumenda iste beatae atque adipisci. Totam, a.
				</div>
			</td>
			<td>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium suscipit odit saepe, dolor nam molestiae, culpa qui, quibusdam error voluptas optio repudiandae, quas. Quis praesentium aut, fugit, eius eum voluptas.
			</td>
			<td>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum molestiae deleniti illum dolore alias maiores aliquid delectus ipsum consequatur incidunt et minus, distinctio suscipit aspernatur porro, repudiandae totam reprehenderit reiciendis?
			</td>
		</tr>
	</tbody>
</table>

SCSS

.table-test {
  border: thin solid red;
  
   tr > td {
    width: 33%;
    border: thin solid red;
  }
}

JavaScript

$(window).resize(function (event) {
  $('.js-text-1').trunk8({
		lines: 2
	});
}).trigger('resize');