Use jpg instead of png in latest post
Also update assets table screenshot to latest changes.
@@ -116,7 +116,7 @@ provide their own Bootstrap theme.
|
|||||||
|
|
||||||
|
|
||||||

|
Storybook](/img/blog/paragon-modal-storybook.jpg)
|
||||||
|
|
||||||
Studio-frontend composes together Paragon components into higher-level
|
Studio-frontend composes together Paragon components into higher-level
|
||||||
components like [an accessibility
|
components like [an accessibility
|
||||||
@@ -128,7 +128,7 @@ the base Paragon components. Other teams at edX using the same components were
|
|||||||
able to receive the same improvements with a single package update.
|
able to receive the same improvements with a single package update.
|
||||||
|
|
||||||

|
Studio](/img/blog/studio-frontend-assets-table.jpg)
|
||||||
|
|
||||||
## Integration with Studio
|
## Integration with Studio
|
||||||
|
|
||||||
@@ -183,7 +183,7 @@ leaking outside of the studio-frontend embedded component `div` and affecting
|
|||||||
the rest of the Studio page around it.
|
the rest of the Studio page around it.
|
||||||
|
|
||||||

|
Studio](/img/blog/studio-frontend-style-isolation.jpg)
|
||||||
|
|
||||||
We were able to prevent styles leaking outside of the studio-frontend component
|
We were able to prevent styles leaking outside of the studio-frontend component
|
||||||
by scoping all CSS to only the `div` that wraps the component. Thanks to the
|
by scoping all CSS to only the `div` that wraps the component. Thanks to the
|
||||||
@@ -340,7 +340,7 @@ has to be configured on the webpack-dev-server to get around CORS violations.
|
|||||||
|
|
||||||

|
network](/img/blog/studio-frontend-docker-devstack.jpg)
|
||||||
|
|
||||||
## Deploying to Production
|
## Deploying to Production
|
||||||
|
|
||||||
|
|||||||
BIN
img/blog/paragon-modal-storybook.jpg
Normal file
|
After Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 82 KiB |
BIN
img/blog/studio-frontend-assets-table.jpg
Normal file
|
After Width: | Height: | Size: 95 KiB |
|
Before Width: | Height: | Size: 200 KiB |
BIN
img/blog/studio-frontend-docker-devstack.jpg
Normal file
|
After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 13 KiB |
BIN
img/blog/studio-frontend-style-isolation.jpg
Normal file
|
After Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 20 KiB |