Spaces:
Running
Running
Update src/app.css
Browse files- src/app.css +31 -0
src/app.css
CHANGED
|
@@ -99,3 +99,34 @@ html, body {
|
|
| 99 |
background: #e6e9ff;
|
| 100 |
box-shadow: 0 0 0 2px #b9c0ff inset;
|
| 101 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 99 |
background: #e6e9ff;
|
| 100 |
box-shadow: 0 0 0 2px #b9c0ff inset;
|
| 101 |
}
|
| 102 |
+
/* Image switcher buttons */
|
| 103 |
+
.switcher.imgs {
|
| 104 |
+
display: flex;
|
| 105 |
+
gap: 12px;
|
| 106 |
+
margin: 16px 0 12px;
|
| 107 |
+
}
|
| 108 |
+
.imgbtn {
|
| 109 |
+
display: inline-flex;
|
| 110 |
+
align-items: center;
|
| 111 |
+
gap: 10px;
|
| 112 |
+
border: 1px solid #ccd1ff;
|
| 113 |
+
background: var(--brand-white);
|
| 114 |
+
color: var(--brand-bg);
|
| 115 |
+
font-weight: 700;
|
| 116 |
+
padding: 8px 12px;
|
| 117 |
+
border-radius: 999px;
|
| 118 |
+
cursor: pointer;
|
| 119 |
+
transition: background .15s ease, box-shadow .15s ease, transform .02s ease;
|
| 120 |
+
}
|
| 121 |
+
.imgbtn img {
|
| 122 |
+
height: 28px;
|
| 123 |
+
width: auto;
|
| 124 |
+
display: block;
|
| 125 |
+
}
|
| 126 |
+
.imgbtn:hover { box-shadow: 0 0 0 2px rgba(185,192,255,.7) inset; }
|
| 127 |
+
.imgbtn:active { transform: translateY(1px); }
|
| 128 |
+
.imgbtn.selected,
|
| 129 |
+
.imgbtn[aria-selected="true"] {
|
| 130 |
+
background: #e6e9ff;
|
| 131 |
+
box-shadow: 0 0 0 2px #b9c0ff inset;
|
| 132 |
+
}
|