<commit_before>@require 'variables'
@require 'color'
@require 'mixins'
@require 'typography'
@require 'keyframes'
@require 'states'
@require 'elements'
@require 'hero'
@require 'developer'

main
  width: 100%

section#posts > header
  display: flex
  order: 1
  flex-direction:column
  align-content: flex-start
  align-items: center

  & > textarea
    width: base-line * 8
    height: base-line * 2
    line-height: base-line * 2
    vertical-align:middle
    padding:0

    border:0.125em solid blue
    between: font-size, min-font, max-font, min-screen, max-screen
    background-color: transparent
    color:black

    transition-property: all
    outline: none
    overflow: auto
    box-shadow: none
    resize: none
    -webkit-appearance: none

    &:focus
      transition-duration: .4s
      transition-property: line-height
      width: 100%
      line-height: base-line
      user-select: text
      padding:0
      border-width: 0
      height: 100vh
      &::placeholder
        text-align: left
        color: blue

    &::placeholder
      padding:0
      vertical-align: middle
      between: font-size, min-font, max-font, min-screen, max-screen
      text-align: center
      color: green

section[itemtype="http://schema.org/blog"]
  display: flex
  flex-direction: column-reverse
 <commit_msg>fix weird cursor transition into focus on safari<commit_after>@require 'variables'
@require 'color'
@require 'mixins'
@require 'typography'
@require 'keyframes'
@require 'states'
@require 'elements'
@require 'hero'
@require 'developer'

main
  width: 100%

section#posts > header
  display: flex
  order: 1
  flex-direction:column
  align-content: flex-start
  align-items: center

  & > textarea

    width: base-line * 8
    height: base-line * 2
    line-height: 1
    vertical-align:middle
    padding: (base-line / 2)

    border:0.125em solid blue
    between: font-size, min-font, max-font, min-screen, max-screen
    background-color: transparent
    color:black

    transition-property: all

    outline: none
    overflow: auto
    box-shadow: none
    resize: none
    -webkit-appearance: none


    &:focus
      transition-duration: .4s
      transition-property: line-height, padding
      width: 100%
      line-height: base-line
      user-select: text
      padding:0
      border-width: 0
      height: 100vh

      &::placeholder
        text-align: left
        color: blue

    &::placeholder
      padding:0
      vertical-align: middle
      between: font-size, min-font, max-font, min-screen, max-screen
      text-align: center
      color: green

section[itemtype="http://schema.org/blog"]
  display: flex
  flex-direction: column-reverse
{'fraction_non_alphanumeric': 0.10630361805296532, 'fraction_numerical': 0.01641178664677359, 'mean_word_length': 2.751048951048951, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '3675559', 'n_tokens_mistral': 875, 'n_tokens_neox': 823, 'n_words': 225}