diff --git a/components/01_Atoms/link/_link.scss b/components/01_Atoms/link/_link.scss index 5950fa1..130bc87 100644 --- a/components/01_Atoms/link/_link.scss +++ b/components/01_Atoms/link/_link.scss @@ -1,7 +1,7 @@ .LP-Link { color: $-light-brown; text-decoration: none; - font-family: $-primary-serif-font; + font-family: $-primary-sans-serif-font; &:hover { color: $-grey; text-decoration: underline; diff --git a/components/01_Atoms/link/link.hbs b/components/01_Atoms/link/link.hbs index 3384e05..97f2e8f 100644 --- a/components/01_Atoms/link/link.hbs +++ b/components/01_Atoms/link/link.hbs @@ -1,5 +1,3 @@
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr {{text}} - sanctus est Lorem ipsum dolor sit amet
\ No newline at end of file diff --git a/components/01_Atoms/tag/_tag.scss b/components/01_Atoms/tag/_tag.scss index 8872737..aa0c847 100644 --- a/components/01_Atoms/tag/_tag.scss +++ b/components/01_Atoms/tag/_tag.scss @@ -6,6 +6,7 @@ @include RV-FlexRow__Container; height: min-content; gap: 3px; + transition: background .3s; &__Remove { .RV-Iconized__Icon { diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss index a2eb064..a8d2153 100644 --- a/components/02_Molecules/navigation/_navigation.scss +++ b/components/02_Molecules/navigation/_navigation.scss @@ -14,6 +14,10 @@ text-align: center; background-color: transparent; + .LP-Paragraph { + margin-bottom: 0; + } + .LP-Link{ display: block; padding: 15px 0; @@ -43,6 +47,7 @@ text-align: left; margin-bottom: 10px; padding-left: 25px; + transition: background .2s; &--additional{ background-color: #ccc; diff --git a/components/03_Organisms/imageGrid/_imageGrid.scss b/components/03_Organisms/imageGrid/_imageGrid.scss index abb1a52..9d6a2b8 100644 --- a/components/03_Organisms/imageGrid/_imageGrid.scss +++ b/components/03_Organisms/imageGrid/_imageGrid.scss @@ -14,6 +14,7 @@ position: relative; display: block; background: $-almost-white; + transition: background .3s; .LP-Icon { width: $-spacing-large; @@ -38,8 +39,9 @@ position: absolute; top: $-spacing-small; right: $-spacing-small; - background-color: $-light-brown; + background-color: transparent; border-radius: 50%; + transition: background .2s; height: $-spacing-large; width: $-spacing-large; @@ -54,6 +56,7 @@ } &__Item>.LP-Link:hover + &__DeleteItem, &__DeleteItem:hover { + background-color: $-light-brown; visibility: visible; } @@ -75,6 +78,10 @@ left: 0; box-sizing: border-box; + img { + object-fit: contain; + } + &:target { visibility: visible; display: grid; @@ -119,3 +126,13 @@ opacity: 1; } } + +.LP-Select { + display: block; + cursor: pointer; + transition: box-shadow .3s; +} + +.LP-Select:checked, :checked + .LP-Select, .LP-Select--active { + box-shadow: 0 0 3px 3px #C09F80; +} diff --git a/components/03_Organisms/imageGrid/imageGrid.hbs b/components/03_Organisms/imageGrid/imageGrid.hbs index 2400616..16037d4 100644 --- a/components/03_Organisms/imageGrid/imageGrid.hbs +++ b/components/03_Organisms/imageGrid/imageGrid.hbs @@ -4,7 +4,7 @@ {{#each images}}