<commit_before>//
// Generic styles used accross components, too small to warrent their own
// component directory structure, or applied to general layout of the edit app.
//

@import '../stylus_lib'

// Circular remove button
.edit-section-remove
  position absolute
  top -(section-tool-size / 2)
  right -(section-tool-size / 2)
  color #ccc
  font-size 19px
  transition color 0.3s ease-out
  cursor pointer
  z-index 3
  &:hover
    color red-color
  svg
    width section-tool-size
    fill-color gray-color
    &:hover
      fill-color red-color
    polygon
      fill white !important

// Fields with red asktericks
.edit-required
  &::after
    content '*'
    garamond()
    font-size 22px
    color red-color
    position absolute
    margin-top -6px
    margin-left 3px
  &[data-hidden=true]::after
    display none

// Fixed section controls
.edit-section-controls[data-fixed=true]
  position fixed !important
  top header-size !important
  z-index 4 !important

// General content layout
#edit-content
  margin-top header-size

#edit-title
  position relative
  .edit-required
    position absolute
    top 0
    width 100%
    text-align center
    z-index -1
    &::after
      left 100px
      top 66px
      position relative
  textarea
    width 100%
    text-align center
    font-size 40px
    margin 60px 0 30px 0

#edit-author-section
  text-align center
  width body-width
  avant-garde()
  font-size small-avant-garde-font-size + 1
  margin whitespace-block-size auto whitespace-block-size + 5px auto
  border-top 1px solid gray-lighter-color
  border-bottom @border-top
  padding controls-padding 0
  p
    display inline-block
    &:after
      content '\2022'
      margin 0 10px
    &:last-child:after
      display none

.edit-body-container
  width body-width
  margin auto

#edit-lead-paragraph
  margin 20px auto whitespace-block-size auto
  width body-width
  font-size 20px
  &.is-empty::before
    content 'Lead paragraph (optional)'
    color gray-dark-color
    position absolute

#edit-sections-spinner
  position fixed
  top header-size
  left sidebar-width
  width "calc(100% - %s)" % sidebar-width
  height "calc(100% - %s)" % header-size
  z-index 4
  background rgba(255,255,255,0.8)<commit_msg>proper leading<commit_after>//
// Generic styles used accross components, too small to warrent their own
// component directory structure, or applied to general layout of the edit app.
//

@import '../stylus_lib'

// Circular remove button
.edit-section-remove
  position absolute
  top -(section-tool-size / 2)
  right -(section-tool-size / 2)
  color #ccc
  font-size 19px
  transition color 0.3s ease-out
  cursor pointer
  z-index 3
  &:hover
    color red-color
  svg
    width section-tool-size
    fill-color gray-color
    &:hover
      fill-color red-color
    polygon
      fill white !important

// Fields with red asktericks
.edit-required
  &::after
    content '*'
    garamond()
    font-size 22px
    color red-color
    position absolute
    margin-top -6px
    margin-left 3px
  &[data-hidden=true]::after
    display none

// Fixed section controls
.edit-section-controls[data-fixed=true]
  position fixed !important
  top header-size !important
  z-index 4 !important

// General content layout
#edit-content
  margin-top header-size

#edit-title
  position relative
  .edit-required
    position absolute
    top 0
    width 100%
    text-align center
    z-index -1
    &::after
      left 100px
      top 66px
      position relative
  textarea
    width 100%
    text-align center
    font-size 40px
    margin 60px 0 30px 0

#edit-author-section
  text-align center
  width body-width
  avant-garde()
  font-size small-avant-garde-font-size + 1
  margin whitespace-block-size auto whitespace-block-size + 5px auto
  border-top 1px solid gray-lighter-color
  border-bottom @border-top
  padding controls-padding 0
  p
    display inline-block
    &:after
      content '\2022'
      margin 0 10px
    &:last-child:after
      display none

.edit-body-container
  width body-width
  margin auto

#edit-lead-paragraph
  margin 20px auto whitespace-block-size auto
  width body-width
  font-size 20px
  line-height 26px
  &.is-empty::before
    content 'Lead paragraph (optional)'
    color gray-dark-color
    position absolute

#edit-sections-spinner
  position fixed
  top header-size
  left sidebar-width
  width "calc(100% - %s)" % sidebar-width
  height "calc(100% - %s)" % header-size
  z-index 4
  background rgba(255,255,255,0.8)
{'fraction_non_alphanumeric': 0.08915073365940418, 'fraction_numerical': 0.029791018230324588, 'mean_word_length': 2.7151114781172585, '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': '5927236', 'n_tokens_mistral': 1560, 'n_tokens_neox': 1421, 'n_words': 436}