gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove hover state requirement

Browse Source
This commit is contained in:
MANISH-GIRI
2017-02-06 14:50:31 -05:00
parent 01e4f491b4
commit 9dc5617f7f
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
seed/challenges/01-responsive-web-design/applied-visual-design.json
View File

@ -698,7 +698,7 @@
"Here's an example of the CSS to create multiple shadows with some blur, at mostly-transparent black colors:", "Here's an example of the CSS to create multiple shadows with some blur, at mostly-transparent black colors:",
"<blockquote>box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);</blockquote>", "<blockquote>box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);</blockquote>",
"<hr>", "<hr>",
"Use the example CSS values above to place a <code>box-shadow</code> on the card. The element now has an id of <code>thumbnail</code>, use this selector to place the shadows for the hover state." "The element now has an id of <code>thumbnail</code>. With this selector, use the example CSS values above to place a <code>box-shadow</code> on the card."
], ],
"challengeSeed": [ "challengeSeed": [
"<style>", "<style>",
@ -749,13 +749,11 @@
"</div>" "</div>"
], ],
"tests": [ "tests": [
"assert(code.match(/#thumbnail:hover\\s*?{\\s*?box-shadow/g), 'message: Your code should add a <code>box-shadow</code> property for the <code>thumbnail</code> id on its hover state.');", "assert(code.match(/#thumbnail\\s*?{\\s*?box-shadow/g), 'message: Your code should add a <code>box-shadow</code> property for the <code>thumbnail</code> id.');",
"assert(code.match(/box-shadow:\\s*?0\\s+?10px\\s+?20px\\s+?rgba\\(\\s*?0\\s*?,\\s*?0\\s*?,\\s*?0\\s*?,\\s*?0?\\.19\\),\\s*?0\\s+?6px\\s+?6px\\s+?rgba\\(\\s*?0\\s*?,\\s*?0\\s*?,\\s*?0\\s*?,\\s*?0?\\.23\\)/gi), 'message: You should use the given CSS for the <code>box-shadow</code> value.');" "assert(code.match(/box-shadow:\\s*?0\\s+?10px\\s+?20px\\s+?rgba\\(\\s*?0\\s*?,\\s*?0\\s*?,\\s*?0\\s*?,\\s*?0?\\.19\\),\\s*?0\\s+?6px\\s+?6px\\s+?rgba\\(\\s*?0\\s*?,\\s*?0\\s*?,\\s*?0\\s*?,\\s*?0?\\.23\\)/gi), 'message: You should use the given CSS for the <code>box-shadow</code> value.');"
], ],
"solutions": [], "solutions": [],
"hints": [ "hints": [],
"Remember to use the appropriate pseudo-class selector to place the box-shadows only on the hover state."
],
"type": "waypoint", "type": "waypoint",
"challengeType": 0, "challengeType": 0,
"translations": {} "translations": {}