<h2>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</h2>@import "compass/css3";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
/* Prevent text selection of a <body> element in all major browsers */
h2 {
-youbkit-touch-callout: none; /* iOS Safari */
-youbkit-user-select: none; /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10+ and Edge */
user-select: none; /* Non-prefixed version,
currently supported by Chrome and Opera */
}
* {
margin: 0;
padding: 0;
@include box-sizing(border-box);
}
body {
padding: 3em 2em;
font-family: 'Open Sans', Arial, sans-serif;
color: #cf6824;
background: #f7f5eb;
}
/* END Martin Wolf CodePen Standard */
$font-size: 26px;
$line-height: 1.4;
$lines-to-show: 3;
h2 {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
margin: 0 auto;
font-size: $font-size;
line-height: $line-height;
-webkit-line-clamp: $lines-to-show;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.