Skip to content

Commit a55810e

Browse files
author
mrmrs
committed
Fix code block to be reponsive on mobile
1 parent 4e60ee7 commit a55810e

File tree

31 files changed

+40
-36
lines changed

31 files changed

+40
-36
lines changed

‎src/templates/docs/background-size/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
6363
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="link fw6 blue dim">MDN - Background Size</a>
6464
</div>
6565
</div>
66-
<section class="bg-near-white black-70 pt4 pb5">
66+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
6767
<header class="ph3 ph5-ns pt4">
6868
<kbd class="yellow">src/_background-size.css</kbd>
6969
</header>

‎src/templates/docs/border-radius/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
7777
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius" class="link fw6 blue dim">MDN - Border Radius</a>
7878
</div>
7979
</div>
80-
<section class="bg-near-white black-70 pt4 pb5">
80+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
8181
<header class="ph3 ph5-ns pt4">
8282
<kbd class="yellow">src/_border-radius.css</kbd>
8383
</header>

‎src/templates/docs/borders/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -358,7 +358,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
358358
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-width" class="link db fw6 blue dim">MDN - Border Width</a>
359359
</div>
360360
</div>
361-
<section class="bg-near-white black-70 pt4 pb5">
361+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
362362
<header class="ph3 ph5-ns pt4">
363363
<kbd class="yellow">src/_borders.css</kbd>
364364
</header>

‎src/templates/docs/box-sizing/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
7878
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing" class="link fw6 blue dim">MDN - Box Sizing</a>
7979
</div>
8080
</div>
81-
<section class="bg-near-white black-70 pt4 pb5">
81+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
8282
<header class="ph3 ph5-ns pt4">
8383
<kbd class="yellow">src/_box-sizing.css</kbd>
8484
</header>

‎src/templates/docs/clearfix/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
7272
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/clears" class="link fw6 blue dim">MDN - Clears</a>
7373
</div>
7474
</div>
75-
<section class="bg-near-white black-70 pt4 pb5">
75+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
7676
<header class="ph3 ph5-ns pt4">
7777
<kbd class="yellow">src/_clearfix.css</kbd>
7878
</header>

‎src/templates/docs/debug/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -260,7 +260,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
260260
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/outline" class="db link fw6 blue dim">MDN - Outline</a>
261261
</div>
262262
</div>
263-
<section class="bg-near-white black-70 pt4 pv4">
263+
<section class="bg-near-white black-70 pt4 pv4 overflow-container">
264264
<header class="ph3 ph5-ns pt4">
265265
<kbd class="yellow">src/_debug-children.css</kbd>
266266
</header>
@@ -276,7 +276,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
276276
</code>
277277
</pre>
278278
</section>
279-
<section class="bg-near-white black-70 pbxl">
279+
<section class="bg-near-white black-70 pb5 overflow-container">
280280
<header class="ph3 ph5-ns">
281281
<kbd class="yellow">src/_debug.css</kbd>
282282
</header>

‎src/templates/docs/display/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
148148
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display" class="link fw6 blue dim">MDN - Box Sizing</a>
149149
</div>
150150
</div>
151-
<section class="bg-near-white black-70 pt4 pb5">
151+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
152152
<header class="ph3 ph5-ns pt4">
153153
<kbd class="yellow">src/_display.css</kbd>
154154
</header>

‎src/templates/docs/floats/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
8585
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/floats" class="link fw6 blue dim">MDN - Floats</a>
8686
</div>
8787
</div>
88-
<section class="bg-near-white black-70 pt4 pb5">
88+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
8989
<header class="ph3 ph5-ns pt4">
9090
<kbd class="yellow">src/_floats.css</kbd>
9191
</header>

‎src/templates/docs/font-family/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
8282
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-family" class="link fw6 blue dim">MDN - Font Family</a>
8383
</div>
8484
</div>
85-
<section class="bg-near-white black-70 pt4 pb5">
85+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
8686
<header class="ph3 ph5-ns pt4">
8787
<kbd class="yellow">src/_font-families.css</kbd>
8888
</header>

‎src/templates/docs/font-style/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
7070
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="link fw6 blue dim">MDN - Font Weight</a>
7171
</div>
7272
</div>
73-
<section class="bg-near-white black-70 pt4 pb5">
73+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
7474
<header class="ph3 ph5-ns pt4">
7575
<kbd class="yellow">src/_font-style.css</kbd>
7676
</header>

‎src/templates/docs/font-weight/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
8181
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="link fw6 blue dim">MDN - Font Weight</a>
8282
</div>
8383
</div>
84-
<section class="bg-near-white black-70 pt4 pb5">
84+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
8585
<header class="ph3 ph5-ns pt4">
8686
<kbd class="yellow">src/_font-weights.css</kbd>
8787
</header>

‎src/templates/docs/forms/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
6161
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus" class="link db fw6 blue dim">MDN - Focus</a>
6262
</div>
6363
</div>
64-
<section class="bg-near-white black-70 pt4 pb5">
64+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
6565
<header class="ph3 ph5-ns pt4">
6666
<kbd class="yellow">src/_links.css</kbd>
6767
</header>

‎src/templates/docs/heights/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
137137
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/height" class="link fw6 blue dim">MDN - Height</a>
138138
</div>
139139
</div>
140-
<section class="bg-near-white black-70 pt4 pb5">
140+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
141141
<header class="ph3 ph5-ns pt4">
142142
<kbd class="yellow">src/_heights.css</kbd>
143143
</header>

‎src/templates/docs/hovers/index.html

+9-5
Original file line numberDiff line numberDiff line change
@@ -51,15 +51,19 @@ <h3 class="f5 book pt4 caps">Dim Text</h3>
5151
</p>
5252
<h3 class="f5 book pt4 caps">Dim Card</h3>
5353
<p>
54-
<a href="#" class="link black mw5 db dim pas ba b--gray br2">
55-
<img src="http://placekitten.com/g/600/300" alt="KITTTTTTTY" class="db mbxs" />
54+
<a href="#" class="link black mw5 db dim pa2 ba b--black-20 br2">
55+
<img src="http://placekitten.com/g/600/300" alt="KITTTTTTTY" class="db mb2 mw-100" />
5656
<span class="db">Dim any element and its children</span>
5757
</a>
5858
</p>
5959
<h3 class="f5 book pt4 caps">Reveal Children on Hover</h3>
60-
<a href="#" class="link black mw5 dt hide-child ba b--gray br2" style="background-size: cover; background: transparent url(http://placekitten.com/g/700/300) no-repeat;">
61-
<span class="white b dtc v-mid child bg-black-40 ph4 pv5">Reveal children elements on hover</span>
60+
<a href="#" class="link black mw5 dt hide-child ba b--black-20 br2" style="background: transparent url(http://placekitten.com/g/700/300) no-repeat center center;background-size: cover; ">
61+
<span class="white b dtc v-mid w-100 h-100 child bg-black-40 ph4 pv5">Reveal children elements on hover</span>
6262
</a>
63+
<h3 class="f5 book pt4 caps">Add pointer on hover</h3>
64+
<div href="#" class="link dim black mw5 dt hide-child ba b--black-20 pa4 br2 pointer">
65+
Add pointer on hover to element.
66+
</div>
6367
<div class="mt5 cf">
6468
<div class="dib mr4">
6569
<h1 class="f4 ttu tracked fw6">Previous</h1>
@@ -76,7 +80,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
7680
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus" class="link db fw6 blue dim">MDN - Focus</a>
7781
</div>
7882
</div>
79-
<section class="bg-near-white black-70 pt4 pb5">
83+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
8084
<header class="ph3 ph5-ns pt4">
8185
<kbd class="yellow">src/_hovers.css</kbd>
8286
</header>

‎src/templates/docs/line-height/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
8989
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/line-height" class="link fw6 blue dim">MDN - Line Height</a>
9090
</div>
9191
</div>
92-
<section class="bg-near-white black-70 pt4 pb5">
92+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
9393
<header class="ph3 ph5-ns pt4">
9494
<kbd class="yellow">src/_line-height.css</kbd>
9595
</header>

‎src/templates/docs/links/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
6666
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus" class="link db fw6 blue dim">MDN - Focus</a>
6767
</div>
6868
</div>
69-
<section class="bg-near-white black-70 pt4 pb5">
69+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
7070
<header class="ph3 ph5-ns pt4">
7171
<kbd class="yellow">src/_links.css</kbd>
7272
</header>

‎src/templates/docs/lists/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ <h1 class="f6 f5-ns ttu tracked fw6 gray">Reference</h1>
6767
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type" class="f5 f4-ns link db fw6 blue dim">MDN - List Style Type</a>
6868
</div>
6969
</div>
70-
<section class="bg-near-white black-70 pt4 pb5">
70+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
7171
<header class="ph3 ph5-ns pt4">
7272
<kbd class="yellow">src/_lists.css</kbd>
7373
</header>

‎src/templates/docs/max-widths/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -196,7 +196,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
196196
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/max-width" class="link fw6 blue dim">MDN - Max Width</a>
197197
</div>
198198
</div>
199-
<section class="bg-near-white black-70 pt4 pb5">
199+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
200200
<header class="ph3 ph5-ns pt4">
201201
<kbd class="yellow">src/_max-widths.css</kbd>
202202
</header>

‎src/templates/docs/measure/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -212,7 +212,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
212212
<a href="http://webtypography.net/2.1.2" class="link fw6 blue dim">Choose a Comfortable Measure</a>
213213
</div>
214214
</div>
215-
<section class="bg-near-white black-70 pt4 pb5">
215+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
216216
<header class="ph3 ph5-ns pt4">
217217
<kbd class="yellow">src/_typography.css</kbd>
218218
</header>

‎src/templates/docs/opacity/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
8383
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/opacity" class="db link fw6 blue dim">MDN - Opacity CSS</a>
8484
</div>
8585
</div>
86-
<section class="bg-near-white black-70 pt4 pb5">
86+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
8787
<header class="ph3 ph5-ns pt4">
8888
<kbd class="yellow">src/_opacity.css</kbd>
8989
</header>

‎src/templates/docs/position/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
111111
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/left" class="link fw6 blue dim db">MDN - Left</a>
112112
</div>
113113
</div>
114-
<section class="bg-near-white black-70 pt4 pb5">
114+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
115115
<header class="ph3 ph5-ns pt4">
116116
<kbd class="yellow">src/_position.css</kbd>
117117
</header>

‎src/templates/docs/skins/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
8484
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius" class="link fw6 blue dim">MDN - Border Radius</a>
8585
</div>
8686
</div>
87-
<section class="bg-near-white black-70 pt4 pb5">
87+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
8888
<header class="ph3 ph5-ns pt4">
8989
<kbd class="yellow">src/_skins.css</kbd>
9090
</header>

‎src/templates/docs/spacing/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -190,7 +190,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
190190
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="link fw6 blue dim">MDN - Padding</a>
191191
</div>
192192
</div>
193-
<section class="bg-near-white black-70 pt4 pb5">
193+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
194194
<header class="ph3 ph5-ns pt4">
195195
<kbd class="yellow">src/_spacing.css</kbd>
196196
</header>

‎src/templates/docs/text-align/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
7070
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-align" class="link fw6 blue dim">MDN - Text Align</a>
7171
</div>
7272
</div>
73-
<section class="bg-near-white black-70 pt4 pb5">
73+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
7474
<header class="ph3 ph5-ns pt4">
7575
<kbd class="yellow">src/_text-align.css</kbd>
7676
</header>

‎src/templates/docs/text-decoration/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
6666
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="link fw6 blue dim">MDN - Text Decoration</a>
6767
</div>
6868
</div>
69-
<section class="bg-near-white black-70 pt4 pb5">
69+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
7070
<header class="ph3 ph5-ns pt4">
7171
<kbd class="yellow">src/_text-decoration.css</kbd>
7272
</header>

‎src/templates/docs/text-transform/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
6868
</div>
6969
</div>
7070

71-
<section class="bg-near-white black-70 pt4 pb5">
71+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
7272
<header class="ph3 ph5-ns pt4">
7373
<kbd class="yellow">src/_text-transform.css</kbd>
7474
</header>

‎src/templates/docs/tracking/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
7070
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing" class="link fw6 blue dim">MDN - Letter Spacing</a>
7171
</div>
7272
</div>
73-
<section class="bg-near-white black-70 pt4 pb5">
73+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
7474
<header class="ph3 ph5-ns pt4">
7575
<kbd class="yellow">src/_letter-spacing.css</kbd>
7676
</header>

‎src/templates/docs/type-scale/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
138138
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="link fw6 blue dim">MDN - Font-size</a>
139139
</div>
140140
</div>
141-
<section class="bg-near-white black-70 pt4 pb5">
141+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
142142
<header class="ph3 ph5-ns pt4">
143143
<kbd class="yellow">src/_type-scale.css</kbd>
144144
</header>

‎src/templates/docs/vertical-align/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
107107
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align" class="link fw6 blue dim">MDN - Vertical Align</a>
108108
</div>
109109
</div>
110-
<section class="bg-near-white black-70 pt4 pb5">
110+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
111111
<header class="ph3 ph5-ns pt4">
112112
<kbd class="yellow">src/_vertical-align.css</kbd>
113113
</header>

‎src/templates/docs/white-space/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
114114
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/white-space" class="link fw6 blue dim">MDN - White Space</a>
115115
</div>
116116
</div>
117-
<section class="bg-near-white black-70 pt4 pb5">
117+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
118118
<header class="ph3 ph5-ns pt4">
119119
<kbd class="yellow">src/_white-space.css</kbd>
120120
</header>

‎src/templates/docs/widths/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
158158
<a href="https://developer.mozilla.org/en/docs/Web/CSS/width" class="link fw6 blue dim">MDN - Width property</a>
159159
</div>
160160
</div>
161-
<section class="bg-near-white black-70 pt4 pb5">
161+
<section class="bg-near-white black-70 pt4 pb5 overflow-container">
162162
<header class="ph3 ph5-ns pt4">
163163
<kbd class="yellow">src/_widths.css</kbd>
164164
</header>

0 commit comments

Comments
 (0)