more test fixes & letter trimming

This commit is contained in:
stvnrlly
2022-11-28 11:15:41 -05:00
parent 8bd1285bfa
commit 9689aaf89b
5 changed files with 9 additions and 773 deletions

View File

@@ -8467,81 +8467,6 @@ ol ol .sub-navigation__item {
}
}
.letter {
padding: 141.42136% 0 0 0;
margin: 0 0 30px 0;
position: relative;
background: #dee0e2
}
.letter:before {
position: absolute;
top: 10%;
left: 50%;
margin-left: -0.5em;
font-size: 96px;
color: #fff;
overflow: hidden;
display: block;
vertical-align: bottom;
animation: ellipsis steps(4, end) 1.3s infinite;
content: "\2026";
width: 0px
}
.letter:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 0 0 1px #bfc1c3
}
.letter-postage {
position: absolute;
top: 0;
right: 0;
z-index: 10;
width: 147.45253px;
height: 124px;
margin: 0;
background-color: #9a9481;
background-size: auto 124px;
background-position: right 0;
background-repeat: no-repeat;
background-origin: border-box;
text-indent: -1000em;
border-bottom: 1px solid #bfc1c3;
border-left: 1px solid #bfc1c3;
box-shadow: 0 2px 0 0 rgba(191, 193, 195, 0.2)
}
.letter-postage-first {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNzcuMyAyMzMuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjc3LjMgMjMzLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQjdBNDdFO30KCS5zdDF7ZmlsbDojQzRCMTg2O30KCS5zdDJ7ZmlsbDojREVFMEUxO30KCS5zdDN7ZmlsbDojMkIyNzFEO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzFfKTtmaWxsLW9wYWNpdHk6My4wMDAwMDBlLTAyO30KPC9zdHlsZT4KPHJlY3QgeT0iMCIgY2xhc3M9InN0MCIgd2lkdGg9IjI3Ny4zIiBoZWlnaHQ9IjIzMy4yIi8+CjxyZWN0IHg9IjAiIHk9IjMiIGNsYXNzPSJzdDEiIHdpZHRoPSIyNzQuMyIgaGVpZ2h0PSIyMzAuMiIvPgo8cG9seWxpbmUgY2xhc3M9InN0MiIgcG9pbnRzPSIyNzcuMywyMzMuMiAwLDIzMy4yIDAsMCAiLz4KPHBhdGggY2xhc3M9InN0MyIgZD0iTTYyLDI4LjJ2MTQ4LjJoMTg5LjdWMjguMkg2MnoiLz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjA5LjIsMTY1LjlWODMuNWgtMzEuOVY2NC4xYzQuNSwwLjEsOC44LTAuMiwxMy0xYzQuMi0wLjgsNy45LTIuMiwxMS4zLTQuMmMzLjMtMiw2LjEtNC42LDguNC03LjkKCQljMi4zLTMuMywzLjgtNy4zLDQuNS0xMi4ySDIzNXYxMjdIMjA5LjJ6Ii8+CjwvZz4KPHBvbHlnb24gY2xhc3M9InN0NCIgcG9pbnRzPSIyNzcuMywyMzMuMiAwLDIzMy4yIDAsMCAiLz4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2Ny45NzUiIHkxPSI1MS40MTUiIHgyPSIxNDIuOTI1IiB5Mj0iMTI2LjM2NSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDIzMy44OSkiPgoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPgoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzAwMDAwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTYzLjgsMTM2LjFMNjIsNTAuNXYxMjZoMTQ5LjlsLTEyLjYtMTAuNiIvPgo8L3N2Zz4K)
}
.letter-postage-second {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNzcuMyAyMzMuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjc3LjMgMjMzLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQjdBNDdFO30KCS5zdDF7ZmlsbDojQzRCMTg2O30KCS5zdDJ7ZmlsbDojMkIyNzFEO30KCS5zdDN7ZmlsbDojRkZGRkZGO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzFfKTtmaWxsLW9wYWNpdHk6My4wMDAwMDBlLTAyO30KPC9zdHlsZT4KPHJlY3QgeT0iMCIgY2xhc3M9InN0MCIgd2lkdGg9IjI3Ny4zIiBoZWlnaHQ9IjIzMy4yIi8+CjxyZWN0IHg9IjAiIHk9IjMiIGNsYXNzPSJzdDEiIHdpZHRoPSIyNzQuMyIgaGVpZ2h0PSIyMzAuMiIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjIsMjguMnYxNDguMmgxODkuN1YyOC4ySDYyeiBNMjQxLjcsMTY1LjloLTg2LjNjMC4yLTksMi4yLTE3LjMsNS44LTI0LjhjMy41LTguNCwxMS45LTE3LjMsMjUtMjYuNwoJYzExLjQtOC4yLDE4LjgtMTQsMjIuMi0xNy42YzUuMi01LjUsNy43LTExLjUsNy43LTE4LjFjMC01LjMtMS41LTkuOC00LjQtMTMuM2MtMy0zLjUtNy4yLTUuMy0xMi43LTUuM2MtNy41LDAtMTIuNywyLjgtMTUuNCw4LjQKCWMtMS42LDMuMi0yLjUsOC40LTIuOCwxNS41aC0yNC4xYzAuNC0xMC43LDIuMy0xOS40LDUuOC0yNmM2LjYtMTIuNiwxOC40LTE4LjksMzUuMi0xOC45YzEzLjMsMCwyMy45LDMuNywzMS44LDExLjEKCWM3LjksNy40LDExLjgsMTcuMiwxMS44LDI5LjNjMCw5LjMtMi44LDE3LjYtOC40LDI0LjhjLTMuNyw0LjgtOS43LDEwLjItMTgsMTYuMWwtOS45LDdjLTYuMiw0LjQtMTAuNSw3LjYtMTIuNyw5LjYKCWMtMi4zLDItNC4yLDQuMy01LjgsNi45aDU1djIySDI0MS43eiIvPgo8cG9seWdvbiBjbGFzcz0ic3QzIiBwb2ludHM9IjI3Ny4zLDIzMy4yIDAsMjMzLjIgMCwwICIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjY3Ljk3NSIgeTE9IjUxLjQxNSIgeDI9IjE0Mi45MjUiIHkyPSIxMjYuMzY1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMjMzLjg5KSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMDAwMDAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xOTkuMywxNjUuOWgtNDMuOWMwLjItOSwyLjItMTcuMyw1LjgtMjQuOGMwLjctMS42LDEuNi0zLjMsMi42LTVMNjIsNTAuNXYxMjZoMTQ5LjlMMTk5LjMsMTY1Ljl6Ii8+Cjwvc3ZnPgo=)
}
.letter-sent .letter-postage:hover {
background-color: transparent;
border-color: transparent;
box-shadow: none;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNzcuMyAyMzMuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjc3LjMgMjMzLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTtmaWxsLW9wYWNpdHk6NC4wMDAwMDBlLTAyO30KCS5zdDF7ZmlsbDojNzI2NjUwO30KCS5zdDJ7ZmlsbDojQjdBNDdFO30KPC9zdHlsZT4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNTUuMzUxMSIgeTE9Ii0yMy4wOTU1IiB4Mj0iMjUuOTQ4OSIgeTI9IjI1MC4yOTU1Ij4KCTxzdG9wICBvZmZzZXQ9IjAuMzkyOSIgc3R5bGU9InN0b3AtY29sb3I6IzAwMDAwMDtzdG9wLW9wYWNpdHk6MCIvPgoJPHN0b3AgIG9mZnNldD0iMC40ODgxIiBzdHlsZT0ic3RvcC1jb2xvcjojMDAwMDAwO3N0b3Atb3BhY2l0eTowLjQ3MjMiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNDkzNyIgc3R5bGU9InN0b3AtY29sb3I6IzAwMDAwMDtzdG9wLW9wYWNpdHk6MC41Ii8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjQ5MzgiIHN0eWxlPSJzdG9wLWNvbG9yOiMwOTA5MDk7c3RvcC1vcGFjaXR5OjAuNDk2MyIvPgoJPHN0b3AgIG9mZnNldD0iMC40OTQiIHN0eWxlPSJzdG9wLWNvbG9yOiMzNzM3Mzc7c3RvcC1vcGFjaXR5OjAuNDc2MiIvPgoJPHN0b3AgIG9mZnNldD0iMC40OTQzIiBzdHlsZT0ic3RvcC1jb2xvcjojNjI2MjYyO3N0b3Atb3BhY2l0eTowLjQ1MzUiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNDk0NiIgc3R5bGU9InN0b3AtY29sb3I6Izg4ODg4ODtzdG9wLW9wYWNpdHk6MC40MjkxIi8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjQ5NDkiIHN0eWxlPSJzdG9wLWNvbG9yOiNBOEE4QTg7c3RvcC1vcGFjaXR5OjAuNDAyNSIvPgoJPHN0b3AgIG9mZnNldD0iMC40OTUzIiBzdHlsZT0ic3RvcC1jb2xvcjojQzRDNEM0O3N0b3Atb3BhY2l0eTowLjM3MzEiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNDk1NyIgc3R5bGU9InN0b3AtY29sb3I6I0RBREFEQTtzdG9wLW9wYWNpdHk6MC4zNCIvPgoJPHN0b3AgIG9mZnNldD0iMC40OTYyIiBzdHlsZT0ic3RvcC1jb2xvcjojRUJFQkVCO3N0b3Atb3BhY2l0eTowLjMwMTMiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNDk2OCIgc3R5bGU9InN0b3AtY29sb3I6I0Y2RjZGNjtzdG9wLW9wYWNpdHk6MC4yNTM0Ii8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjQ5NzciIHN0eWxlPSJzdG9wLWNvbG9yOiNGREZERkQ7c3RvcC1vcGFjaXR5OjAuMTg2MyIvPgoJPHN0b3AgIG9mZnNldD0iMC41IiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGO3N0b3Atb3BhY2l0eTowIi8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjUwMDgiIHN0eWxlPSJzdG9wLWNvbG9yOiNFN0U3RTc7c3RvcC1vcGFjaXR5OjEuNjI3NzU3ZS0wMiIvPgoJPHN0b3AgIG9mZnNldD0iMC41MDMzIiBzdHlsZT0ic3RvcC1jb2xvcjojQTJBMkEyO3N0b3Atb3BhY2l0eTo2LjY0NTMxNGUtMDIiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNTA1NiIgc3R5bGU9InN0b3AtY29sb3I6IzY4Njg2ODtzdG9wLW9wYWNpdHk6MC4xMTQiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNTA3OCIgc3R5bGU9InN0b3AtY29sb3I6IzNCM0IzQjtzdG9wLW9wYWNpdHk6MC4xNTczIi8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjUwOTciIHN0eWxlPSJzdG9wLWNvbG9yOiMxQjFCMUI7c3RvcC1vcGFjaXR5OjAuMTk1OSIvPgoJPHN0b3AgIG9mZnNldD0iMC41MTEzIiBzdHlsZT0ic3RvcC1jb2xvcjojMDcwNzA3O3N0b3Atb3BhY2l0eTowLjIyODEiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNTEyNCIgc3R5bGU9InN0b3AtY29sb3I6IzAwMDAwMDtzdG9wLW9wYWNpdHk6MC4yNSIvPgoJPHN0b3AgIG9mZnNldD0iMC41Mzg4IiBzdHlsZT0ic3RvcC1jb2xvcjojMDAwMDAwO3N0b3Atb3BhY2l0eTowIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjIiIHk9Ii0zIiBjbGFzcz0ic3QwIiB3aWR0aD0iMjc3LjMiIGhlaWdodD0iMjMzLjIiLz4KPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIwLDAgMjc3LjMsMCAyNzcuMywyMzMuMiAyNzIsNi45ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjIuNSwtMSAyNzkuOCwtMSAyNzkuOCwyMzIuMiAyNzQuNSw1LjkgIi8+Cjwvc3ZnPgo=)
}
.letter img {
display: block;
width: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0
}
input[type="search"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;