ascribe/wp-theme
1
0
Fork 0
mirror of https://github.com/ascribe/wp-theme synced 2025-01-03 18:35:08 +01:00
Code Issues Releases Wiki Activity

refactor team member styles so title gets correct styling

Browse Source
This commit is contained in:
Matthias Kretschmann 2015-12-12 17:50:25 +01:00
parent 45cb756340
commit 50a1ef3774
3 changed files with 45 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/ascribe.css
View File

@ -468,7 +468,7 @@ h5,
.blog-features h2, .blog-features h2,
.blog-features h1, .blog-features h1,
.team, .team,
.team h2, .team-member h2,
.faq, .faq,
.values .value, .values .value,
.careers a, .careers a,
@ -514,7 +514,7 @@ h6,
.button, .button,
.case-studies .description, .case-studies .description,
.blue-box h1, .blue-box h1,
.team h1, .team-member h1,
.faq .featured-faqs dt, .faq .featured-faqs dt,
.faq .regular-faqs dt, .faq .regular-faqs dt,
.values .value h1, .values .value h1,
@ -2298,7 +2298,16 @@ header + .chevron-divider {
.team p { .team p {
margin: 0; margin: 0;
} }
.team .team-member { .team.tour-page {
padding: 70px 0;
background-color: #fbfbfb;
@media screen and (max-width: 768px) {
}
.team .intro {
text-align: center;
}
}
.team-member {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
padding-right: 30px; padding-right: 30px;
@ -2308,36 +2317,27 @@ header + .chevron-divider {
margin-bottom: 40px; margin-bottom: 40px;
} }
@media screen and (max-width: 570px) { @media screen and (max-width: 570px) {
.team .team-member { .team-member {
width: 100%; width: 100%;
} }
} }
.team img { .team-member img {
border-radius: 100%; border-radius: 100%;
} }
.team h1 { .team-member h1 {
color: #000; color: #000;
font-size: 19px; font-size: 19px;
margin-top: 20px; margin-top: 20px;
margin-bottom: 0; margin-bottom: 0;
} }
.team h2 { .team-member h2 {
color: #121417; color: #121417;
font-size: 18px; font-size: 18px;
line-height: 22px; line-height: 22px;
margin-top: 2px; margin-top: 2px;
} }
.team.tour-page {
padding: 70px 0;
background-color: #fbfbfb;
}
@media screen and (max-width: 768px) {
.team .intro {
text-align: center;
}
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.team .team-member { .team-member {
width: 50%; width: 50%;
} }
} }

2
assets/css/ascribe.min.css vendored
View File

File diff suppressed because one or more lines are too long

31
assets/css/less/ascribe.less
View File

@ -990,11 +990,25 @@ header + .chevron-divider {
p { p {
margin:0; margin:0;
} }
.team-member { &.tour-page {
padding: 70px 0;
background-color: @greyBg;
}
@media screen and (max-width: @tabletWidth) {
.intro {
text-align: center;
}
}
}
//
// Component: Team Member
//
.team-member {
.ttl-columns.column-3; .ttl-columns.column-3;
text-align: center; text-align: center;
margin-bottom: 40px; margin-bottom: 40px;
}
img { img {
border-radius: 100%; border-radius: 100%;
} }
@ -1008,21 +1022,12 @@ header + .chevron-divider {
margin-top:2px; margin-top:2px;
} }
&.tour-page {
padding: 70px 0;
background-color: @greyBg;
}
@media screen and (max-width: @tabletWidth) {
.intro {
text-align: center;
}
}
@media screen and (max-width: @phoneWidth) { @media screen and (max-width: @phoneWidth) {
.team-member {
width: 50%; width: 50%;
} }
}
} }
.page-template-template-companywhite .team { .page-template-template-companywhite .team {
@media screen and (max-width: @tabletWidth) { @media screen and (max-width: @tabletWidth) {
.intro { .intro {