impress/app/assets/stylesheets/items/_show.sass

@import "../partials/clean/constants"
@import "../partials/clean/mixins"
@import "../partials/item_header"

body.items-show
  .item-header
    +item-header

  #item-info-section
    display: grid

    grid-template-areas: "info form"
    grid-template-columns: 1fr auto

    #item-info
      grid-area: info

    #your-items-form
      grid-area: form

      border: 1px solid $module-border-color
      font-size: 85%
      margin-bottom: 3em
      margin-left: 1em
      padding: 1em
      width: 30em

      h3
        font-size: 150%
        font-weight: bold
        margin-bottom: .25em
      
      #closet-hangers-ownership-groups
        +clearfix
        margin-bottom: .5em
      
        div
          float: left
          margin: 0 5%
          text-align: left
          width: 40%
          
          li
            list-style: none
            word-wrap: break-word
            
            label.unlisted
              font-style: italic

      form
        padding: .5em 0

      select
        width: 9em

      input[type=number]
        margin-right: .5em
        width: 3em

  #item-contributors
    +subtle-banner
    clear: both
    margin:
      bottom: 0
      top: 2em
    
    header
      display: inline
      font-weight: bold
      margin-right: .25em
    
    footer
      display: inline
    
    ul
      li::after
        content: ", "
      
      li:last-child::after
        content: "."
    
  .nc-icon
    height: 16px
    width: 16px
Upgrade to latest Sass and Sprockets This required a buncha fixes to how SASS scoping works! Needed to add a bunch of imports for stuff that previously would get read from the global scope by being imported after the constants and mixins etc. There's clearly a lot of refactor opportunity here, but I'm not gonna worry about it!! 2023-08-22 16:08:11 -07:00			`@import "../partials/clean/constants"`
			`@import "../partials/clean/mixins"`
Add basic styles to trades page Still not accessible via links, just exists! 2024-01-21 03:38:02 -08:00			`@import "../partials/item_header"`
Upgrade to latest Sass and Sprockets This required a buncha fixes to how SASS scoping works! Needed to add a bunch of imports for stuff that previously would get read from the global scope by being imported after the constants and mixins etc. There's clearly a lot of refactor opportunity here, but I'm not gonna worry about it!! 2023-08-22 16:08:11 -07:00
move from scss to sass 2010-11-05 13:43:26 -07:00			`body.items-show`
Add basic styles to trades page Still not accessible via links, just exists! 2024-01-21 03:38:02 -08:00			`.item-header`
			`+item-header`
Use CSS grid instead of floats for item page info I'm planning to mess with this layout a bit, I don't want floats getting in my way! 2024-01-18 22:16:56 -08:00
			`#item-info-section`
			`display: grid`

			`grid-template-areas: "info form"`
			`grid-template-columns: 1fr auto`

			`#item-info`
			`grid-area: info`
show traders on items#show 2011-07-30 21:19:28 -07:00
Use CSS grid instead of floats for item page info I'm planning to mess with this layout a bit, I don't want floats getting in my way! 2024-01-18 22:16:56 -08:00			`#your-items-form`
			`grid-area: form`

			`border: 1px solid $module-border-color`
			`font-size: 85%`
			`margin-bottom: 3em`
			`margin-left: 1em`
			`padding: 1em`
			`width: 30em`
show traders on items#show 2011-07-30 21:19:28 -07:00
Use CSS grid instead of floats for item page info I'm planning to mess with this layout a bit, I don't want floats getting in my way! 2024-01-18 22:16:56 -08:00			`h3`
			`font-size: 150%`
			`font-weight: bold`
			`margin-bottom: .25em`

			`#closet-hangers-ownership-groups`
			`+clearfix`
show traders on items#show 2011-07-30 21:19:28 -07:00			`margin-bottom: .5em`
Use CSS grid instead of floats for item page info I'm planning to mess with this layout a bit, I don't want floats getting in my way! 2024-01-18 22:16:56 -08:00
			`div`
			`float: left`
			`margin: 0 5%`
			`text-align: left`
			`width: 40%`

			`li`
			`list-style: none`
			`word-wrap: break-word`

			`label.unlisted`
			`font-style: italic`

			`form`
			`padding: .5em 0`

			`select`
			`width: 9em`

			`input[type=number]`
			`margin-right: .5em`
			`width: 3em`
show traders on items#show 2011-07-30 21:19:28 -07:00
brought-to-you-by on items#show lists contributors 2012-10-24 20:09:05 -07:00			`#item-contributors`
			`+subtle-banner`
			`clear: both`
a few tweaks to items#show contributors appearance 2012-10-24 20:16:01 -07:00			`margin:`
			`bottom: 0`
			`top: 2em`
brought-to-you-by on items#show lists contributors 2012-10-24 20:09:05 -07:00
			`header`
			`display: inline`
			`font-weight: bold`
			`margin-right: .25em`

			`footer`
			`display: inline`

			`ul`
Remove compass-rails I wasn't sure what we were actually using it for, turns out it was mostly polyfills for CSS features that are very standard now! I didn't audit these changes very carefully tbqh because they seemed pretty simple? Fingers crossed! 2023-08-22 15:34:40 -07:00			`li::after`
			`content: ", "`
brought-to-you-by on items#show lists contributors 2012-10-24 20:09:05 -07:00
			`li:last-child::after`
			`content: "."`
update items#show style 2012-03-23 14:37:53 -07:00
move from scss to sass 2010-11-05 13:43:26 -07:00			`.nc-icon`
			`height: 16px`
			`width: 16px`