<commit_before>@import '../../../node_modules/jeet/stylus/jeet'
@import '../../layout/variables'

/* GENERAL */
.grid
  display -webkit-box
  display -moz-box
  display -ms-flexbox
  display -webkit-flex
  display flex
  -webkit-flex-flow row wrap
  -moz-flex-flow row wrap
  -ms-flex-flow row wrap
  flex-flow row wrap
  align-items center

.grid--feed
  -webkit-justify-content center
  justify-content center

.grid__block
  flex 1 1 285px
  -webkit-flex 1 1 285px
  -ms-flex 1 1 285px
  max-width 315px
  text-align center
  margin 0 10px 90px 10px
  position relative

  &:hover
    cursor pointer

.block-padding
  padding-top 100%

.grid__block--block .grid__block__inner, .grid__block--loading .grid__block__inner
  background-size 80px 80px
  background-image linear-gradient(
    45deg,
    rgba(bordergray, 0.5)   25%,
    transparent             25%,
    transparent             50%,
    rgba(bordergray, 0.5)   50%,
    rgba(bordergray, 0.5)   75%,
    transparent             75%,
    transparent
  )
  -webkit-animation loading 0.5s linear infinite
  animation loading 0.5s linear infinite

@keyframes loading
  from
    background-position 0 0
  to
    background-position 160px 80px

.grid__block--user:hover
  color hovergray

  .grid__block__inner
    border 2px solid lightgray

  &:hover
    .grid__block__author
      visibility visible

    .grid__block__title
      display none

.grid__block--placeholder.loading .grid__block__inner
  border 1px dashed bordergray

.grid__block__inner:hover, .grid__block__inner.is-active
  border 1px solid bordergray
  cursor pointer

  .grid__block__overlay
    opacity 1
    pointer-events all

  .grid__block__author
      visibility visible

.grid__block__author
  visibility hidden

.grid__block:hover
  .grid__block__author
    visibility visible

  .grid__block__title
      display none

.grid__block__title, .grid__block__author
  color lightgray
  font-size s_caption
  font-weight bold
  text-align center
  padding 20px 0 5px 0
  left 0
  position absolute
  width 100%
  white-space nowrap
  line-height 1.2

  &:hover
    color lightgray

.grid__block__overlay
  opacity 0
  pointer-events none
  background-position center
  background-size 40%
  background-repeat no-repeat
  cursor pointer

privacy-color('.grid__block--channel .grid__block__inner--privacy-', border-color)
privacy-color('.grid__block--channel .grid__block__inner--privacy-', color)
privacy-color-border-hover('.grid__block--channel .grid__block__inner--privacy-', border-color)
privacy-color-hover('.grid__block--channel .grid__block__inner--privacy-', color)

privacy-color('.list__block--channel--', color)

.grid__block__content__image
  max-width 100%
  max-height 100%

.grid__block--text .valign-inner
  vertical-align top

.grid__block__content__text
  @extend .serif-text
  height 100%
  padding 1em 1.2em 0 1.2em
  font-size 1.04em

  a
    font-weight normal
  p
    margin 0
    margin-bottom 1.04em

.button--delete-block
  float right
  width 28px
  height 28px
  line-height 32px
  font-size 12px
  color lightgray
  display none

  &:hover
    color alert

.grid.is-editable .button--delete-block,
.grid__block.can-edit .button--delete-block,
.grid__block.can-edit .button--delete-block
  display block

/* USER */
.grid__block--user .grid__block__inner
  background-color backgroundgray
  border 2px solid lightgray

  h2
    margin 40px 0 20px 0

  &:hover
    color hovergray
    border 2px solid bordergray

/* CHANNEL */
.grid__block--channel
  h2
    font-weight normal
    padding 15px 0 0 0
    //   font-size 1.53em
    //   transition(0.1s)

  .grid__block__content
    padding 12px

  .grid__block__inner
    border-width 2px

  &:hover
    .grid__block__channel__stats
      visibility visible

.grid__block__channel__stats
  visibility hidden
  font-weight normal
  line-height 1.5em
  font-size s_caption + 1
  height 25px
  margin 5px 0 0 0

.grid__block__mini-feed
  display none
  font-size s_caption
  padding-top 135px
  font-weight bold
  color textgray

  span
    padding 0 5px

/* COMMENT */
.grid__block__content__comment
  height 100%
  background-color backgroundgray
  padding 0 1.1em 0 1.1em
  border-top 1px solid lightgray
<commit_msg>blocks: channel blocks buttons follow privacy's color<commit_after>@import '../../../node_modules/jeet/stylus/jeet'
@import '../../layout/variables'

/* GENERAL */
.grid
  display -webkit-box
  display -moz-box
  display -ms-flexbox
  display -webkit-flex
  display flex
  -webkit-flex-flow row wrap
  -moz-flex-flow row wrap
  -ms-flex-flow row wrap
  flex-flow row wrap
  align-items center

.grid--feed
  -webkit-justify-content center
  justify-content center

.grid__block
  flex 1 1 285px
  -webkit-flex 1 1 285px
  -ms-flex 1 1 285px
  max-width 315px
  text-align center
  margin 0 10px 90px 10px
  position relative

  &:hover
    cursor pointer

.block-padding
  padding-top 100%

.grid__block--block .grid__block__inner, .grid__block--loading .grid__block__inner
  background-size 80px 80px
  background-image linear-gradient(
    45deg,
    rgba(bordergray, 0.5)   25%,
    transparent             25%,
    transparent             50%,
    rgba(bordergray, 0.5)   50%,
    rgba(bordergray, 0.5)   75%,
    transparent             75%,
    transparent
  )
  -webkit-animation loading 0.5s linear infinite
  animation loading 0.5s linear infinite

@keyframes loading
  from
    background-position 0 0
  to
    background-position 160px 80px

.grid__block--user:hover
  color hovergray

  .grid__block__inner
    border 2px solid lightgray

  &:hover
    .grid__block__author
      visibility visible

    .grid__block__title
      display none

.grid__block--placeholder.loading .grid__block__inner
  border 1px dashed bordergray

.grid__block__inner:hover, .grid__block__inner.is-active
  border 1px solid bordergray
  cursor pointer

  .grid__block__overlay
    opacity 1
    pointer-events all

  .grid__block__author
      visibility visible

.grid__block__author
  visibility hidden

.grid__block:hover
  .grid__block__author
    visibility visible

  .grid__block__title
      display none

.grid__block__title, .grid__block__author
  color lightgray
  font-size s_caption
  font-weight bold
  text-align center
  padding 20px 0 5px 0
  left 0
  position absolute
  width 100%
  white-space nowrap
  line-height 1.2

  &:hover
    color lightgray

.grid__block__overlay
  opacity 0
  pointer-events none
  background-position center
  background-size 40%
  background-repeat no-repeat
  cursor pointer

privacy-color('.grid__block--channel .grid__block__inner--privacy-', border-color)
privacy-color('.grid__block--channel .grid__block__inner--privacy-', color)
privacy-color-border-hover('.grid__block--channel .grid__block__inner--privacy-', border-color)
privacy-color-hover('.grid__block--channel .grid__block__inner--privacy-', color)

privacy-color('.list__block--channel--', color)

.grid__block__content__image
  max-width 100%
  max-height 100%

.grid__block--text .valign-inner
  vertical-align top

.grid__block__content__text
  @extend .serif-text
  height 100%
  padding 1em 1.2em 0 1.2em
  font-size 1.04em

  a
    font-weight normal
  p
    margin 0
    margin-bottom 1.04em

.button--delete-block
  float right
  width 28px
  height 28px
  line-height 32px
  font-size 12px
  color lightgray
  display none

  &:hover
    color alert

.grid.is-editable .button--delete-block,
.grid__block.can-edit .button--delete-block,
.grid__block.can-edit .button--delete-block
  display block

/* USER */
.grid__block--user .grid__block__inner
  background-color backgroundgray
  border 2px solid lightgray

  h2
    margin 40px 0 20px 0

  &:hover
    color hovergray
    border 2px solid bordergray

/* CHANNEL */
.grid__block--channel
  h2
    font-weight normal
    padding 15px 0 0 0
    //   font-size 1.53em
    //   transition(0.1s)

  .grid__block__content
    padding 12px

  .grid__block__inner
    border-width 2px

  .button--inblock
    color inherit
    border-color inherit
    
    &:hover
      color hovergray

  &:hover
    .grid__block__channel__stats
      visibility visible

.grid__block__channel__stats
  visibility hidden
  font-weight normal
  line-height 1.5em
  font-size s_caption + 1
  height 25px
  margin 5px 0 0 0

.grid__block__mini-feed
  display none
  font-size s_caption
  padding-top 135px
  font-weight bold
  color textgray

  span
    padding 0 5px

/* COMMENT */
.grid__block__content__comment
  height 100%
  background-color backgroundgray
  padding 0 1.1em 0 1.1em
  border-top 1px solid lightgray

{'fraction_non_alphanumeric': 0.08054003724394786, 'fraction_numerical': 0.03677839851024209, 'mean_word_length': 2.965389940009229, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5830137', 'n_tokens_mistral': 3110, 'n_tokens_neox': 2797, 'n_words': 734}