Skip to content

File tree

2 files changed

+35
-45
lines changed

2 files changed

+35
-45
lines changed

themes/jquery.com/style.css

Lines changed: 35 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,41 @@ a,
119119

120120
/* Team */
121121

122+
.block-grid,
123+
#content .block-grid {
124+
display: flex;
125+
flex-flow: row wrap;
126+
margin: 0 -12px;
127+
}
128+
.block-grid li,
129+
#content .block-grid li {
130+
display: block;
131+
margin: 0;
132+
padding: 0 12px 12px;
133+
}
134+
.block-grid.two-up li,
135+
#content .block-grid.two-up li {
136+
width: 50%;
137+
}
138+
.block-grid.three-up li,
139+
#content .block-grid.three-up li {
140+
width: 33.33%;
141+
}
142+
.block-grid.four-up li,
143+
#content .block-grid.four-up li {
144+
width: 25%;
145+
}
146+
.block-grid.five-up li,
147+
#content .block-grid.five-up li {
148+
width: 20%;
149+
}
150+
@media only screen and (max-width: 767px) {
151+
.block-grid.mobile-one-up li { width: 100% !important; }
152+
.block-grid.mobile-two-up li { width: 50% !important; }
153+
.block-grid.mobile-three-up li { width: 33.33% !important; }
154+
.block-grid.mobile-four-up li { width: 25% !important; }
155+
}
156+
122157
.page-slug-team .block-grid li {
123158
text-align: center;
124159
}
@@ -129,7 +164,6 @@ a,
129164
.page-slug-team .block-grid p {
130165
text-align: left;
131166
}
132-
133167
.page-slug-team #content h2 {
134168
color: #333;
135169
font-size: 20px;
@@ -138,7 +172,6 @@ a,
138172
text-align: center;
139173
margin-bottom: 5px;
140174
}
141-
142175
.page-slug-team #content h3 {
143176
color: #0769ad;
144177
font-style: italic;

themes/jquery/css/base.css

Lines changed: 0 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1370,10 +1370,6 @@ pre b {
13701370
color: #ccc;
13711371
}
13721372

1373-
#content ul.block-grid li {
1374-
background: none;
1375-
}
1376-
13771373
#content ol > li {
13781374
position: relative; /* Give each list item a left margin to make room for the numbers */
13791375
list-style: none;
@@ -2816,45 +2812,6 @@ object, embed { height: 100%; }
28162812
.pull-three-mobile { right: 75%; }
28172813
}
28182814

2819-
2820-
/* Block Grids */
2821-
.block-grid,
2822-
#content .block-grid {
2823-
display: flex;
2824-
flex-flow: row wrap;
2825-
margin: 0 -12px;
2826-
}
2827-
.block-grid > li,
2828-
#content .block-grid > li {
2829-
display: block;
2830-
margin: 0;
2831-
padding: 0 12px 12px;
2832-
}
2833-
.block-grid.two-up > li,
2834-
#content .block-grid.two-up > li {
2835-
width: 50%;
2836-
}
2837-
.block-grid.three-up > li,
2838-
#content .block-grid.three-up > li {
2839-
width: 33.33%;
2840-
}
2841-
.block-grid.four-up > li,
2842-
#content .block-grid.four-up > li {
2843-
width: 25%;
2844-
}
2845-
.block-grid.five-up > li,
2846-
#content .block-grid.five-up > li {
2847-
width: 20%;
2848-
}
2849-
2850-
/* Mobile Block Grids */
2851-
@media only screen and (max-width: 767px) {
2852-
.block-grid.mobile-one-up > li { width: 100% !important; }
2853-
.block-grid.mobile-two-up > li { width: 50% !important; }
2854-
.block-grid.mobile-three-up > li { width: 33.33% !important; }
2855-
.block-grid.mobile-four-up > li { width: 25% !important; }
2856-
}
2857-
28582815
/* Syntax Highlighting ---------------------- */
28592816

28602817
pre, code {

0 commit comments

Comments
 (0)