_home-members.css.sass

$block: home-members

.#{$block}__member
  +inline-block
  +relative
  +rem('width', 240px)
  +box-sizing(border-box)
  +rem('padding-left', 96px)
  +rem('height', 80px)
.#{$block}__member-name
  +tauri(bold)
  +text-block($sm, 1, .2)
  +rem('font-size', $sm)
.#{$block}__member-icon-link
  .#{$block}__member-icon-image
    border: 2px solid transparent
  &:hover
    .#{$block}__member-icon-image
      border: 2px solid $pink
.#{$block}__member-icon-image
  +box-sizing(border-box)
  +rem('width', 82px)
  display: block
  +border-radius(50%)
  +absolute(left, 0, top, 4px)
.#{$block}__member-informations
  +absolute(left, 90px, bottom, 0)
.#{$block}__member-name-link
  +hover-link
  color: $black
  &:hover
    color: $pink
.#{$block}__sns-icon
  +inline-block
.#{$block}__sns-link
  color: $black
  display: block
  +text-block($md)
  +square-block(24px)
  text-align: center
  border: transparent 1px solid
  +box-sizing(border-box)
  &:hover
    border: $pink 1px solid
    color: $pink