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
|
||||
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.
|
||||
|
||||

|
||||
Studio](/img/blog/studio-frontend-assets-table.jpg)
|
||||
|
||||
## 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.
|
||||
|
||||

|
||||
Studio](/img/blog/studio-frontend-style-isolation.jpg)
|
||||
|
||||
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
|
||||
@@ -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
|
||||
|
||||
|
||||
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 |