From 941642aee876a97dbb79666d8fabaa2b1feb9ff5 Mon Sep 17 00:00:00 2001 From: Indrajith K L Date: Sun, 20 Mar 2022 00:38:25 +0530 Subject: Theme changes --- themes/terminal/assets/css/pagination.css | 86 +++++++++++++++++++++++++++++++ 1 file changed, 86 insertions(+) create mode 100644 themes/terminal/assets/css/pagination.css (limited to 'themes/terminal/assets/css/pagination.css') diff --git a/themes/terminal/assets/css/pagination.css b/themes/terminal/assets/css/pagination.css new file mode 100644 index 0000000..30dbadc --- /dev/null +++ b/themes/terminal/assets/css/pagination.css @@ -0,0 +1,86 @@ +.pagination { + margin-top: 50px; + + @media print { + display: none; + } + + &__title { + display: flex; + text-align: center; + position: relative; + margin: 100px 0 20px; + + &-h { + text-align: center; + margin: 0 auto; + padding: 5px 10px; + background: color-mod(var(--accent) blend(#1D1E28 98%)); + font-size: .8rem; + text-transform: uppercase; + text-decoration: none; + letter-spacing: .1em; + z-index: 1; + } + + hr { + position: absolute; + left: 0; + right: 0; + width: 100%; + margin-top: 15px; + z-index: 0; + } + } + + &__buttons { + display: flex; + align-items: center; + justify-content: center; + + a { + text-decoration: none; + } + } +} + +.button { + position: relative; + display: inline-flex; + flex: 1; + align-items: center; + justify-content: center; + font-size: 1rem; + border-radius: 8px; + padding: 0; + cursor: pointer; + appearance: none; + overflow: hidden; + + + .button { + margin-left: 10px; + } + + a { + display: flex; + padding: 8px 16px; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + + &__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + + &.next .button__icon { + margin-left: 8px; + } + + &.previous .button__icon { + margin-right: 8px; + } +} -- cgit v1.2.3