<commit_before>$deleteColor      = hsl(1,50%,50%)

$img-size         = 42px
$icon-width       = 50px
$small-elm-width  = 58px
$big-elm-width    = 90px
$node-title-width = 90px
$big-elm-height   = 164px
$node-design-height = 94px

.elm
  box-sizing border-box
  border-top 13px solid transparent
  background-color transparent
  height auto


  .top
    height auto
    margin-top 6px
    margin-bottom 6px
  .bottom
    border-radius 0px 0px 5px 5px
    box-sizing content-box
    overflow hidden
    width $big-elm-width
  .debugging
    opacity 0.5

  input
    -moz-user-select text
    -webkit-user-select text
    -ms-user-select text
    user-select text
    position relative
    &[type=text]
      height 20px
      width 85px
      border none
      &:hover
        text-decoration none
      &:focus
        outline none
        box-shadow 1px 1px 3px 0px rgba(0,0,0,0.25)

  box-sizing border-box
  position absolute
  margin 0px
  padding 0px
  padding-top 8px
  width $big-elm-width

  enable-flex(direction: column, alignContent:center, alignItems:center, justify:flex-start)

  border-radius 5px
  background-color none
  text-align center
  overflow display
  border-radius 5px
  text-align center

  .img-background
    enable-flex(direction:column, justify:center, alignItems:center)
    position relative
    padding 2px
    border-radius 5px
    background-color white
    border 2px solid
    margin 0px
    margin-left auto
    margin-right auto
    width $icon-width
    height $icon-width
    z-index 2
    img
      max-width $img-size
      max-height $img-size
      margin 0px
      padding 0px
    &.full-width
      padding 0
      width $icon-width + 2
      height $icon-width + 2
    .selected-background
      position absolute
      margin-top 2px
      width $big-elm-width
      height $big-elm-height - $img-size + 4
      background-color rgba(255,255,255,0)
  .centered-block
    enable-flex(direction: column, alignContent:center, alignItems:center, justify:flex-start)
    min-height 10px
  .action-circle
    position absolute
    cursor pointer
    background-color light-blue
    top -10px
    border-radius 30px
    padding 5px
    color white
    border 1px solid
    opacity 0
    box-shadow 0px 1px 1px rgba(0, 0, 0, 0.25)
    font-size 14px
    &.show-drag
      opacity 1

  .show-hover .action-circle
      opacity 1

  .connection-source
    right 3px

  .graph-source
    right 60px
  .top
    height 72px
  .bottom
    background-color transparent
  &.selected,&:hover
    .action-circle
      opacity 1
  &.selected
    box-shadow 0px 0px 3px hsla(0,0,0,0.3)
    background-color white

    .bottom
      border-radius 0px 0px 5px 5px
      box-sizing content-box
      overflow hidden
      width $big-elm-width
    .slider
      background-color light-gray
    &:hover
      .img-background
        box-shadow 0px 0px 0px rgba(0, 0, 0, 0.0)


  &:hover
    .img-background
      box-shadow 0px 1px 1px rgba(0, 0, 0, 0.25)

    .node-title
      text-decoration underline

  .node-title
    default-font(size:10px)
    color dark
    width $node-title-width
    text-align center
    cursor pointer
    word-wrap break-word
    margin-top 4px
    margin-bottom 8px
  input[type=text].node-title
    margin-top 4px
    margin-bottom 8px
    padding 0px
  input[type=text].non-unique-title
    color: #f00
  .untitled<commit_msg>Fixed can't edit variable name when node is in selected state [#169842945]<commit_after>$deleteColor      = hsl(1,50%,50%)

$img-size         = 42px
$icon-width       = 50px
$small-elm-width  = 58px
$big-elm-width    = 90px
$node-title-width = 90px
$big-elm-height   = 164px
$node-design-height = 94px

.elm
  box-sizing border-box
  border-top 13px solid transparent
  background-color transparent
  height auto


  .top
    height auto
    margin-top 6px
    margin-bottom 6px
  .bottom
    border-radius 0px 0px 5px 5px
    box-sizing content-box
    overflow hidden
    width $big-elm-width
  .debugging
    opacity 0.5

  input
    -moz-user-select text
    -webkit-user-select text
    -ms-user-select text
    user-select text
    position relative
    &[type=text]
      height 20px
      width 85px
      border none
      &:hover
        text-decoration none
      &:focus
        outline none
        box-shadow 1px 1px 3px 0px rgba(0,0,0,0.25)

  box-sizing border-box
  position absolute
  margin 0px
  padding 0px
  padding-top 8px
  width $big-elm-width

  enable-flex(direction: column, alignContent:center, alignItems:center, justify:flex-start)

  border-radius 5px
  background-color none
  text-align center
  overflow display
  border-radius 5px
  text-align center

  .img-background
    enable-flex(direction:column, justify:center, alignItems:center)
    position relative
    padding 2px
    border-radius 5px
    background-color white
    border 2px solid
    margin 0px
    margin-left auto
    margin-right auto
    width $icon-width
    height $icon-width
    z-index 2
    img
      max-width $img-size
      max-height $img-size
      margin 0px
      padding 0px
    &.full-width
      padding 0
      width $icon-width + 2
      height $icon-width + 2
    .selected-background
      position absolute
      margin-top 2px
      width $big-elm-width
      height $big-elm-height - $img-size + 4
      background-color rgba(255,255,255,0)
  .centered-block
    enable-flex(direction: column, alignContent:center, alignItems:center, justify:flex-start)
    min-height 10px
  .action-circle
    position absolute
    cursor pointer
    background-color light-blue
    top -10px
    border-radius 30px
    padding 5px
    color white
    border 1px solid
    opacity 0
    box-shadow 0px 1px 1px rgba(0, 0, 0, 0.25)
    font-size 14px
    &.show-drag
      opacity 1

  .show-hover .action-circle
      opacity 1

  .connection-source
    right 3px

  .graph-source
    right 60px
  .top
    height 72px
  .bottom
    background-color transparent
  &.selected,&:hover
    .action-circle
      opacity 1
  &.selected
    box-shadow 0px 0px 3px hsla(0,0,0,0.3)
    background-color white

    .bottom
      border-radius 0px 0px 5px 5px
      box-sizing content-box
      overflow hidden
      width $big-elm-width
    .slider
      background-color light-gray
    &:hover
      .img-background
        box-shadow 0px 0px 0px rgba(0, 0, 0, 0.0)


  &:hover
    .img-background
      box-shadow 0px 1px 1px rgba(0, 0, 0, 0.25)

    .node-title
      text-decoration underline

  .node-title-box
    z-index 10
    position absolute
    left 0

  .node-title
    default-font(size:10px)
    color dark
    width $node-title-width
    text-align center
    cursor pointer
    word-wrap break-word
    margin-top 4px
    margin-bottom 8px
  input[type=text].node-title
    margin-top 4px
    margin-bottom 8px
    padding 0px
  input[type=text].non-unique-title
    color: #f00
  .untitled
{'fraction_non_alphanumeric': 0.08207656612529002, 'fraction_numerical': 0.04147331786542923, 'mean_word_length': 2.2380281690140844, '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': '1187479', 'n_tokens_mistral': 2538, 'n_tokens_neox': 2248, 'n_words': 617}