aboutsummaryrefslogtreecommitdiffstats
path: root/scss/pysite/pages/main
diff options
context:
space:
mode:
authorGravatar Gareth Coles <[email protected]>2018-07-04 23:43:37 +0000
committerGravatar Gareth Coles <[email protected]>2018-07-04 23:43:37 +0000
commit6cd54614196129cc9c5c57ad5f9394a25e0f585d (patch)
tree3e34a5468aac7c588fefd51edb04a67e25794794 /scss/pysite/pages/main
parentUpdate channel listing (diff)
parentRevamp jam index, add winner team staff backend and user frontend (diff)
Merge branch 'momo/jam-winner' into 'master'
Revamp jam index, add winner team staff backend and user frontend See merge request python-discord/projects/site!14
Diffstat (limited to 'scss/pysite/pages/main')
-rw-r--r--scss/pysite/pages/main/jams/_index.scss29
-rw-r--r--scss/pysite/pages/main/jams/_team_list.scss18
2 files changed, 46 insertions, 1 deletions
diff --git a/scss/pysite/pages/main/jams/_index.scss b/scss/pysite/pages/main/jams/_index.scss
index 4be7e0de..a1f80162 100644
--- a/scss/pysite/pages/main/jams/_index.scss
+++ b/scss/pysite/pages/main/jams/_index.scss
@@ -1,3 +1,6 @@
+@import "variables";
+@import "../../../../uikit/variables";
+
$page_classes: (
page-main-jams-index,
);
@@ -11,5 +14,31 @@ $page_classes: (
.theme-label {
margin-top: 3px;
}
+
+ .jam-tiles {
+ border-color: $border_darker transparent;
+ border-style: solid;
+ border-width: 1px;
+
+ .uk-tile-success {
+ background: $success_colour;
+ }
+
+ .uk-tile-danger {
+ background: $danger_colour;
+ }
+
+ .uk-tile-winner {
+ background: $winner_colour_brighter;
+ }
+
+ .jam-tile-text {
+ align-items: center;
+ color: $white;
+ display: flex;
+ justify-content: center;
+ text-transform: uppercase;
+ }
+ }
}
}
diff --git a/scss/pysite/pages/main/jams/_team_list.scss b/scss/pysite/pages/main/jams/_team_list.scss
index 83ec8aaa..75fd397d 100644
--- a/scss/pysite/pages/main/jams/_team_list.scss
+++ b/scss/pysite/pages/main/jams/_team_list.scss
@@ -17,7 +17,23 @@ $page_classes: (jam-team-list);
}
.team-card-own {
- border: solid 1px $primary_background;
+ border: solid 2px $primary_background;
+
+ &.team-card-winner {
+ border-color: $winner_colour $winner_colour $primary_background $primary_background;
+ }
+ }
+
+ .team-badge-own {
+ color: $primary_background;
+ }
+
+ .team-card-winner {
+ border: solid 2px $winner_colour;
+ }
+
+ .team-badge-winner {
+ color: $winner_colour;
}
.team-member-avatars {