[ad_1]
\n<\/p>\n
\nAs mentioned in the question, say one of these front end libraries were to update their UI components, would these changes reflect in my app or is it version dependent?<\/p>\n<\/blockquote>\n
Oh, yes, the appearance of your site will definitely<\/strong> change.<\/p>\n
Suppose you had this CSS library:<\/p>\n
.ui {\n font-family:system-ui;\n}\nbody {\n background-image:url(\"\/some\/image\/and\/the\/file.jpg\");\n background-attachment:fixed;\n}\n<\/code><\/pre>\nOnce you apply this style to your site, your HTML document body would have a background image of
\/some\/image\/and\/the\/file.jpg<\/code>.<\/p>\nBut suppose the creators of the library changed it to…<\/p>\n
@0:0, 20:0;\n... <continued>\nbody {\n background-image:url(\"\/some\/image\/and\/the\/other\/file.jpg\");\n background-attachment:fixed;\n}\n<\/code><\/pre>\nThis would change your site’s background image.<\/p>\n
If you can’t try it out on your own, run the two snippets below.<\/p>\n
\n
- Snippet #1:<\/li>\n<\/ul>\n
\n\nbody {\n font-family:Monaco, Consolas, monospace;\n background-color:blue;\n color:white;\n overflow:hidden;\n}<\/code><\/pre>\n<code>A problem has been detected. This is fake, so Stack Snippets can continue.<\/code>\n<br><br>\n<code>Blah blah blah. Please blah blah blah and then blah blah blah.<\/code><\/code><\/pre>\n<\/div>\n<\/div>\nIt has a background color of blue, with a color of white, and a font-family of Monaco, Consolas, monospace.<\/p>\n
\n
- Snippet #2 (notice the change):<\/li>\n<\/ul>\n
\n\nbody {\n font-family:Consolas, \"Courier New\", monospace;\n background-color:cyan;\n color:black;\n overflow:hidden;\n}<\/code><\/pre>\n<code>A problem has been detected. This is fake, so Stack Snippets can continue.<\/code>\n<br><br>\n<code>Blah blah blah. Please blah blah blah and then blah blah blah.<\/code><\/code><\/pre>\n<\/div>\n<\/div>\nHere, the (hypothetical) library authors changed the font-family to Consolas, “Courier New”, monospace, set the background color to cyan, and made the text black.<\/p>\n
Because the library changed (and remember: libraries are just also normal CSS rulesets<\/strong>), the elements they modify also change.<\/p>\n
It’s just CSS. Nothing fancy. Changing CSS also does change the Web page it styles, doesn’t it?<\/p>\n
Question 2<\/h1>\n
\nIf for whatever reason one of these libraries were to cease to exist or cease to contribute, after having built an entire app around them, what would happen?<\/p>\n<\/blockquote>\n
\n
- If they ceased to contribute (i.e. continued as they were and did not change), your app would look the same. This is because the CSS styling (recall, again, CSS frameworks are just a huge collection of rulesets<\/strong>) it is the same.<\/li>\n
- If they ceased to work, then your site would be back to the styles you set. Let’s try removing the CSS from the snippet above:<\/li>\n<\/ul>\n