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

Improve colors of snippets

Browse Source
This commit is contained in:
atomiks
2018-03-01 18:18:08 +10:00
parent 0652370731
commit 71016d7938
6 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
snippets/box-sizing-reset.md
View File

@ -27,9 +27,9 @@ html {
box-sizing: border-box;
width: 200px;
padding: 1.5em;
color: #000;
color: #7983ff;
font-family: sans-serif;
background-color: #ccc;
background-color: white;
border: 5px solid;
}
</style>

16
snippets/donut-spinner.md
View File

@ -17,11 +17,11 @@ Creates a donut spinner that can be used to indicate the loading of content.
}
.donut {
display: inline-block;
border: 4px solid rgba(0, 0, 0, 0.25);
border-left-color: blue;
border: 4px solid rgba(0, 0, 0, 0.1);
border-left-color: #7983ff;
border-radius: 50%;
width: 20px;
height: 20px;
width: 30px;
height: 30px;
animation: donut-spin 1.2s linear infinite;
}
```
@ -39,11 +39,11 @@ Creates a donut spinner that can be used to indicate the loading of content.
}
.snippet-demo__donut-spinner {
display: inline-block;
border: 4px solid rgba(0, 0, 0, 0.25);
border-left-color: blue;
border: 4px solid rgba(0, 0, 0, 0.1);
border-left-color: #7983ff;
border-radius: 50%;
width: 20px;
height: 20px;
width: 30px;
height: 30px;
animation: snippet-demo__donut-spin 1.2s linear infinite;
}
</style>

4
snippets/mouse-cursor-gradient-tracking.md
View File

@ -17,7 +17,7 @@ A hover effect where the gradient follows the mouse cursor.
```css
.mouse-cursor-gradient-tracking {
position: relative;
background: #2379f7;
background: #7983ff;
padding: 0.5rem 1rem;
font-size: 1.2rem;
border: none;
@ -72,7 +72,7 @@ btn.onmousemove = function (e) {
<style>
.snippet-demo__mouse-cursor-gradient-tracking {
position: relative;
background: #2379f7;
background: #7983ff;
padding: 0.5rem 1rem;
font-size: 1.2rem;
border: none;