diff --git a/components/01_Atoms/checkbox/_checkbox.scss b/components/01_Atoms/checkbox/_checkbox.scss index f35bff8..5c96561 100644 --- a/components/01_Atoms/checkbox/_checkbox.scss +++ b/components/01_Atoms/checkbox/_checkbox.scss @@ -1,12 +1,16 @@ .LP-Form{ .LP-Form__Checkbox{ - display: none; + display: none; + + &:checked + .LP-Form__CheckBox__CheckMark { + background-color: $-light-brown; + } } .LP-Form__CheckBox__CheckMark{ height: 1em; width: 1em; - border: 1px solid black; + border: 1px solid $-grey; padding: 0 calc(.5em + 2px); margin-right: .7em; } diff --git a/components/01_Atoms/checkbox/checkbox.hbs b/components/01_Atoms/checkbox/checkbox.hbs index 0c960cc..1aeed12 100644 --- a/components/01_Atoms/checkbox/checkbox.hbs +++ b/components/01_Atoms/checkbox/checkbox.hbs @@ -1,3 +1,7 @@
- +
\ No newline at end of file diff --git a/components/01_Atoms/input/input.hbs b/components/01_Atoms/input/input.hbs index 15cd5a3..b12cbf3 100644 --- a/components/01_Atoms/input/input.hbs +++ b/components/01_Atoms/input/input.hbs @@ -4,7 +4,6 @@ {{#if disabled}} disabled="disabled" {{/if}} - /> {{#if message}} {{message}} {{/if}} diff --git a/components/01_Atoms/link/_link.scss b/components/01_Atoms/link/_link.scss index 130bc87..f5b6f29 100644 --- a/components/01_Atoms/link/_link.scss +++ b/components/01_Atoms/link/_link.scss @@ -6,8 +6,4 @@ color: $-grey; text-decoration: underline; } -} - -.LP-Link__IconWrapper{ - display: inline; -} +} \ No newline at end of file diff --git a/components/01_Atoms/link/link.hbs b/components/01_Atoms/link/link.hbs index 97f2e8f..21d3eb5 100644 --- a/components/01_Atoms/link/link.hbs +++ b/components/01_Atoms/link/link.hbs @@ -1,3 +1 @@ -

- {{text}} -

\ No newline at end of file +{{text}} \ No newline at end of file diff --git a/components/01_Atoms/tag/_tag.scss b/components/01_Atoms/tag/_tag.scss index aa0c847..028c4fc 100644 --- a/components/01_Atoms/tag/_tag.scss +++ b/components/01_Atoms/tag/_tag.scss @@ -3,10 +3,17 @@ background-color: $-beige; border-radius: 2px; width: max-content; - @include RV-FlexRow__Container; + @include RV-Flex; height: min-content; gap: 3px; transition: background .3s; + + .LP-Link { + color: $-grey; + &:hover { + text-decoration: none; + } + } &__Remove { .RV-Iconized__Icon {