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.scss525
1 files changed, 0 insertions, 525 deletions
diff --git a/land-and-freedom.scss b/land-and-freedom.scss
deleted file mode 100644
index 07c55b2..0000000
--- a/land-and-freedom.scss
+++ /dev/null
@@ -1,525 +0,0 @@
-// @use "sass:math";
-@use 'sass:map';
-
-$selectable-color: yellow; // yellow;
-$selected-color: blue; //blue;
-
-$anarchist-color: rgb(93, 89, 106);
-$communist-color: rgb(237, 36, 27);
-$moderate-color: rgb(134, 44, 97);
-$fascist-color: rgb(183, 144, 105);
-$log-text-background-color: rgb(233 223 200);
-
-main {
- // background-color: rgb(213, 196, 131);
- // background-color: darkolivegreen;
- background-color: #7b904b;
-}
-
-/* MAP */
-
-#mapwrap {
- width: 1000px;
- height: 850px;
- // background-color: #999f85;
- box-shadow: 1px 2px 4px #0004;
-}
-
-// #map {
-// background-repeat: no-repeat;
-// background-size: cover;
-// width: 1275px;
-// height: 1650px;
-// overflow: clip;
-// }
-
-#map {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- width: 1000px;
- height: 850px;
- overflow: clip;
-}
-
-#map {
- background-image: url(images/map75.png);
-}
-@media (min-resolution: 97dpi) {
- #map {
- background-image: url(images/map100.png);
- }
-}
-
-#current_events {
- .card:last-child {
- transform: scale(1.2);
- }
-}
-
-/* CURRENT CARD */
-
-#turn_info {
- border-bottom: 1px solid black;
- // padding: 12px;
- overflow: clip;
- background-color: gray;
- white-space: normal;
- padding: 8px 0px;
-}
-
-#turn_info .card {
- margin: 0 auto;
-}
-
-@media (max-height: 800px) {
- #turn_info { height: 95px; }
- #turn_info:hover { height: auto; }
-}
-
-@media (max-height: 600px) {
- #turn_info {
- display: none;
- }
-}
-
-.game_info {
- padding: 3px 4px;
- border-bottom: 1px solid black;
- font-size: 16px;
- line-height: 1.5;
- grid-column: 1;
- grid-row: 1;
- display: flex;
- flex-direction: column;
- background: floralwhite;
-}
-
-#roles {
- grid-column: 1;
- grid-row: 2;
-}
-
-.role_medallions {
- grid-row: 3;
- grid-column: 1 / 3;
- padding: 3px 4px;
- display: flex;
- flex-direction: row-reverse;
- gap: 4px;
-}
-
-.role_info {
- grid-row: 4;
- grid-column: 1 / 3;
-}
-
-// #role_Anarchist::before {
-// background-color: $anarchist-color;
-// content: ' ';
-// display: block;
-// height: 100%;
-// left: 0;
-// opacity: 0.6;
-// position: absolute;
-// top: 0;
-// width: 100%;
-// z-index: -1;
-// }
-
-#role_Anarchist {
- background-color: $anarchist-color;
-}
-
-#role_Communist {
- background-color: $communist-color;
-}
-
-#role_Moderate {
- background-color: $moderate-color;
-}
-
-.role {
- color: floralwhite;
-
- a {
- color: floralwhite;
- }
-}
-
-#selectable_cards {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- padding: 12px;
- gap: 12px;
- min-height: 260px;
-}
-
-#selectable_cards:empty {
- display: none;
-}
-
-.panel {
- min-width: 1271px;
- max-width: 1271px;
- // background-color: hsl(34, 10%, 35%);
- background-color: #58641d;
- margin: 12px auto;
- box-shadow: 1px 2px 4px #0004;
- border: 2px solid #333;
-}
-
-.panel_body {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- padding: 12px;
- gap: 12px;
- min-height: 260px;
-}
-
-.panel_body[data-active="inactive"] {
- display: none;
-}
-
-.panel_header {
- color: floralwhite;
- user-select: none;
- font-weight: bold;
- text-align: center;
- border-bottom: 2px solid #333;
- background-color: red;
-}
-
-#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;
-}
-
-// #hand,
-// .tableau {
-// display: flex;
-// flex-direction: row;
-// gap: 8px;
-// margin-top: 16px;
-// padding: 16px;
-// justify-content: center;
-// }
-
-.front {
- position: absolute;
- box-sizing: border-box;
- width: 93px;
- height: 102px;
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 4px;
- border-radius: 20px;
- // background-color: yellow;
- // opacity: 0.5;
-}
-
-.contributions {
- display: flex;
- flex-direction: row;
- gap: 2px;
- // width: 100%;
- margin-top: 15px;
- // background-color: yellow;
- // opacity: 0.5;
- height: 25px;
- z-index: -1;
-
- .faction_token {
- z-index: -1;
- }
-}
-
-.front .value {
- font-weight: bold;
- font-size: 30px;
- margin-top: auto;
- z-index: -1;
-}
-
-#madrid_front {
- width: 104px;
- height: 114px;
- border-radius: 23px;
-}
-
-#madrid_front .contributions {
- padding: 0px 2px;
-}
-
-// .front[data-front-id='m'] {
-// width: 104px;
-// height: 114px;
-// border-radius: 23px;
-// }
-
-.card {
- background-size: 100% 100%;
- // width: 275px;
- // height: 375px;
- width: 198px;
- height: 270px;
- // border: 1px solid black;
- border-radius: 5px;
- box-shadow: 0 0 0 1px #333;
-}
-
-@for $i from 1 through 108 {
- .card[data-card-id='#{$i}'] {
- background-image: url('images/cards100/card_#{$i}.png');
- }
-}
-
-.card.event {
- position: absolute;
- // opacity: 0.5;
- width: 132px;
- height: 180px;
-}
-
-.blank_marker {
- box-sizing: border-box;
- position: absolute;
- background-color: red;
- width: 29px;
- height: 29px;
- border-radius: 50%;
- box-shadow: 0 0 0 1px #333;
- margin-top: 1px;
-}
-
-.faction_token {
- box-sizing: border-box;
- // background-color: yellow;
- // opacity: 0.5;
- background-size: 100% 100%;
- // 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;
- height: 34px;
- border-radius: 4px;
-}
-
-.contributions .faction_token {
- width: 25px;
- height: 25px;
- border-radius: 4px;
-}
-
-.faction_token[data-faction-id='a'] {
- border: 1px #333 solid;
- background-image: url('images/factions/anarchists.png');
-}
-
-.faction_token[data-faction-id='c'] {
- border: 1px #333 solid;
- background-image: url('images/factions/communitsts.png');
-}
-
-.faction_token[data-faction-id='m'] {
- border: 1px #333 solid;
- background-image: url('images/factions/moderates.png');
-}
-
-.standee {
- box-sizing: border-box;
- position: absolute;
- width: 29px;
- height: 35px;
- background-size: cover;
- background-repeat: no-repeat;
- border-radius: 4px;
- box-shadow: 0 0 0 1px #333;
- transition-property: top, left;
- transition-duration: 700ms;
- transition-timing-function: ease;
- z-index: 1;
- // opacity: 0.6;
-}
-
-.blank_marker.action,
-.bonus.action,
-.card.action,
-.front.action,
-.medallion.action,
-.standee.action {
- box-shadow: 0 0 0 3px $selectable-color;
-}
-
-.blank_marker.action {
- z-index: 2;
-}
-
-.blank_marker.action:hover,
-.bonus.action:hover,
-.card.action:hover,
-.card.selected,
-.front.action:hover,
-.medallion.action:hover,
-.standee.action:hover {
- box-shadow: 0 0 0 3px $selected-color;
-}
-
-.blank_marker.action:hover {
- opacity: 0.5;
-}
-
-// .standee.action:hover {
-// box-shadow: 0 0 0 2px blue;
-// }
-
-@for $i from 0 through 4 {
- .standee[data-standee-id='#{$i}'] {
- background-image: url('images/standees/standee_#{$i}.png');
- }
-}
-
-.bonus {
- box-sizing: border-box;
- position: absolute;
- width: 54px;
- height: 54px;
- background-size: cover;
- background-repeat: no-repeat;
- border-radius: 50%;
-}
-
-@for $i from 0 through 1 {
- .bonus[data-bonus-id='#{$i}'][data-bonus-on='0'] {
- background-image: url('images/bonus/bonus_#{$i}_off.png');
- }
- .bonus[data-bonus-id='#{$i}'][data-bonus-on='1'] {
- background-image: url('images/bonus/bonus_#{$i}_on.png');
- }
-}
-
-.initiative_token {
- width: 47px;
- height: 47px;
- background-size: cover;
- background-repeat: no-repeat;
- margin-right: auto;
- background-image: url('images/initiative_clockwise.png');
-}
-
-.initiative_token[data-year='2'] {
- background-image: url('images/initiative_counter_clockwise.png');
-}
-
-.medallion {
- width: 47px;
- height: 47px;
- background-size: cover;
- background-repeat: no-repeat;
- box-shadow: 0 0 0 1px #333;
- border-radius: 10px;
-}
-
-#medallions .medallion {
- box-sizing: border-box;
- position: absolute;
-}
-
-@for $i from 0 through 8 {
- .medallion[data-medallion-id='#{$i}'] {
- background-image: url('images/medallions/medallion_#{$i}.png');
- }
-}
-
-#log {
- background-color: floralwhite;
-}
-#log .h1,
-#log .h2 {
- font-size: 10px;
- padding-top: 2px;
- padding-bottom: 2px;
- text-align: center;
-}
-#log .h1 {
- // background-color: hsl(4, 40%, 73%);
- background-color: $log-text-background-color;
-}
-#log .h2 {
- // background-color: hsl(250, 40%, 83%);
- background-color: $log-text-background-color;
-}
-#log .h2.anarchist {
- background-color: $anarchist-color;
- color: floralwhite;
-}
-#log .h2.communist {
- background-color: $communist-color;
- color: floralwhite;
-}
-#log .h2.moderate {
- background-color: $moderate-color;
- color: floralwhite;
-}
-#log .h2.fascist {
- background-color: $fascist-color;
-}
-#log div.i {
- padding-left: 32px;
- text-indent: -12px;
-}
-#log div.ii {
- padding-left: 44px;
- text-indent: -12px;
-}