refactor team member styles so title gets correct styling

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

View File

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

File diff suppressed because one or more lines are too long

View File

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