Subjective improvements to SuperCook to make the website more pleasant to consume.
- Make a flexible number of items per row, rather than the fixed 2.
- Make the separation between the background and cards more visible.
- Add a gap between grid items.
Authorsethfalco
LicenseCC Zero
Categorysupercook
Created
Updated
Size856 B
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Subjective improvements to SuperCook to make the website more pleasant to consume.
/* ==UserStyle==
@name supercook.com Tweaks
@version 20230407.14.04
@namespace userstyles.world/user/sethfalco
@description Subjective improvements to SuperCook to make the website more pleasant to consume.
* Make a flexible number of items per row, rather than the fixed 2.
* Make the separation between the background and cards more visible.
* Add a gap between grid items.
@author sethfalco
@license CC Zero
==/UserStyle== */
@-moz-document domain("supercook.com") {
.ipadgrid {
display: flex;
flex-wrap: wrap;
}
.ipadgrid > div {
margin: .5em;
width: 512px;
flex-grow: 1;
}
.wrapper,
.wrapper-fixed-group {
background-color: #f7f8f9;
}
.product-list-item-desktop,
.ingredients-category-item {
background-color: #fff;
border: 1px solid #bbb;
border-radius: 1em;
}
}