impress/app/assets/stylesheets/partials/_assets-list.sass

@import "clean/constants"
@import "clean/mixins"

=assets-list
  li
    border-radius: .5em
    +inline-block
    border: 1px solid $soft-border-color
    margin: .5em
    padding: .5em
    text-align: center
    vertical-align: top
    width: 150px

    img, span, input
      display: block
      width: 100%

    img
      height: 150px
      width: 150px
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 "clean/constants"`
			`@import "clean/mixins"`

swf links 2015-05-03 14:57:42 -07:00			`=assets-list`
			`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			`border-radius: .5em`
swf links 2015-05-03 14:57:42 -07:00			`+inline-block`
			`border: 1px solid $soft-border-color`
			`margin: .5em`
			`padding: .5em`
			`text-align: center`
			`vertical-align: top`
			`width: 150px`

			`img, span, input`
			`display: block`
			`width: 100%`

			`img`
			`height: 150px`
			`width: 150px`