<commit_before>@require '../stylus_lib'
@require '../../lib/palette'

.clock
  display inline-block
  text-align left

.clock-header
  text('mediumText')

.clock-value
  text('mediumText')
  display flex
  align-items center
  list-style none
  text-transform capitalize

  li
    display inline-block
    vertical-align top

    small
      text('mediumText')
      display block
      color transparify(getColor('black60'), getColor('black100'))

.clock-closed
  text('subtitle')
  position relative
  text-align center

.white-overlay-clock
  color getColor('white100')
  left 50%
  top 50%
  display inline-block
  position absolute
  transform translate(-50%, -50%)
  z-index 1

  .clock-header.clock-closed
    text('subtitle')
    color color('white100')
    border 0

  .clock
    text-align center

  .clock-header
    margin-bottom getSpace(0.5)

  .clock-months
  .clock-days
  .clock-hours
  .clock-minutes
  .clock-seconds
    text('subtitle')
    margin getSpace(0, 1.5)

    small
      text('mediumText')
      color getColor('white100')
<commit_msg>fix: modified styles for clock items (#7724)<commit_after>@require '../stylus_lib'
@require '../../lib/palette'

.clock
  display inline-block
  text-align left

.clock-header
  text('mediumText')

.clock-value
  text('mediumText')
  display flex
  align-items center
  list-style none
  text-transform capitalize

  :first-child
    margin-left: 0

  li
    display inline-block
    text-align center
    vertical-align top
    margin getSpace(0, 0.5)

    small
      text('mediumText')
      display block
      color transparify(getColor('black60'), getColor('black100'))

.clock-closed
  text('subtitle')
  position relative
  text-align center

.white-overlay-clock
  color getColor('white100')
  left 50%
  top 50%
  display inline-block
  position absolute
  transform translate(-50%, -50%)
  z-index 1

  .clock-header.clock-closed
    text('subtitle')
    color color('white100')
    border 0

  .clock
    text-align center

  .clock-header
    margin-bottom getSpace(0.5)

  .clock-months
  .clock-days
  .clock-hours
  .clock-minutes
  .clock-seconds
    text('subtitle')
    margin getSpace(0, 1.5)

    small
      text('mediumText')
      color getColor('white100')

{'fraction_non_alphanumeric': 0.11699288256227758, 'fraction_numerical': 0.029359430604982206, 'mean_word_length': 2.877586206896552, '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': '1997038', 'n_tokens_mistral': 784, 'n_tokens_neox': 724, 'n_words': 174}