andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Travis build: 493

Browse Source
This commit is contained in:
30secondsofcode
2019-09-28 11:12:10 +00:00
parent ffa5481747
commit 826cc67f4a
3 changed files with 78 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
snippet_data/snippetList.json
View File

@ -212,6 +212,21 @@
"hash": "4e7f5ce479955deb9830ca4a72fc8260c8863aa65d6f67f15e88a3f923c10c3a"
}
},
{
"id": "drop-cap",
"type": "snippetListing",
"title": "Drop cap",
"attributes": {
"text": "Makes the first letter in the first paragraph bigger than the rest of the text - often used to signify the beginning of a new section.\n\n",
"tags": [
"visual",
"beginner"
]
},
"meta": {
"hash": "e7859bc139713ffe59a05904f6175e9578ad111ebe3405d58599846c44801606"
}
},
{
"id": "dynamic-shadow",
"type": "snippetListing",

27
snippet_data/snippets.json
View File

@ -392,6 +392,33 @@
"hash": "4e7f5ce479955deb9830ca4a72fc8260c8863aa65d6f67f15e88a3f923c10c3a"
}
},
{
"id": "drop-cap",
"title": "Drop cap",
"type": "snippet",
"attributes": {
"fileName": "drop-cap.md",
"text": "Makes the first letter in the first paragraph bigger than the rest of the text - often used to signify the beginning of a new section.\n\n",
"explanation": "\n\n- Use the `::first-letter` pseudo-element to style the first element of the paragraph, use the `:first-child` selector to select only the first paragraph.\n\n",
"browserSupport": {
"text": "\n\n- https://caniuse.com/#feat=first-letter\n",
"supportPercentage": 100
},
"codeBlocks": {
"html": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam commodo ligula quis tincidunt cursus. Integer consectetur tempor ex eget hendrerit. Cras facilisis sodales odio nec maximus. Pellentesque lacinia convallis libero, rhoncus tincidunt ante dictum at. Nullam facilisis lectus tellus, sit amet congue erat sodales commodo.</p>\n<p>Donec magna erat, imperdiet non odio sed, sodales tempus magna. Integer vitae orci lectus. Nullam consectetur orci at pellentesque efficitur.</p>",
"css": "p:first-child::first-letter {\n color: #5f79ff;\n float: left;\n margin: 0 8px 0 4px;\n font-size: 3rem;\n font-weight: bold;\n line-height: 1;\n}",
"js": "",
"scopedCss": "[data-scope=\"drop-cap\"] p:first-child::first-letter {\n color: #5f79ff;\n float: left;\n margin: 0 8px 0 4px;\n font-size: 3rem;\n font-weight: bold;\n line-height: 1; }\n"
},
"tags": [
"visual",
"beginner"
]
},
"meta": {
"hash": "e7859bc139713ffe59a05904f6175e9578ad111ebe3405d58599846c44801606"
}
},
{
"id": "dynamic-shadow",
"title": "Dynamic shadow",