fix: Minor mobile/iOS fixes
All checks were successful
Deploy Blog to Folder / deploy (push) Successful in 3s
All checks were successful
Deploy Blog to Folder / deploy (push) Successful in 3s
This commit is contained in:
@ -117,9 +117,15 @@ footer {
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
.nav-hyperlinks a,
|
||||
.nav-hyperlinks ion-icon,
|
||||
.mobile-nav-header ion-icon {
|
||||
color: rgba(var(--black), .52);
|
||||
}
|
||||
.nav-hyperlinks a:hover {
|
||||
.nav-hyperlinks a:hover,
|
||||
.nav-hyperlinks ion-icon:hover,
|
||||
.mobile-nav-header ion-icon:hover {
|
||||
color: rgba(var(--black), .86);
|
||||
}
|
||||
.nav-hyperlinks ion-icon {
|
||||
@ -150,7 +156,7 @@ footer {
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 400px;
|
||||
width: min(400px, 95%);
|
||||
border-left: var(--borders);
|
||||
transform: translateX(100%);
|
||||
transition: transform 0.25s ease-in-out;
|
||||
@ -223,7 +229,7 @@ footer {
|
||||
.mobile-nav-backdrop.show {
|
||||
opacity: 0.5;
|
||||
}
|
||||
nav li[data-mobile] {
|
||||
nav li[data-mobile], button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user