add climbs to track detail page

1 files changed, 51 insertions, 0 deletions

diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss
index 374f5fe..85062a9 100644
--- a/asset-sources/theme.scss
+++ b/asset-sources/theme.scss
@@ -176,6 +176,57 @@ strong {
   cursor: pointer;
 }
 
+/* Climbs! */
+.climbs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1em;
+}
+
+.climb {
+  width: 300px;
+}
+
+.climb-category {
+  float: right;
+  border: 3px solid;
+  border-radius: 5px;
+  min-width: 1.5em;
+  text-align: center;
+  font-size: 80%;
+}
+
+.climb-category-4 {
+  border-color: #99ae36;
+  background-color: #D4E09B;
+  color: #000;
+}
+
+.climb-category-3 {
+  border-color: #8a7b3e;
+  background-color: #C8BB84;
+  color: #000;
+}
+
+.climb-category-2 {
+  border-color: #7a5a38;
+  background-color: #BC956D;
+  color: #fff;
+}
+
+.climb-category-1 {
+  border-color: #6b4332;
+  background-color: #B07056;
+  color: #fff;
+}
+
+.climb-category-0 {
+  border-color: #622c26;
+  background-color: #A44A3F;
+  color: #fff;
+}
+/* </Climbs> */
+
 .count-field {
   width: 50px;
   display: inline-block;