Skip to content
This repository was archived by the owner on Jan 6, 2025. It is now read-only.

Commit cf4a41a

Browse files
CaerusKaruThomasBurleson
authored andcommitted
chore(docs): replace image HTML with Markdown syntax
* Replace HTML in the docs with Markdown * Add description to links
1 parent d9edab8 commit cf4a41a

File tree

5 files changed

+6
-21
lines changed

5 files changed

+6
-21
lines changed

docs/documentation/Background.md

+1-5
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,7 @@ expands items to fill available free space, or shrinks them to prevent overflow.
1313
Now let's add these complexities the requirements that developers often want combine the CSS Flexbox API with CSS media
1414
queries in order to support responsive layouts. e.g.
1515

16-
```html
17-
<a href="" target="_blank">
18-
<img src="https://cloud.githubusercontent.com/assets/210413/20029960/fbbc0e62-a328-11e6-8045-c6532affc857.png">
19-
</a>
20-
```
16+
![CSS Flexbox example](https://cloud.githubusercontent.com/assets/210413/20029960/fbbc0e62-a328-11e6-8045-c6532affc857.png)
2117

2218
Unfortunately, developers manually implementing Flexbox CSS must become experts at both the syntax and the workarounds
2319
to accommodate browser-specific differences in Flexbox runtime support.

docs/documentation/Browser-Support.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,2 @@
1-
<a href="http://caniuse.com/#feat=flexbox" target="_blank">
2-
<img src="https://cloud.githubusercontent.com/assets/210413/21288118/917e3faa-c440-11e6-9b08-28aff590c7ae.png">
3-
</a>
1+
[![caniuse](https://cloud.githubusercontent.com/assets/210413/21288118/917e3faa-c440-11e6-9b08-28aff590c7ae.png)](http://caniuse.com/#feat=flexbox)
42

docs/documentation/Home.md

+2-9
Original file line numberDiff line numberDiff line change
@@ -23,15 +23,8 @@ this is!
2323

2424
Live Demo:
2525

26-
<a href="https://tburleson-layouts-demos.firebaseapp.com/#/stackoverflow" target="_blank">
27-
<img alt="Featured" src="https://cloud.githubusercontent.com/assets/210413/24045163/216dae9c-0aec-11e7-8b22-616a4328eca3.jpg"></img>
28-
</a>
26+
[![Featured](https://cloud.githubusercontent.com/assets/210413/24045163/216dae9c-0aec-11e7-8b22-616a4328eca3.jpg)](https://tburleson-layouts-demos.firebaseapp.com/#/stackoverflow)
2927

3028
Source Code:
3129

32-
<a href="https://github.com/angular/flex-layout/blob/master/src/demo-app/app/stack-overflow/columnSpan.demo.ts#L28" target="_blank" >
33-
<img src="https://cloud.githubusercontent.com/assets/210413/24045169/247bad3c-0aec-11e7-827a-6ece0775ff39.jpg" alt="Feature Source" >
34-
</img>
35-
</a>
36-
37-
30+
[![Feature Source](https://cloud.githubusercontent.com/assets/210413/24045169/247bad3c-0aec-11e7-827a-6ece0775ff39.jpg)](https://github.com/angular/flex-layout/blob/master/src/demo-app/app/stack-overflow/columnSpan.demo.ts#L28)

docs/documentation/Responsive-API.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,7 @@ Responsive layouts in material design adapt to any possible screen size. Google'
22
provide guidance that includes a flexible grid that ensures consistency across layouts, breakpoint details about how
33
content reflows on different screens, and a description of how an app can scale from small to extra-large screens.
44

5-
<a href="https://material.io/guidelines/layout/responsive-ui.html" target="_blank">
6-
<img src="http://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B8olV15J7abPSGFxemFiQVRtb1k/layout_adaptive_breakpoints_01.png">
7-
</a>
5+
[![Feature Source](http://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B8olV15J7abPSGFxemFiQVRtb1k/layout_adaptive_breakpoints_01.png)](https://material.io/guidelines/layout/responsive-ui.html)
86

97
## Enhancing the Static API
108

docs/documentation/fxFlex-API.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ available. The flex-grow value overrides the width.
1414
* **flex-shrink**: defines how much a flexbox item should **shrink** if there is **not enough** space available.
1515
* **flex-basis**: controls the default size of an element, before it is manipulated by other Flexbox properties
1616

17-
<img width="459" alt="screen shot 2017-02-21 at 10 53 18 pm" src="https://cloud.githubusercontent.com/assets/210413/23197825/9742cf4c-f888-11e6-8812-b287f8aad15f.png">
17+
[![fxFlex example](https://cloud.githubusercontent.com/assets/210413/21274996/6b640f8a-c390-11e6-87ac-ca85eb6c3983.png)](https://github.com/angular/flex-layout/blob/master/src/demo-app/app/stack-overflow/columnSpan.demo.ts#L23)
1818

1919
Note that the resizing occurs along the main-axis of the layout and maybe affected by the **fxLayoutAlign** options.
2020

0 commit comments

Comments
 (0)