OpenNeo/impress
OpenNeo/impress
1
0
Fork 1
Code Pull requests Activity
impress/app/assets/stylesheets/items/sources.sass

39 lines
666 B
Sass
Raw Normal View History

Use table layout for Item Getting Guide item list This helps us be more efficient with our use of space, keep the CTAs well aligned, show a clear total, and set up how we might do CTAs for more complex cases like all the potential Neopoint CTAs like Wiz/Trades/Auction/etc!
2024-05-20 15:23:34 -07:00
@import "../partials/clean/constants"
@import "../partials/clean/mixins"
.item-list
border-collapse: collapse
border: 1px solid $soft-border-color
td, th
border-top: 1px solid $soft-border-color
border-bottom: 1px solid $soft-border-color
padding: .25em
vertical-align: middle
&:first-child
padding-left: .5em
&:last-child
padding-right: .5em
Refactor and simplify Item Getting Guide item list CSS a bit Notably, we're renaming `.add-to-cart-cell` to `.actions-cell`, in preparation for other potential actions in other categories!
2024-05-20 16:15:46 -07:00
.thumbnail-cell img
display: block
width: 2.5em
height: 2.5em
Use table layout for Item Getting Guide item list This helps us be more efficient with our use of space, keep the CTAs well aligned, show a clear total, and set up how we might do CTAs for more complex cases like all the potential Neopoint CTAs like Wiz/Trades/Auction/etc!
2024-05-20 15:23:34 -07:00
Refactor and simplify Item Getting Guide item list CSS a bit Notably, we're renaming `.add-to-cart-cell` to `.actions-cell`, in preparation for other potential actions in other categories!
2024-05-20 16:15:46 -07:00
.actions-cell
Use table layout for Item Getting Guide item list This helps us be more efficient with our use of space, keep the CTAs well aligned, show a clear total, and set up how we might do CTAs for more complex cases like all the potential Neopoint CTAs like Wiz/Trades/Auction/etc!
2024-05-20 15:23:34 -07:00
text-align: right
padding-left: 1em
Refactor and simplify Item Getting Guide item list CSS a bit Notably, we're renaming `.add-to-cart-cell` to `.actions-cell`, in preparation for other potential actions in other categories!
2024-05-20 16:15:46 -07:00
font-size: 85%
Use table layout for Item Getting Guide item list This helps us be more efficient with our use of space, keep the CTAs well aligned, show a clear total, and set up how we might do CTAs for more complex cases like all the potential Neopoint CTAs like Wiz/Trades/Auction/etc!
2024-05-20 15:23:34 -07:00
thead
background: $module-bg-color
th
text-align: left
Refactor and simplify Item Getting Guide item list CSS a bit Notably, we're renaming `.add-to-cart-cell` to `.actions-cell`, in preparation for other potential actions in other categories!
2024-05-20 16:15:46 -07:00
.actions-cell button
Use table layout for Item Getting Guide item list This helps us be more efficient with our use of space, keep the CTAs well aligned, show a clear total, and set up how we might do CTAs for more complex cases like all the potential Neopoint CTAs like Wiz/Trades/Auction/etc!
2024-05-20 15:23:34 -07:00
/* Bootstrap's Purple 600 */
+awesome-button-color(#59359a)
Copy permalink