overleaf/services/web/frontend/stylesheets/modules/labs.less
Jimmy Domagala-Tang e5aa917f54 Merge pull request #18682 from overleaf/jdt-ai-labs
Re-Release Labs Page for AI Error-Correction

GitOrigin-RevId: 2eef85dd3b5f86bedcf3339559a5fbbae2d4da87
2024-06-24 12:04:08 +00:00

78 lines
1.2 KiB
Text

.labs-opt-in-wrapper {
color: @ol-blue-gray-3;
h1,
h2,
h3,
h4 {
color: @ol-blue-gray-3;
}
#experiments-container {
.title-row {
display: flex;
}
.labs-experiment-widget-container {
border: 1px solid @gray-lighter;
}
}
.labs-icon {
background-color: @green-50;
color: @white;
border-radius: 20%;
vertical-align: text-bottom;
}
p {
font-size: @font-size-small;
}
strong {
font-size: @font-size-small;
}
.labs-experiment-widget-container {
display: grid;
grid-template-columns: 40px 1fr auto;
gap: 20px;
align-items: center;
padding: 10px;
> div {
display: flex;
flex-direction: column;
padding-right: 20px;
&:last-child {
padding-right: 0px;
}
}
img {
width: 36px;
height: 36px;
}
.title-row {
margin: 0;
margin-bottom: 10px;
> h3 {
margin: 0;
margin-right: 10px;
}
}
p {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
@media (max-width: @screen-xs-max) {
.labs-experiment-widget-container {
grid-template-columns: 1fr;
}
}
}