summaryrefslogtreecommitdiff
path: root/land-and-freedom.scss
diff options
context:
space:
mode:
Diffstat (limited to 'land-and-freedom.scss')
-rw-r--r--land-and-freedom.scss52
1 files changed, 49 insertions, 3 deletions
diff --git a/land-and-freedom.scss b/land-and-freedom.scss
index 14ede73..07c55b2 100644
--- a/land-and-freedom.scss
+++ b/land-and-freedom.scss
@@ -1,8 +1,8 @@
// @use "sass:math";
@use 'sass:map';
-$selectable-color: white; // yellow;
-$selected-color: yellow; //blue;
+$selectable-color: yellow; // yellow;
+$selected-color: blue; //blue;
$anarchist-color: rgb(93, 89, 106);
$communist-color: rgb(237, 36, 27);
@@ -50,6 +50,12 @@ main {
}
}
+#current_events {
+ .card:last-child {
+ transform: scale(1.2);
+ }
+}
+
/* CURRENT CARD */
#turn_info {
@@ -172,6 +178,10 @@ main {
min-height: 260px;
}
+.panel_body[data-active="inactive"] {
+ display: none;
+}
+
.panel_header {
color: floralwhite;
user-select: none;
@@ -181,18 +191,45 @@ main {
background-color: red;
}
-#hand_header {
+#player_area_header {
background-color: #273b09;
+ display: flex;
+ border-bottom: none;
+
+ .player_area_tab {
+ cursor: pointer;
+ width: 25%;
+ border-bottom: 2px solid #333;
+ border-left: 1px solid #333;
+ border-right: 1px solid #333;
+ }
+
+ .player_area_tab[data-active="active"] {
+ width: 25%;
+ background-color: #58641d;
+ border-bottom: none;
+ }
+
+ #hand_tab {
+ border-left: none;
+ }
+
+ #trash_tab {
+ border-right: none;
+ }
}
+#player_area_header[data-faction-id='a'],
.panel_header[data-faction-id='a'] {
background-color: $anarchist-color;
}
+#player_area_header[data-faction-id='c'],
.panel_header[data-faction-id='c'] {
background-color: $communist-color;
}
+#player_area_header[data-faction-id='m'],
.panel_header[data-faction-id='m'] {
background-color: $moderate-color;
}
@@ -303,6 +340,15 @@ main {
// box-shadow: 0 0 0 1px #333;
}
+#log .faction_token {
+ display: inline-block;
+ width: 25px;
+ height: 25px;
+ border-radius: 2px;
+ vertical-align: middle;
+ margin: 0px 1px;
+}
+
#glory .faction_token {
position: absolute;
width: 34px;