ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-23 13:15:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refine top banner responsive styles and animation details

Browse Source
This commit is contained in:
akcodez
2025-02-18 13:45:46 -08:00
parent 1d2b8abdcf
commit d6c1561f8b
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

13
styles/_top-banner.scss
View File

@@ -13,7 +13,7 @@
text-decoration: none; text-decoration: none;
color: $white; color: $white;
.button-icon{ .button-icon{
animation: iconJitter 0.7s ease-in-out forwards; animation: iconJitter 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
} }
} }
@@ -53,16 +53,25 @@
@media (max-width: 768px) { @media (max-width: 768px) {
font-size: 18px; font-size: 18px;
padding: 11px 35px; padding: 11px 35px;
.button-text{
margin-bottom: 4px;
}
} }
@media (max-width: 564px) { @media (max-width: 564px) {
font-size: 15px; font-size: 15px;
padding: 5px 40px; padding: 5px 40px;
.button-text{
margin-bottom: 0px;
}
.banner-event-details{ .banner-event-details{
gap: 0px !important; gap: 0px !important;
flex-direction: column; flex-direction: column;
text-align: left; text-align: left;
line-height: 21px; line-height: 21px;
.event-date{
position: relative;
top: -5px;
}
} }
.banner-button{ .banner-button{
align-self: baseline; align-self: baseline;