diff options
| author | s1nical <[email protected]> | 2019-08-06 19:25:11 -0700 |
|---|---|---|
| committer | s1nical <[email protected]> | 2019-08-06 19:25:11 -0700 |
| commit | 59fe2d6bfe29e51dd62053cd87ce40390c53a1db (patch) | |
| tree | 8c636d8d80c24c163d542c46acd16eb18ff6201e /css | |
| parent | add google analytics tracking code (diff) | |
| download | s1n.pw-admin-59fe2d6bfe29e51dd62053cd87ce40390c53a1db.tar.xz s1n.pw-admin-59fe2d6bfe29e51dd62053cd87ce40390c53a1db.zip | |
add glow to boxes, transitions
Diffstat (limited to 'css')
| -rw-r--r-- | css/main.css | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/css/main.css b/css/main.css index 1da9620..4d80342 100644 --- a/css/main.css +++ b/css/main.css @@ -124,12 +124,25 @@ main { a {
color: inherit;
text-decoration: none;
- background: #ffdc73; /* hsl(200, 100%, 80% */
+ background-color: #ffdc73; /* hsl(200, 100%, 80% */
+ box-shadow:
+ 0 7px 30px -10px #ffdc73,
+ 0 7px 30px -10px #ffdc73;
+ transition: background-color 0.15s ease-in-out;
}
+/* #ffdc73 box-shadow should usually be only box-shadow, but I made it two so it would be more visable.
+// Secondary box-shadow, rgba(154,160,185,0.05)
+*/
+
a:hover,
a:focus {
outline: none;
- background: #282936;
+ background-color: #282936;
color: #fff;
+ transition: color 0.15s ease-in-out;
+ box-shadow:
+ 0 7px 30px -10px #282936, /* rgba(154,160,185,0.05) */
+ 0 7px 30px -10px #282936; /* rgba(166,173,201,0.2) */
+ transition: box-shadow 0.15s ease-in-out;
}
|