Skip to content

Instantly share code, notes, and snippets.

@onassar
onassar / gist:eb526ac3b20994c5b36ea6dca588fd99
Created December 29, 2020 06:19
CSS grid layout whereby orphan/widow elements are not shown if the row isn't full. The goal was to have an even line at the bottom of a grid element, where there's a "Load more" button. The exception is that if there aren't any more items to load (eg. from an API), we then want to show the orphan/widow items.
/**
* Grid layout
*
*/
div.grid {
display: grid;
}
div.grid li {
margin: 12px auto 12px auto;
(http.request.uri.path contains ".ashx") or (http.request.uri.path contains ".asp") or (http.request.uri.path contains ".aspx") or (http.request.uri.path contains ".aws") or (http.request.uri.path contains ".env") or (http.request.uri.path contains ".git") or (http.request.uri.path contains ".php") or (http.request.uri.path contains ".yml") or (http.request.uri.path contains "wlwmanifest") or (http.request.uri.path contains ".jsp") or (http.request.uri.path contains ".cer")
/**
* __getTopRightPosition
*
* @see https://www.figma.com/plugin-docs/api/properties/figma-showui/
* @access private
* @param Number width
* @param Number height
* @return Object
*/