Skip to content

Instantly share code, notes, and snippets.

@sugarenia
Created March 26, 2014 18:45
Show Gist options
  • Save sugarenia/9790456 to your computer and use it in GitHub Desktop.
Save sugarenia/9790456 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si qua in iis corrigere voluit, deteriora fecit. Est enim effectrix multarum et magnarum voluptatum. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Tubulum fuisse, qua illum, cuius is condemnatus est rogatione, P. Duo Reges: constructio interrete. Si verbum sequimur, primum longius verbum praepositum quam bonum. Istam voluptatem perpetuam quis potest praestare sapienti? </p>
<p>Fortemne possumus dicere eundem illum Torquatum? Utram tandem linguam nescio? Consequens enim est et post oritur, ut dixi. Nam illud vehementer repugnat, eundem beatum esse et multis malis oppressum. </p>
<p>Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Deinde disputat, quod cuiusque generis animantium statui deceat extremum. Atqui haec patefactio quasi rerum opertarum, cum quid quidque sit aperitur, definitio est. Res tota, Torquate, non doctorum hominum, velle post mortem epulis celebrari memoriam sui nominis. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Quodsi ipsam honestatem undique pertectam atque absolutam. Quam ob rem tandem, inquit, non satisfacit? Ubi ut eam caperet aut quando? </p>
<p>Nihil opus est exemplis hoc facere longius. Vide ne ista sint Manliana vestra aut maiora etiam, si imperes quod facere non possim. Sine ea igitur iucunde negat posse se vivere? Quicquid porro animo cernimus, id omne oritur a sensibus; Tenesne igitur, inquam, Hieronymus Rhodius quid dicat esse summum bonum, quo putet omnia referri oportere? </p>
<p>Quod si ita se habeat, non possit beatam praestare vitam sapientia. Sed ille, ut dixi, vitiose. Animi enim quoque dolores percipiet omnibus partibus maiores quam corporis. Quonam, inquit, modo? Quia dolori non voluptas contraria est, sed doloris privatio. Vitiosum est enim in dividendo partem in genere numerare. Quae tamen a te agetur non melior, quam illae sunt, quas interdum optines. Cui Tubuli nomen odio non est? Aut haec tibi, Torquate, sunt vituperanda aut patrocinium voluptatis repudiandum. Nunc haec primum fortasse audientis servire debemus. Nam quibus rebus efficiuntur voluptates, eae non sunt in potestate sapientis. Ita fit cum gravior, tum etiam splendidior oratio. </p>
</div>
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Bourbon (v3.2.0.beta.1.a)
// ----
$breakpoints: (
small: 480px,
medium: 720px,
large: 960px,
wide: 1200px
);
@mixin breakpoint($name) {
@if not index(map-keys($breakpoints), $name) {
@warn "Invalid breakpoint `#{$name}`.";
}
@else {
@media (min-width: map-get($breakpoints, $name)) {
@content;
}
}
}
@import "bourbon/bourbon";
.content {
font: 1em/1.5 Helvetica, sans-serif;
width: 90%;
margin: 1em auto;
@include breakpoint(small) {
font-size: 1.2em;
}
@include breakpoint(medium) {
font-size: 1.4em;
width: 30em;
}
@include breakpoint(large) {
font-size: 1.6em;
}
@include breakpoint(wide) {
font-size: 1.8em;
}
}
.content {
font: 1em/1.5 Helvetica, sans-serif;
width: 90%;
margin: 1em auto;
}
@media (min-width: 480px) {
.content {
font-size: 1.2em;
}
}
@media (min-width: 720px) {
.content {
font-size: 1.4em;
width: 30em;
}
}
@media (min-width: 960px) {
.content {
font-size: 1.6em;
}
}
@media (min-width: 1200px) {
.content {
font-size: 1.8em;
}
}
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si qua in iis corrigere voluit, deteriora fecit. Est enim effectrix multarum et magnarum voluptatum. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Tubulum fuisse, qua illum, cuius is condemnatus est rogatione, P. Duo Reges: constructio interrete. Si verbum sequimur, primum longius verbum praepositum quam bonum. Istam voluptatem perpetuam quis potest praestare sapienti? </p>
<p>Fortemne possumus dicere eundem illum Torquatum? Utram tandem linguam nescio? Consequens enim est et post oritur, ut dixi. Nam illud vehementer repugnat, eundem beatum esse et multis malis oppressum. </p>
<p>Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Deinde disputat, quod cuiusque generis animantium statui deceat extremum. Atqui haec patefactio quasi rerum opertarum, cum quid quidque sit aperitur, definitio est. Res tota, Torquate, non doctorum hominum, velle post mortem epulis celebrari memoriam sui nominis. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Quodsi ipsam honestatem undique pertectam atque absolutam. Quam ob rem tandem, inquit, non satisfacit? Ubi ut eam caperet aut quando? </p>
<p>Nihil opus est exemplis hoc facere longius. Vide ne ista sint Manliana vestra aut maiora etiam, si imperes quod facere non possim. Sine ea igitur iucunde negat posse se vivere? Quicquid porro animo cernimus, id omne oritur a sensibus; Tenesne igitur, inquam, Hieronymus Rhodius quid dicat esse summum bonum, quo putet omnia referri oportere? </p>
<p>Quod si ita se habeat, non possit beatam praestare vitam sapientia. Sed ille, ut dixi, vitiose. Animi enim quoque dolores percipiet omnibus partibus maiores quam corporis. Quonam, inquit, modo? Quia dolori non voluptas contraria est, sed doloris privatio. Vitiosum est enim in dividendo partem in genere numerare. Quae tamen a te agetur non melior, quam illae sunt, quas interdum optines. Cui Tubuli nomen odio non est? Aut haec tibi, Torquate, sunt vituperanda aut patrocinium voluptatis repudiandum. Nunc haec primum fortasse audientis servire debemus. Nam quibus rebus efficiuntur voluptates, eae non sunt in potestate sapientis. Ita fit cum gravior, tum etiam splendidior oratio. </p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment