set $mode_resize "<span foreground='$theme-yellow1'>󰉸</span>  \
<span foreground='$theme-fg'><b>Resize</b></span> <span foreground='$theme-yellow1'>(<b>↑ ↓ ← →</b>)</span> \
<span foreground='$theme-fg'><b>Increase Gaps</b></span> <span foreground='$theme-yellow1'>(<b>+</b>)</span> \
<span foreground='$theme-fg'><b>Decrease Gaps</b></span> <span foreground='$theme-yellow1'>(<b>-</b>)</span>"

mode --pango_markup $mode_resize {
    # left will shrink the containers width
    # right will grow the containers width
    # up will shrink the containers height
    # down will grow the containers height
    $bindsym $left resize shrink width 10px
    $bindsym $down resize grow height 10px
    $bindsym $up resize shrink height 10px
    $bindsym $right resize grow width 10px

    $bindsym Shift+$left resize shrink width 100px
    $bindsym Shift+$down resize grow height 100px
    $bindsym Shift+$up resize shrink height 100px
    $bindsym Shift+$right resize grow width 100px

    ## Resize // Window Gaps // + - ##
    $bindsym minus gaps inner current minus 3px
    $bindsym plus gaps inner current plus 3px

    # Return to default mode
    $bindsym Return mode "default"
    $bindsym Escape mode "default"
}
## Launch // Resize Mode ##
$bindsym $mod+r mode $mode_resize
