<commit_before>@mixin showTool
  opacity: 1
  pointer-events: auto

@mixin hideTool
  opacity: 0
  pointer-events: none

// -------------------------------------

.PostTools
  +monospace
  transition: transform $speed $ease
  height: rem(60)
  padding-top: rem(20)
  white-space: nowrap
  position: relative

.PostTool
  position: relative
  display: inline-block
  height: rem(20)
  line-height: rem(20)

.PostTool + .PostTool
  margin-left: rem(3)

.PostTool > button,
.PostTool > a
  color: #aaa
  transition: color $speed ease
  padding-left: rem(10)
  padding-right: rem(10)

.PostTool > a
  display: inline-block
  vertical-align: middle

.ViewsTool
  height: rem(22)
  line-height: rem(22)

.ViewsTool > a
  padding-left: rem(11)
  padding-right: rem(11)
  border-radius: rem(11)
  background-color: #e8e8e8
  color: #535353
.ViewsTool .SVGIcon > g
  stroke: #535353
.ViewsTool .EyeIcon > circle
  fill: #535353


.TimeAgoTool > a
  padding-left: rem(15)
  padding-right: rem(15)

.LoveTool > button.active .HeartIcon > g
  fill: red
  stroke: red

.PostTool .EyeIcon,
.PostTool .BubbleIcon,
.PostTool .HeartIcon
  margin-top: rem(-2)

.PostTool .RepostIcon,
.PostTool .PencilIcon,
.PostTool .ShareIcon
  margin-top: rem(-4)

.PostTool .XBoxIcon
  padding-left: rem(1)

.PostToolValue[data-count='0']
  display: none

.PostTool .SVGIcon + .PostToolValue
  margin-left: rem(2)

.ViewsTool .SVGIcon + .PostToolValue
  margin-left: rem(5)

.MoreTool
  transition: transform $speed $ease
  position: absolute
  z-index: 2

.Posts.asList .MoreTool
  right: -7px

.Posts.asGrid .MoreTool
  left: 270px

.MoreTool button
  padding-right: 0

.ShyTool
  transition: opacity $speed ease
  +hideTool

.PostTools.isMoreToolActive
  transform: translate3d(rem(-120), 0, 0)

.PostTools.isMoreToolActive .MoreTool
  transform: translate3d(rem(120), 0, 0)

.PostTools.isMoreToolActive .MoreTool .SVGIcon g
  stroke: #535353

.PostTools.isMoreToolActive .ShyTool
  +showTool


// MAX width for hiding MOBILE in a GRID.
@media(max-width: #{em(449)})
  .Posts.asGrid .ShareTool
    display: none
@media(max-width: #{em(549)})
  .Posts.asGrid .CommentTool
    margin-left: -10px
  .Posts.asGrid .ViewsTool
    display: none




@media(min-width: #{em(375)})
  .PostTools.isMoreToolActive
    transform: translate3d(rem(-70), 0, 0)
  .PostTools.isMoreToolActive .MoreTool
    transform: translate3d(rem(70), 0, 0)
  .Post.asList .TimeAgoTool.ShyTool
    +showTool

@media(min-width: #{em(450)})
  .Posts .MoreTool,
  .Posts.asGrid .ShyTool
    display: none
  .PostTools.isMoreToolActive,
  .PostTools.isMoreToolActive .MoreTool
    transform: none
  .Posts.asList .ShyTool
    +showTool


@media(min-width: #{$break-2})
  .no-touch .Post.asList .ShyTool
    +hideTool
  .no-touch .Posts.asList .PostTools:hover .ShyTool<commit_msg>Allow the hover state to work for shy tools<commit_after>@mixin showTool
  opacity: 1
  pointer-events: auto

@mixin hideTool
  opacity: 0
  pointer-events: none

// -------------------------------------

.PostTools
  +monospace
  transition: transform $speed $ease
  height: rem(60)
  padding-top: rem(20)
  white-space: nowrap
  position: relative

.PostTool
  position: relative
  display: inline-block
  height: rem(20)
  line-height: rem(20)

.PostTool + .PostTool
  margin-left: rem(3)

.PostTool > button,
.PostTool > a
  color: #aaa
  transition: color $speed ease
  padding-left: rem(10)
  padding-right: rem(10)

.PostTool > a
  display: inline-block
  vertical-align: middle

.ViewsTool
  height: rem(22)
  line-height: rem(22)

.ViewsTool > a
  padding-left: rem(11)
  padding-right: rem(11)
  border-radius: rem(11)
  background-color: #e8e8e8
  color: #535353
.ViewsTool .SVGIcon > g
  stroke: #535353
.ViewsTool .EyeIcon > circle
  fill: #535353


.TimeAgoTool > a
  padding-left: rem(15)
  padding-right: rem(15)

.LoveTool > button.active .HeartIcon > g
  fill: red
  stroke: red

.PostTool .EyeIcon,
.PostTool .BubbleIcon,
.PostTool .HeartIcon
  margin-top: rem(-2)

.PostTool .RepostIcon,
.PostTool .PencilIcon,
.PostTool .ShareIcon
  margin-top: rem(-4)

.PostTool .XBoxIcon
  padding-left: rem(1)

.PostToolValue[data-count='0']
  display: none

.PostTool .SVGIcon + .PostToolValue
  margin-left: rem(2)

.ViewsTool .SVGIcon + .PostToolValue
  margin-left: rem(5)

.MoreTool
  transition: transform $speed $ease
  position: absolute
  z-index: 2

.Posts.asList .MoreTool
  right: -7px

.Posts.asGrid .MoreTool
  left: 270px

.MoreTool button
  padding-right: 0

.ShyTool
  transition: opacity $speed ease
  +hideTool

.PostTools.isMoreToolActive
  transform: translate3d(rem(-120), 0, 0)

.PostTools.isMoreToolActive .MoreTool
  transform: translate3d(rem(120), 0, 0)

.PostTools.isMoreToolActive .MoreTool .SVGIcon g
  stroke: #535353

.PostTools.isMoreToolActive .ShyTool
  +showTool


// MAX width for hiding MOBILE in a GRID.
@media(max-width: #{em(449)})
  .Posts.asGrid .ShareTool
    display: none
@media(max-width: #{em(549)})
  .Posts.asGrid .CommentTool
    margin-left: -10px
  .Posts.asGrid .ViewsTool
    display: none




@media(min-width: #{em(375)})
  .PostTools.isMoreToolActive
    transform: translate3d(rem(-70), 0, 0)
  .PostTools.isMoreToolActive .MoreTool
    transform: translate3d(rem(70), 0, 0)
  .Post.asList .TimeAgoTool.ShyTool
    +showTool

@media(min-width: #{em(450)})
  .Posts .MoreTool,
  .Posts.asGrid .ShyTool
    display: none
  .PostTools.isMoreToolActive,
  .PostTools.isMoreToolActive .MoreTool
    transform: none
  .Posts.asList .ShyTool
    +showTool


@media(min-width: #{$break-2})
  .no-touch .Posts.asList .ShyTool
    +hideTool
  .no-touch .Posts.asList .PostTools:hover .ShyTool
{'fraction_non_alphanumeric': 0.13834480324686782, 'fraction_numerical': 0.037056643726839596, 'mean_word_length': 3.3432950191570883, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 21, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4105776', 'n_tokens_mistral': 2282, 'n_tokens_neox': 2114, 'n_words': 499}