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

44 lines
745 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
Add item page links to Item Getting Guide table rows Just a simple one! Clicking the item image or name takes you to the DTI item page for it now!
2024-05-21 18:57:32 -07:00
.name-cell a
text-decoration: none
&:hover
text-decoration: underline
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