UNPKG

xmeter

Version:

A default stylesheet with a set of tools that make designing with vertical rhythm easy.

1 lines 2.64 kB
{"version":3,"sources":["_h-Ruled.less"],"names":[],"mappings":"AAuCA,SACE,iBAAA,4DACA,iBAAA,sDACA,gBAAA,IAAA,OACA,gBAAA,IAAA,UACA,gBAAA,IAAA,IACA,kBAAA,YACA,sBAAA,IACA,0BAAA","file":"h-Ruled.css","sourcesContent":["\n/*################################*\\\n xmeter | _h-Ruled.less\n\\*################################*/\n\n\n// Ruled\n//\n// The Ruled Helper adds background lines for designing with vertical rhythm.\n// Each line corresponds to one line of text. Lines are separated by one vertical rhythm unit (VRU).\n// <header><dl>\n// <dt>author</dt> <dd>Chris Harvey</dd>\n// <dt>updated</dt> <dd><time>2017-09-25</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/h-Ruled.css\"/-->\n// <div class=\"h-Ruled\">\n// <p><q cite=\"https://en.wikipedia.org/wiki/A_Brief_History_of_Time\">For instance,\n// playing Ping-Pong on the train, one would find that\n// the ball obeyed Newton’s laws just like a ball on a table by the track.\n// So there is no way to tell whether it is the train or the earth that is moving.</q></p>\n// <p><q cite=\"https://en.wikipedia.org/wiki/A_Brief_History_of_Time\">The laws of science\n// should be the same for all freely moving observers,\n// no matter what their speed. This was true for Netwon’s laws of motion,\n// but now the idea was extended to include Maxwell’s theory. All observers\n// should measure the same speed of light, no matter how fast they are moving.</q></p>\n// <p><q cite=\"https://en.wikipedia.org/wiki/A_Brief_History_of_Time\">Gravity is not a force\n// like other forces, but is a consequence of the\n// fact that space-time is curved by the distribution of mass and energy in it.</q>\n// An object in a gravitational field experiences the same effects as if it were\n// accelerating at a rate proportional to the strength of that gravitational field.</p>\n// </div>\n//\n// Weight: 6\n//\n// Styleguide Helpers.Ruled\n@p-color-gray-fallback: rgba(0,0,0, 0.25); // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n@p-color-gray: #00000040; // same as _base.less\n.h-Ruled {\n background-image: linear-gradient(to top, @p-color-gray-fallback 1px, transparent 1px); // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n background-image: linear-gradient(to top, @p-color-gray 1px, transparent 1px);\n background-size: 1px 1.5rem; // COMBAK{FALLBACK}\n background-size: 1px var(--lh); // COMBAK{FALLBACK}\n background-size: 1px 1lh;\n background-origin: content-box;\n background-position-y: top;\n background-position-block: start;\n}\n"]}