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

Travis build: 715

Browse Source
This commit is contained in:
30secondsofcode
2020-03-09 17:58:00 +00:00
parent 65dfd45e97
commit e196fe5f37
2 changed files with 0 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
snippet_data/snippetList.json
View File

@ -60,20 +60,6 @@
"hash": "5454e3c5fb06cc5b7bc36d37ef41be684766aae122214cc34023e225c76fa454"
}
},
{
"id": "calc",
"type": "snippetListing",
"title": "Calc()",
"attributes": {
"text": "The function calc() allows to define CSS values with the use of mathematical expressions, the value adopted for the property is the result of a mathematical expression.\n\n",
"tags": [
"other"
]
},
"meta": {
"hash": "8165e64d1bca7ae3bb0c990712023720dff55c2f6194b557a131901d528be4b7"
}
},
{
"id": "circle",
"type": "snippetListing",
@ -163,20 +149,6 @@
"hash": "1c29d55847263d12852dfd752653287237c885cadb369ee3db28701029f8bcc2"
}
},
{
"id": "custom-variables",
"type": "snippetListing",
"title": "Custom variables",
"attributes": {
"text": "CSS variables that contain specific values to be reused throughout a document.\n\n",
"tags": [
"other"
]
},
"meta": {
"hash": "7a0d1c46beceb336265b2ca27a4f3cf25ad332a5cd2e8c0b692a43ce5b329fef"
}
},
{
"id": "disable-selection",
"type": "snippetListing",

60
snippet_data/snippets.json
View File

@ -124,36 +124,6 @@
"authorCount": 3
}
},
{
"id": "calc",
"title": "Calc()",
"type": "snippet",
"attributes": {
"fileName": "calc.md",
"text": "The function calc() allows to define CSS values with the use of mathematical expressions, the value adopted for the property is the result of a mathematical expression.\n\n",
"explanation": "\n\n1. It allows addition, subtraction, multiplication and division.\n2. Can use different units (pixel and percent together, for example) for each value in your expression.\n3. It is permitted to nest calc() functions.\n4. It can be used in any property that `<length>`, `<frequency>`, `<angle>`, `<time>`, `<number>`, `<color>`, or `<integer>` is allowed, like width, height, font-size, top, left, etc.\n\n",
"browserSupport": {
"text": "\n\n- https://caniuse.com/#feat=calc\n",
"supportPercentage": 100
},
"codeBlocks": {
"html": "<div class=\"box-example\"></div>",
"css": ".box-example {\n height: 280px;\n background: #222 url('https://image.ibb.co/fUL9nS/wolf.png') no-repeat;\n background-position: calc(100% - 20px) calc(100% - 20px);\n}",
"js": "",
"scopedCss": "[data-scope=\"calc\"] .box-example {\n height: 280px;\n background: #222 url(\"https://image.ibb.co/fUL9nS/wolf.png\") no-repeat;\n background-position: calc(100% - 20px) calc(100% - 20px); }\n"
},
"tags": [
"other"
]
},
"meta": {
"hash": "8165e64d1bca7ae3bb0c990712023720dff55c2f6194b557a131901d528be4b7",
"firstSeen": "1523406541",
"lastUpdated": "1566813829",
"updateCount": 10,
"authorCount": 5
}
},
{
"id": "circle",
"title": "Circle",
@ -339,36 +309,6 @@
"authorCount": 6
}
},
{
"id": "custom-variables",
"title": "Custom variables",
"type": "snippet",
"attributes": {
"fileName": "custom-variables.md",
"text": "CSS variables that contain specific values to be reused throughout a document.\n\n",
"explanation": "\n\n- The variables are defined globally within the `:root` CSS pseudo-class which matches the root element of a tree representing the document. Variables can also be scoped to a selector if defined within the block.\n- Declare a variable with `--variable-name:`.\n- Reuse variables throughout the document using the `var(--variable-name)` function.\n\n",
"browserSupport": {
"text": "\n\n- https://caniuse.com/#feat=css-variables\n",
"supportPercentage": 97.16
},
"codeBlocks": {
"html": "<p class=\"custom-variables\">CSS is awesome!</p>",
"css": ":root {\n /* Place variables within here to use the variables globally. */\n}\n\n.custom-variables {\n --some-color: #da7800;\n --some-keyword: italic;\n --some-size: 1.25em;\n --some-complex-value: 1px 1px 2px whitesmoke, 0 0 1em slategray, 0 0 0.2em slategray;\n color: var(--some-color);\n font-size: var(--some-size);\n font-style: var(--some-keyword);\n text-shadow: var(--some-complex-value);\n}",
"js": "",
"scopedCss": "[data-scope=\"custom-variables\"] :root {\n /* Place variables within here to use the variables globally. */ }\n\n[data-scope=\"custom-variables\"] .custom-variables {\n --some-color: #da7800;\n --some-keyword: italic;\n --some-size: 1.25em;\n --some-complex-value: 1px 1px 2px whitesmoke, 0 0 1em slategray, 0 0 0.2em slategray;\n color: var(--some-color);\n font-size: var(--some-size);\n font-style: var(--some-keyword);\n text-shadow: var(--some-complex-value); }\n"
},
"tags": [
"other"
]
},
"meta": {
"hash": "7a0d1c46beceb336265b2ca27a4f3cf25ad332a5cd2e8c0b692a43ce5b329fef",
"firstSeen": "1520023750",
"lastUpdated": "1566813829",
"updateCount": 13,
"authorCount": 5
}
},
{
"id": "disable-selection",
"title": "Disable selection",