Skip to content

Instantly share code, notes, and snippets.

@theo-bittencourt

theo-bittencourt/artists_weight.sass

Last active May 10, 2017 15:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save theo-bittencourt/10dc64e79160743d5a0b70806e801fde to your computer and use it in GitHub Desktop.
Save theo-bittencourt/10dc64e79160743d5a0b70806e801fde to your computer and use it in GitHub Desktop.
Download ZIP
artists_weight.sass
Raw
artists_weight.sass
= attraction-weight($font-size)
&[data-weight="100"]
.name
span
font-size: $font-size * 1
opacity: 1
small
&.size-65
font-size: $font-size * .65
&.size-75
font-size: $font-size * .75
&.hover
.arrow
opacity: 1
&[data-weight="75"]
.name
span
font-size: $font-size * .75
opacity: 0.75
small
font-size: $font-size * .70
&.hover
.arrow
opacity: 0.75
&[data-weight="70"]
.name
span
font-size: $font-size * .70
opacity: 0.70
small
font-size: $font-size * .65
&.hover
.arrow
opacity: 0.70
&[data-weight="65"]
.name
span
font-size: $font-size * .65
opacity: 0.65
small
font-size: $font-size * .55
&.hover
.arrow
opacity: 0.65
&[data-weight="55"]
.name
span
font-size: $font-size * .55
opacity: 0.55
small
font-size: $font-size * .50
&.hover
.arrow
opacity: 0.55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment