We're going to use CSS (nothing else needed!) to create a standard pull quote format for Daily content! This means your work will be used and seen A LOT. Awesome!
To get started, pull the branch "150-standard-pullquote-style" from our stanforddaily repo. I've already commented the line where you will want to start your work. (It's line 72 in the file "ContentViewStyles.tsx.") This file imposes CSS styles on specific HTML elements that appear in our content. In the file you'll see that there are already styles for HTML elements like li, h2 and a, for instance.
We will be applying styles to the blockquote HTML element.
Feel free to experiment! You can write multiple different sets of styles and just "comment out" (remember in VS Code you can press "cmd + /" to turn a highlighted line or lines of code into a comment) the styles you aren't using at any particular time.
There are lots of great CSS resources online, and you can search things like "CSS styles for pullquote" if you're looking for inspiration. Of course, you can also just looking for pictures and use your CSS skills to incorporate patterns you're seeing.
Please don't hesitate to reach out with any questions or concerns. And have fun!
We're going to use CSS (nothing else needed!) to create a standard pull quote format for Daily content! This means your work will be used and seen A LOT. Awesome!
To get started, pull the branch "150-standard-pullquote-style" from our stanforddaily repo. I've already commented the line where you will want to start your work. (It's line 72 in the file "ContentViewStyles.tsx.") This file imposes CSS styles on specific HTML elements that appear in our content. In the file you'll see that there are already styles for HTML elements like li, h2 and a, for instance.
We will be applying styles to the blockquote HTML element.
Feel free to experiment! You can write multiple different sets of styles and just "comment out" (remember in VS Code you can press "cmd + /" to turn a highlighted line or lines of code into a comment) the styles you aren't using at any particular time.
There are lots of great CSS resources online, and you can search things like "CSS styles for pullquote" if you're looking for inspiration. Of course, you can also just looking for pictures and use your CSS skills to incorporate patterns you're seeing.
Please don't hesitate to reach out with any questions or concerns. And have fun!