yintai-company-home/src/components/layout/JobPage/index.module.css

103 lines
2.1 KiB
CSS

.jobPage {
width: 100%;
min-height: 100dvh;
padding: 7.5rem 6.25rem;
.jobPageHeaderLine {
height: 6.25rem;
border-bottom: .0625rem solid #222222;
display: flex;
.jobPageHeaderLineBack {
display: inline-flex;
align-items: center;
cursor: pointer;
}
}
.jobPageHeader {
padding: 3.75rem 10rem;
.jobPageHeaderTitle {
font-weight: 700;
font-size: 2rem;
color: #222222;
line-height: 2.625rem;
/* text-align: center; */
font-style: normal;
text-transform: none;
margin-bottom: 1.25rem;
}
.jobPageHeaderTimeLine {
font-weight: 400;
font-size: 1.25rem;
color: #333333;
line-height: 1.875rem;
display: flex;
gap: 1.875rem;
}
}
.jobPageContent {
font-size: 1.25rem;
padding: 0 10rem;
}
.jobPageContentTitle {
font-family: Source Han Sans, Source Han Sans;
font-weight: 600;
font-size: 1.5rem;
color: #222222;
line-height: 2.125rem;
text-align: left;
font-style: normal;
text-transform: none;
}
.jobPageContentText {
font-family: Source Han Sans, Source Han Sans;
font-weight: 400;
font-size: 1.125rem;
color: #333333;
line-height: 2.25rem;
text-align: left;
font-style: normal;
text-transform: none;
white-space: pre-line;
}
}
@media (max-width: 48rem) {
.jobPage {
padding: 6rem 3rem;
}
.jobPage .jobPageHeader {
padding: 2.5rem 2rem;
}
.jobPage .jobPageContent {
padding: 0 2rem;
}
}
@media (max-width: 30rem) {
.jobPage {
padding: 5rem 1.25rem;
}
.jobPage .jobPageHeader {
padding: 2rem 0;
}
.jobPage .jobPageContent {
padding: 0;
}
.jobPage .jobPageHeaderLine {
height: auto;
padding-bottom: 1rem;
}
}