safari target: additional stuff
This commit is contained in:
parent
081e066553
commit
b83334ac6f
1 changed files with 40 additions and 32 deletions
|
|
@ -1,7 +1,9 @@
|
|||
@media screen and (min-width: 900px) {
|
||||
#be-your-own { --size: 3rem;
|
||||
#be-your-own {
|
||||
--size: 3rem;
|
||||
--rows-above: 2;
|
||||
--rows-height: 7;}
|
||||
--rows-height: 7;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1300px) {
|
||||
|
|
@ -29,11 +31,12 @@
|
|||
border-left: 2rem transparent solid !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 900px) {
|
||||
#be-your-own { --size: 2rem; }
|
||||
#be-your-own {
|
||||
--size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
#be-your-own {
|
||||
|
|
@ -76,7 +79,11 @@
|
|||
align-items: center;
|
||||
height: var(--size);
|
||||
padding: var(--p);
|
||||
background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(255, 255, 255, 0.08),
|
||||
rgba(255, 255, 255, 0.02)
|
||||
);
|
||||
border-bottom: 0.5rem transparent solid;
|
||||
}
|
||||
#ticker__window {
|
||||
|
|
@ -156,7 +163,8 @@
|
|||
|
||||
.service__image {
|
||||
width: 12rem;
|
||||
&.service__image--gitea, &.service__image--photoview{
|
||||
&.service__image--gitea,
|
||||
&.service__image--photoview {
|
||||
background-color: var(--c-1);
|
||||
padding: 1rem;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -176,7 +184,7 @@
|
|||
&::before {
|
||||
position: absolute;
|
||||
top: calc(-4rem + 2px);
|
||||
content: '';
|
||||
content: "";
|
||||
display: block;
|
||||
//width: 0;
|
||||
//height: 0;
|
||||
|
|
@ -190,7 +198,7 @@
|
|||
color: var(--c-text-primary);
|
||||
}
|
||||
p {
|
||||
font-size: .75rem;
|
||||
font-size: 0.75rem;
|
||||
height: 4em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue