{"payload":{"feedbackUrl":"https://github.com/orgs/community/discussions/53140","repo":{"id":624756854,"defaultBranch":"main","name":"color-markers","ownerLogin":"amit-katyal","currentUserCanPush":false,"isFork":false,"isEmpty":false,"createdAt":"2023-04-07T07:23:48.000Z","ownerAvatar":"https://avatars.githubusercontent.com/u/89385446?v=4","public":true,"private":false,"isOrgOwned":false},"refInfo":{"name":"","listCacheKey":"v0:1680852229.0","currentOid":""},"activityList":{"items":[{"before":"d9f090541d022cfd8edb37f7ae994990209d896c","after":"8f37a745e03681010cfebda33096b4b4b1986157","ref":"refs/heads/main","pushedAt":"2023-04-08T12:24:01.000Z","pushType":"push","commitsCount":3,"pusher":{"login":"amit-katyal","name":"Amit Katyal","path":"/amit-katyal","primaryAvatarUrl":"https://avatars.githubusercontent.com/u/89385446?s=80&v=4"},"commit":{"message":"Update README.md","shortMessageHtmlLink":"Update README.md"}},{"before":"cf5bb4d6b033c8c833e735a89e4a4063953a2391","after":"d9f090541d022cfd8edb37f7ae994990209d896c","ref":"refs/heads/main","pushedAt":"2023-04-08T11:48:58.000Z","pushType":"push","commitsCount":12,"pusher":{"login":"amit-katyal","name":"Amit Katyal","path":"/amit-katyal","primaryAvatarUrl":"https://avatars.githubusercontent.com/u/89385446?s=80&v=4"},"commit":{"message":"Improve .blue box-shadow color using hsla","shortMessageHtmlLink":"Improve .blue box-shadow color using hsla"}},{"before":"f35378cdda9b2a39901178694d9537d34cfe29d4","after":"cf5bb4d6b033c8c833e735a89e4a4063953a2391","ref":"refs/heads/main","pushedAt":"2023-04-08T11:12:22.000Z","pushType":"push","commitsCount":3,"pusher":{"login":"amit-katyal","name":"Amit Katyal","path":"/amit-katyal","primaryAvatarUrl":"https://avatars.githubusercontent.com/u/89385446?s=80&v=4"},"commit":{"message":"Replace f35378c fad9957 e389a6e with border-left\n\nThe border-left shorthand property lets you to set the left border's width, style, and color at the same time.\n\nHere is the syntax:\n\nborder-left: width style color;\nIn the .sleeve CSS rule, replace the border-left-width, border-left-style, and border-left-color properties with the border-left shorthand property. The values for the width, style, and color of the left border should be the same.","shortMessageHtmlLink":"Replace <a class=\"commit-link\" data-hovercard-type=\"commit\" data-hovercard-url=\"https://github.com/amit-katyal/color-markers/commit/f35378cdda9b2a39901178694d9537d34cfe29d4/hovercard\" href=\"https://github.com/amit-katyal/color-markers/commit/f35378cdda9b2a39901178694d9537d34cfe29d4\"><tt>f35378c</tt></a> <a class=\"commit-link\" data-hovercard-type=\"commit\" data-hovercard-url=\"https://github.com/amit-katyal/color-markers/commit/fad995790747b25f917ace78f67f471a08c67963/hovercard\" href=\"https://github.com/amit-katyal/color-markers/commit/fad995790747b25f917ace78f67f471a08c67963\"><tt>fad9957</tt></a> <a class=\"commit-link\" data-hovercard-type=\"commit\" data-hovercard-url=\"https://github.com/amit-katyal/color-markers/commit/e389a6ea3d7cb54013872a9a07a2fc7b5803578e/hovercard\" href=\"https://github.com/amit-katyal/color-markers/commit/e389a6ea3d7cb54013872a9a07a2fc7b5803578e\"><tt>e389a6e</tt></a> with border-left"}},{"before":"7e27490c6c8630508122714429b1d56bdc80a2a3","after":"f35378cdda9b2a39901178694d9537d34cfe29d4","ref":"refs/heads/main","pushedAt":"2023-04-08T11:01:56.000Z","pushType":"push","commitsCount":17,"pusher":{"login":"amit-katyal","name":"Amit Katyal","path":"/amit-katyal","primaryAvatarUrl":"https://avatars.githubusercontent.com/u/89385446?s=80&v=4"},"commit":{"message":"Add border-left-width 10px to .sleeve\n\nAll HTML elements have borders, though they're usually set to none by default. With CSS, you can control all aspects of an element's border, and set the border on all sides, or just one side at a time. For a border to be visible, you need to set its width and style.\n\nIn the .sleeve CSS rule, add the border-left-width property with the value 10px.","shortMessageHtmlLink":"Add border-left-width 10px to .sleeve"}},{"before":"7ff48616bbdcb600f9ebdc6a109b11eb4265b6ef","after":"7e27490c6c8630508122714429b1d56bdc80a2a3","ref":"refs/heads/main","pushedAt":"2023-04-08T09:50:54.000Z","pushType":"push","commitsCount":14,"pusher":{"login":"amit-katyal","name":"Amit Katyal","path":"/amit-katyal","primaryAvatarUrl":"https://avatars.githubusercontent.com/u/89385446?s=80&v=4"},"commit":{"message":"Remove linear-gradient color-stops in .red\n\nEven without the color-stops, you might have noticed that the colors for the green marker transition at the same points as the red marker. The first color is at the start (0%), the second is in the middle (50%), and the last is at the end (100%) of the gradient line.\n\nThe linear-gradient function automatically calculates these values for you, and places colors evenly along the gradient line by default.\n\nIn the .red CSS rule, remove the three color stops from the linear-gradient function to clean up your code a bit.","shortMessageHtmlLink":"Remove linear-gradient color-stops in .red"}},{"before":"a6a3690bbd09a4d6701e435af13543dc184eeb31","after":"7ff48616bbdcb600f9ebdc6a109b11eb4265b6ef","ref":"refs/heads/main","pushedAt":"2023-04-07T09:18:22.000Z","pushType":"push","commitsCount":11,"pusher":{"login":"amit-katyal","name":"Amit Katyal","path":"/amit-katyal","primaryAvatarUrl":"https://avatars.githubusercontent.com/u/89385446?s=80&v=4"},"commit":{"message":"Change .red background to linear-gradient()\n\nThe linear-gradient function is very flexible -- here is the basic syntax you'll use in this tutorial:\n\nlinear-gradient(gradientDirection, color1, color2, ...);\n\ngradientDirection is the direction of the line used for the transition. color1 and color2 are color arguments, which are the colors that will be used in the transition itself. These can be any type of color, including color keywords, hex, rgb, or hsl.\n\nNow you'll apply a red-to-green gradient along a 90 degree line to the first marker.\n\nFirst, in the .red CSS rule, set the background property to linear-gradient(), and pass it the value 90deg as the gradientDirection.","shortMessageHtmlLink":"Change .red background to linear-gradient()"}},{"before":"8a00921cea32e2245950a7f9d833903207a8301f","after":"a6a3690bbd09a4d6701e435af13543dc184eeb31","ref":"refs/heads/main","pushedAt":"2023-04-07T08:46:39.000Z","pushType":"push","commitsCount":38,"pusher":{"login":"amit-katyal","name":"Amit Katyal","path":"/amit-katyal","primaryAvatarUrl":"https://avatars.githubusercontent.com/u/89385446?s=80&v=4"},"commit":{"message":"Change h1 background-color to cyan rgb\n\nNotice that the red and cyan colors are very bright right next to each other. This contrast can be distracting if it's overused on a website, and can make text hard to read if it's placed on a complementary-colored background.\n\nIt's better practice to choose one color as the dominant color, and use its complementary color as an accent to bring attention to certain content on the page.\n\nFirst, in the h1 rule, use the rgb function to set its background-color to cyan.","shortMessageHtmlLink":"Change h1 background-color to cyan rgb"}},{"before":null,"after":"8a00921cea32e2245950a7f9d833903207a8301f","ref":"refs/heads/main","pushedAt":"2023-04-07T07:23:49.000Z","pushType":"branch_creation","commitsCount":0,"pusher":{"login":"amit-katyal","name":"Amit Katyal","path":"/amit-katyal","primaryAvatarUrl":"https://avatars.githubusercontent.com/u/89385446?s=80&v=4"},"commit":{"message":"Initial commit","shortMessageHtmlLink":"Initial commit"}}],"hasNextPage":false,"hasPreviousPage":false,"activityType":"all","actor":null,"timePeriod":"all","sort":"DESC","perPage":30,"cursor":"djE6ks8AAAADFKWtBAA","startCursor":null,"endCursor":null}},"title":"Activity · amit-katyal/color-markers"}