sankalp
0c266e9150
Use apply() to align with the updated CSS variable system and ensure consistent radius theming
79 lines
1.3 KiB
CSS
79 lines
1.3 KiB
CSS
#about-menu {
|
|
background-color: alpha(#000, 0.34);
|
|
|
|
box-shadow:
|
|
inset 0 -0.5px 0 0.5px alpha(#555, 0.7),
|
|
inset 0 0.5px 0 0.5px alpha(#777, 0.7);
|
|
border: 1px solid @border-subtle;
|
|
border-top: none;
|
|
border-radius: 1.25rem;
|
|
padding: 2rem;
|
|
}
|
|
|
|
#about-options {
|
|
background-color: alpha(#333, 0.9);
|
|
border-radius: apply(radius-md);
|
|
padding: 2rem;
|
|
}
|
|
|
|
#about-logo-box {
|
|
margin-top: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
#about-button-box {
|
|
padding: 1rem;
|
|
}
|
|
#vendor-label {
|
|
color: #999999;
|
|
margin-top: -1rem;
|
|
}
|
|
|
|
#info-label {
|
|
color: #888888;
|
|
}
|
|
#about-info-title-box {
|
|
padding-left: 4rem;
|
|
}
|
|
|
|
#about-name-label {
|
|
font-size: 24px;
|
|
margin: 0px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
#about-date-label {
|
|
font-size: 11px;
|
|
margin: 0px;
|
|
color: #ddd;
|
|
font-weight: 400;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
#about-chip-title-label,
|
|
#about-so-title-label,
|
|
#about-mem-title-label {
|
|
font-size: 12px;
|
|
margin: 0px;
|
|
margin-right: 10px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
#more-info-button {
|
|
background-color: #888888;
|
|
border-radius: apply(radius-xs);
|
|
padding: 0px 10px;
|
|
margin: 1px 2px;
|
|
transition: all 200ms ease-in-out;
|
|
}
|
|
#more-info-button:hover {
|
|
background-color: rgb(72, 130, 255);
|
|
}
|
|
|
|
#more-info-button label {
|
|
font-size: 12px;
|
|
margin: 0px;
|
|
font-weight: 400;
|
|
color: @text-main;
|
|
}
|