diff --git a/assets/scss/_elements_project.scss b/assets/scss/_elements_project.scss index cfb59d16..7f1b01c7 100644 --- a/assets/scss/_elements_project.scss +++ b/assets/scss/_elements_project.scss @@ -88,4 +88,65 @@ div.tip { height: 22%; float: right; border-radius: 50%; - } \ No newline at end of file + } + + .prevBtn { + $btn-color: $primary; + $btn-color-dark: shade($btn-color, 40%); + color: tint($btn-color); + + &:before { + content: ''; + // @include absolute(0,0,0,0); + background-color: $btn-color-dark; + transform: translateX(-100%); + } + + &:hover { + color: tint($btn-color, 75%); + + &:before { + transform: translateX(0); + } + } + } + +.pagination-nav { + grid-gap: 1rem; + display: grid; + gap: 1rem; + grid-template-columns: repeat(2, 1fr); + } + + +.pagination-nav__link { + border: 1px solid $lightslategray; + border-radius: 0.4rem; + display: block; + height: 100%; + line-height: 1.25; + padding: 1rem; + transition: border-color 200ms cubic-bezier(0.08,0.52,0.52,1); +} + +.pagination-nav__link:hover { + border-color: $primary; +} + +.pagination-nav__link--next { + grid-column: 2 / 3; + text-align: right; +} + +.pagination-nav__sublabel{ + color:$light; + font-size:0.875rem; + font-weight:500; + margin-bottom: 0.25rem; +} + +.pagination-nav__label { + font-size: 1rem; + font-weight: 600; + word-break: break-word; +} \ No newline at end of file diff --git a/content/en/cloud/overview/_index.md b/content/en/cloud/overview/_index.md index f95443eb..3d1f89a7 100644 --- a/content/en/cloud/overview/_index.md +++ b/content/en/cloud/overview/_index.md @@ -1,11 +1,12 @@ -