diff --git a/client/source/sass/objects/_textbox-repeater.scss b/client/source/sass/objects/_textbox-repeater.scss new file mode 100644 index 00000000..90778055 --- /dev/null +++ b/client/source/sass/objects/_textbox-repeater.scss @@ -0,0 +1,55 @@ +.textbox-repeater { + + &__button-group { + margin-top: -8px; + position: absolute; + right: -8px; + top: 50%; + } + + &__button { + background: $textbox-repeater--button--background; + border: none; + border-radius: 16px; + box-shadow: 0 0 0 1px $textbox-repeater--button--border; + cursor: pointer; + height: 16px; + outline: none; + margin-right: 8px; + padding: 0; + position: relative; + transition: background 0.25s, box-shadow 0.25s; + width: 16px; + + &:last-child { + margin-right: 0; + } + + &:hover { + background: $textbox-repeater--button--background--hover; + box-shadow: 0 0 0 1px $textbox-repeater--button--border--hover; + + .icon { + fill: $textbox-repeater--button--foreground--hover; + } + } + + .icon { + height: 8px; + fill: $textbox-repeater--button--foreground; + left: 50%; + position: absolute; + top: 50%; + transition: fill 0.25s; + transform: translate(-50%, -50%); + width: 8px; + } + } + + .textbox { + + &__wrapper { + position: relative; + } + } +}