impress/app/assets/stylesheets/closet_hangers/_petpage.sass

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

body.closet_hangers-petpage
  +secondary-nav

  #intro
    clear: both

  #petpage-closet-lists
    +clearfix
    border-radius: 10px
    border: 1px solid $soft-border-color
    margin-bottom: 1.5em
    padding: .5em 1.5em
    
    > div
      margin: .25em 0
    
    h4
      display: inline-block
      vertical-align: middle
      
      &::after
        content: ":"
    
    ul
      list-style: none
      margin: 0
      padding: 0
    
      li
        display: inline-block
        font-size: 85%
        margin: .25em .5em
        padding: 1px
        
        label
          padding: .25em .75em .25em .25em
      
        &.checked
          background: $module-bg-color
          border-radius: 3px
          border: 1px solid $module-border-color
          padding: 0
        
        &.unlisted
          font-style: italic
    
    input[type=submit]
      float: right

  #petpage-output
    display: block
    height: 30em
    margin: 0 auto
    width: 50%
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"`
			`@import "../partials/secondary_nav"`

items petpage export 2011-07-30 23:48:16 -07:00			`body.closet_hangers-petpage`
			`+secondary-nav`

			`#intro`
			`clear: both`

filter lists on petpage export 2012-04-08 13:59:51 -07:00			`#petpage-closet-lists`
			`+clearfix`
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			`border-radius: 10px`
filter lists on petpage export 2012-04-08 13:59:51 -07:00			`border: 1px solid $soft-border-color`
			`margin-bottom: 1.5em`
			`padding: .5em 1.5em`

			`> div`
			`margin: .25em 0`

			`h4`
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			`display: inline-block`
filter lists on petpage export 2012-04-08 13:59:51 -07:00			`vertical-align: middle`

			`&::after`
			`content: ":"`

			`ul`
			`list-style: none`
			`margin: 0`
			`padding: 0`

			`li`
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			`display: inline-block`
filter lists on petpage export 2012-04-08 13:59:51 -07:00			`font-size: 85%`
			`margin: .25em .5em`
			`padding: 1px`

			`label`
			`padding: .25em .75em .25em .25em`

			`&.checked`
			`background: $module-bg-color`
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			`border-radius: 3px`
filter lists on petpage export 2012-04-08 13:59:51 -07:00			`border: 1px solid $module-border-color`
			`padding: 0`

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

			`input[type=submit]`
			`float: right`

items petpage export 2011-07-30 23:48:16 -07:00			`#petpage-output`
			`display: block`
			`height: 30em`
			`margin: 0 auto`
			`width: 50%`