asc/benchcoach
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

2023-03-04

Browse Source
This commit is contained in:
Anthony Correa
2024-03-04 13:32:25 -06:00
parent 6576d17539
commit a505747b06
85 changed files with 13977 additions and 2881 deletions
Download Patch File Download Diff File Expand all files Collapse all files

348
src/scss/application.scss Normal file
View File

@@ -0,0 +1,348 @@
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*
*= require_tree .
*= require_self
*/
@import "../../node_modules/@teamsnap/teamsnap-ui/src/css/teamsnap-ui.scss";
$color-success: #b7e1cd;
$color-danger: #f4c7c3;
$color-neutral: #acc9fe;
$color-warning: rgb(249, 228, 180);
$color-grey-100: #f8f9fa;
$color-grey-200: #e9ecef;
$color-grey-300: #dee2e6;
$color-grey-400: #ced4da;
$color-grey-500: #adb5bd;
$color-grey-600: #6c757d;
$color-grey-700: #495057;
$color-grey-800: #343a40;
$color-grey-900: #212529;
$row-height: 14px;
$monospace-font: "Inconsolata", monospace;
// Components
@import "components/progress";
:root {
--bc-text-muted:#6c757d;
--bc-avail-color-yes: $cu-positive;
--bc-avail-color-no: $cu-negative;
--bc-avail-color-maybe:#113b63;
}
.availability-bar {
&.going {
background-color: $ts-green;
}
&.not-going {
background-color: $ts-red;
}
&.maybe {
background-color: $ts-blue;
}
&.unknown {
background-color: $ts-grey;
}
}
header.Header {
background: #323669;
padding: 8px 0;
box-shadow: 0 4px 0 rgba(0, 0, 25, 0.1);
border-bottom: 1px solid #d6d6d6;
color: white;
}
body {
background-color: rgb(246, 246, 246);
}
/* .u-padSm.u-border.u-borderRadiusLg.u-spaceEndsSm.u-maxWidthXs */
.event-card {
font-family: "Open Sans", Helvetica, sans-serif;
border: 1px solid #e6e6e6;
border-radius: 8px;
max-width: 480px;
margin-top: 8px;
margin-bottom: 8px;
background: white;
.title {
margin-bottom: 4px;
}
.event-card-body {
padding: 8px 8px 8px 8px;
}
}
.event-card-body {
> .availability-bar {
margin: 4px;
&.fullwidth {
margin-top: 4px;
margin-bottom: -8px;
margin-left: -8px;
margin-right: -8px;
}
}
.availability-bar.fullwidth .progress {
margin-left: -8px;
margin-right: -8px;
border-radius: 0;
}
}
.event-card {
.date, .location {
color: #7a7a7a;
font-size: 0.9em;
}
.opponent {}
.Button span {
margin-left: 4px;
}
.event-card-footer {
padding: 8px;
border-radius: 0px 0px 8px 8px;
background-color: rgb(251, 251, 251);
border-top: solid 1px rgb(214, 214, 214);
}
}
.event-card-footer div {
text-align: center;
}
.Header-bannerLogo, .Header-bannerTitle {
margin: 0;
padding: 0;
margin-left: 0.5em;
}
.Header-bannerLogo img {
height: 36px;
width: auto;
}
.Header-bannerTitle {
font-family: "Helvetica", sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: left;
color: white;
font-size: 28px;
}
.benchcoach-nav {
background-color: #323669;
margin-bottom: 2em;
padding: 0.5em;
color: white;
}
a.Panel-row {
color: inherit;
}
.benchcoach-nav h3 {
font-family: "Helvetica", sans-serif;
font-weight: bolder;
color: white;
text-transform: uppercase;
}
.lineup-slot .Panel-cell {
display: inline-flex;
align-items: center;
}
div[id^="event-lineup"] {
max-width: 576px;
counter-reset: lineup-sequence-counter 0;
}
.lineup-slot {
counter-increment: lineup-sequence-counter 1;
.Panel-cell {
&.Panel-cell--header {
background: rgba(256, 256, 256, 0);
}
}
[class*="availability-status-code"]::before {
padding-right: 6px;
font-family: "bootstrap-icons";
}
}
.lineup-slot .availability-status-code-1 .icon {
color: $ts-green;
}
.lineup-slot .availability-status-code-2 .icon {
color: $ts-blue;
}
.lineup-slot .availability-status-code-0 .icon {
color: $ts-red;
}
.lineup-slot {
.availability-status-code-nil .icon, .availability-status-code- .icon {
color: $ts-grey;
}
}
li .availability-status-code- {
content: "\F50B";
color: var(--bs-secondary);
}
.lineup-slot {
line-height: 100%;
vertical-align: middle;
span {
margin:auto;
}
.lastname {
text-transform: uppercase;
font-weight: bold;
}
.jerseynumber {
text-transform: uppercase;
font-weight: light;
color: var(--bc-text-muted);
font-size: 0.8em;
// &::before {
// content: "-";
// margin-right: 4px;
margin-left: 4px;
// }
}
button {
margin-right: 0.5ch;
}
.sequence {
width: 2.4ch;
text-align: right;
margin-right: 0.3ch;
&::before {
content: counter(lineup-sequence-counter);
}
}
.drag-handle {
width: 2ch;
}
.position-select-box {
width: 10ch;
}
.Panel-cell {
&:has(.sequence), &:has(.drag-handle), &:has(.position-select-box) {
flex: 0 0 0% !important;
padding: 0;
}
}
}
div[id^="event-lineup"] .Panel {
&.position-only .Panel-cell:has(.sequence), &.bench .Panel-cell:has(.sequence), &.out .Panel-cell:has(.sequence){
display: none;
}
&.out {
.Panel-cell {
&:has(.sequence), .drag-handle, .SelectBox {
// display: none;
}
}
}
}
.Tooltip:after {
padding: 2px !important;
font-size: inherit !important;
}
@media (max-width: 480px){
.Panel--full {
border-radius: 0;
margin-right: -16px;
margin-left: -16px;
}}
.lineup-email {
font-family: "Helvetica", sans-serif;
.title-cell {
font-weight:bold;
background-color:#323669;
color:#fff;
padding:2px 5px;
text-transform: uppercase;
&.out {
background-color: rgb(244, 199, 195);
color: black;
}
}
.sequence-cell {
font-weight:bold;
padding: 1px 5px;
text-align: left
}
.name-cell {
width:200px;
text-align: left;
}
.position-label-cell {
font-weight: bold;
text-align: right;
}
}
.Panel .Panel{
// padding: 0;
// border-radius: 0;
border: none;
// border-top: 1px solid #d6d6d6;
// border-bottom: 1px solid #d6d6d6;
margin: 0;
}

78
src/scss/components/_border-radius.scss Normal file
View File

@@ -0,0 +1,78 @@
// stylelint-disable property-disallowed-list
// Single side border-radius
// Helper function to replace negative values with 0
@function valid-radius($radius) {
$return: ();
@each $value in $radius {
@if type-of($value) == number {
$return: append($return, max($value, 0));
} @else {
$return: append($return, $value);
}
}
@return $return;
}
// scss-docs-start border-radius-mixins
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
@if $enable-rounded {
border-radius: valid-radius($radius);
}
@else if $fallback-border-radius != false {
border-radius: $fallback-border-radius;
}
}
@mixin border-top-radius($radius: $border-radius) {
@if $enable-rounded {
border-top-left-radius: valid-radius($radius);
border-top-right-radius: valid-radius($radius);
}
}
@mixin border-end-radius($radius: $border-radius) {
@if $enable-rounded {
border-top-right-radius: valid-radius($radius);
border-bottom-right-radius: valid-radius($radius);
}
}
@mixin border-bottom-radius($radius: $border-radius) {
@if $enable-rounded {
border-bottom-right-radius: valid-radius($radius);
border-bottom-left-radius: valid-radius($radius);
}
}
@mixin border-start-radius($radius: $border-radius) {
@if $enable-rounded {
border-top-left-radius: valid-radius($radius);
border-bottom-left-radius: valid-radius($radius);
}
}
@mixin border-top-start-radius($radius: $border-radius) {
@if $enable-rounded {
border-top-left-radius: valid-radius($radius);
}
}
@mixin border-top-end-radius($radius: $border-radius) {
@if $enable-rounded {
border-top-right-radius: valid-radius($radius);
}
}
@mixin border-bottom-end-radius($radius: $border-radius) {
@if $enable-rounded {
border-bottom-right-radius: valid-radius($radius);
}
}
@mixin border-bottom-start-radius($radius: $border-radius) {
@if $enable-rounded {
border-bottom-left-radius: valid-radius($radius);
}
}
// scss-docs-end border-radius-mixins

18
src/scss/components/_box-shadow.scss Normal file
View File

@@ -0,0 +1,18 @@
@mixin box-shadow($shadow...) {
@if $enable-shadows {
$result: ();
@each $value in $shadow {
@if $value != null {
$result: append($result, $value, "comma");
}
@if $value == none and length($shadow) > 1 {
@warn "The keyword 'none' must be used as a single argument.";
}
}
@if (length($result) > 0) {
box-shadow: $result;
}
}
}

72
src/scss/components/_progress.scss Normal file
View File

@@ -0,0 +1,72 @@
$progress-height: 1rem;
$progress-font-size: $tu-base-fontSize * .75;
$progress-bg: $color-grey-200;
$progress-border-radius: $border-radius-small;
$progress-box-shadow: $inset-box-shadow-small;
$progress-bar-color: $ts-white;
$progress-bar-bg: $ts-green;
$progress-bar-animation-timing: 1s linear infinite;
$progress-bar-transition: width .6s ease;
$prefix: "";
// Disable animation if transitions are disabled
// scss-docs-start progress-keyframes
// @if $enable-transitions {
// @keyframes progress-bar-stripes {
// 0% { background-position-x: $progress-height; }
// }
// }
// scss-docs-end progress-keyframes
.progress {
// scss-docs-start progress-css-vars
--#{$prefix}progress-height: #{$progress-height};
// @include rfs($progress-font-size, --#{$prefix}progress-font-size);
--#{$prefix}progress-bg: #{$progress-bg};
--#{$prefix}progress-border-radius: #{$progress-border-radius};
--#{$prefix}progress-box-shadow: #{$progress-box-shadow};
--#{$prefix}progress-bar-color: #{$progress-bar-color};
--#{$prefix}progress-bar-bg: #{$progress-bar-bg};
--#{$prefix}progress-bar-transition: #{$progress-bar-transition};
// scss-docs-end progress-css-vars
display: flex;
height: var(--#{$prefix}progress-height);
overflow: hidden; // force rounded corners by cropping it
// @include font-size(var(--#{$prefix}progress-font-size));
background-color: var(--#{$prefix}progress-bg);
// @include border-radius(var(--#{$prefix}progress-border-radius));
// @include box-shadow(var(--#{$prefix}progress-box-shadow));
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--#{$prefix}progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--#{$prefix}progress-bar-bg);
// @include transition(var(--#{$prefix}progress-bar-transition));
}
.progress-bar-striped {
// @include gradient-striped();
background-size: var(--#{$prefix}progress-height) var(--#{$prefix}progress-height);
}
// @if $enable-transitions {
// .progress-bar-animated {
// animation: $progress-bar-animation-timing progress-bar-stripes;
// @if $enable-reduced-motion {
// @media (prefers-reduced-motion: reduce) {
// animation: none;
// }
// }
// }
// }

851
src/scss/eventsheet.scss Normal file
View File

@@ -0,0 +1,851 @@
@import url('https://fonts.googleapis.com/css2?family=Pacifico');
@import url('https://fonts.googleapis.com/css2?family=Oswald');
@import url('https://fonts.googleapis.com/css2?family=Graduate');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wdth,wght@50..200,200..900&display=swap');
@import url('/font/helvetica-now/stylesheet.css');
@font-face {
font-family: "Futura Now";
src: url("/font/futura-now/futura-now.ttf") format("truetype");
font-weight: 125 900;
font-stretch: 50% 150%;
}
@page {
margin: 0;
}
/** For Print **/
@media print {
body .sheet {
size: B5;
padding: 0.2in;
}
}
/** For screen preview **/
@media screen {
body .sheet {
padding: 0.2in;
}
body {
background: #e0e0e0;
}
.sheet {
background: white;
box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3);
}
}
.sheet {
overflow: hidden;
position: relative;
box-sizing: border-box;
page-break-after: always;
}
/** Paper sizes **/
body.B5 .sheet {
width: 176mm;
height: 250mm;
}
body.index-card .sheet {
width: 3.5in;
height: 5in;
}
:root {
--color-success: #b7e1cd;
--color-danger: #f4c7c3;
--color-neutral: #acc9fe;
--color-warning: rgb(249, 228, 180);
--color-grey-100: #f8f9fa;
--color-grey-200: #e9ecef;
--color-grey-300: #dee2e6;
--color-grey-400: #ced4da;
--color-grey-500: #adb5bd;
--color-grey-600: #6c757d;
--color-grey-700: #495057;
--color-grey-800: #343a40;
--color-grey-900: #212529;
--row-height: 14px;
--monospace-font: "Inconsolata", monospace;
}
body {
font-family: "Helvetica Now", "Helvetica", sans-serif;
position: relative;
font-size: 11px;
}
table {
position: inherit;
font-size: inherit;
border-collapse: collapse;
empty-cells: show;
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
overflow-y: hidden;
width: 100%;
border: 0.5px solid black;
display: inline-table;
tr {
border-bottom-width: 0.5px;
border-color: grey;
border-bottom-style: solid;
&:nth-child(odd) {
background-color: rgb(242, 242, 242, 0.85);
}
&:nth-child(even) {
background-color: rgb(256, 256, 256, 0.85);
}
th {
font-stretch: extra-condensed;
width: 1em;
text-align: center;
text-transform: uppercase;
}
td {
&.player-name {
text-transform: uppercase;
font-stretch: 75%;
}
&.position, &.jersey-number {
font-family: var(--monospace-font);
width: 2ch;
text-align: right;
overflow: hidden;
}
}
th, td {
border-left: 0.5px solid grey;
border-right: 0.5px solid grey;
overflow: hidden;
padding: 0 2px 0 2px;
&:empty::after {
content: "\00a0";
}
}
}
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.B5 > .eventsheet {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
column-gap: 0.2in;
row-gap: 0.2in;
background-size: 100%;
}
.eventsheet > section {
box-sizing: content-box;
overflow: hidden;
/* outline: 0.5px dashed lightgrey; */
display: flex;
flex-direction: column;
align-items: stretch;
}
.eventsheet > section > div {
display: flex;
flex: 1;
align-items: stretch;
height: auto;
}
.lineup-card th {
width: inherit;
}
#lineup-card-dugout div.grid-container,
#lineup-card-dugout-blank div.grid-container {
display: grid;
grid-template-columns: 60% auto;
grid-template-rows: fit-content(16px) auto;
grid-template-areas:
"header header"
"sarting-lineup-table substitution-table";
}
#lineup-card-exchange div.grid-container,
#lineup-card-exchange-blank div.grid-container {
display: grid;
grid-template-columns: auto;
grid-template-rows: fit-content(16px) auto;
grid-template-areas:
"header"
"sarting-lineup-table";
}
#lineup-card-exchange .substitution,
#lineup-card-exchange .homeaway,
#lineup-card-exchange-blank .substitution,
#lineup-card-exchange-blank .homeaway {
display: none;
}
.lineup-card div.grid-container > header {
grid-area: "header";
font-size: 14px;
font-weight: bold;
}
.lineup-card div.grid-container > header:empty::after {
content: "\00a0";
}
div.grid-container > .starting-lineup-table {
grid-area: "starting-lineup-table";
}
div.grid-container > .substitution-table {
grid-area: "substitution-table";
}
section.lineup-card {
counter-reset: lineup-sequence-counter 0;
thead th {
color: var(--color-grey-600);
font-size: 0.7em;
}
th.sequence {
counter-increment: lineup-sequence-counter 1;
color: var(--color-grey-600);
font-size: inherit;
width: 2ch;
&.counter::before {
content: counter(lineup-sequence-counter);
}
}
}
.lineup-card table {
font-size: 22px;
}
.lineup-card td {
/* height: 34px; */
}
.lineup-card td.substitution {
width: 8ch;
}
.lineup-card td.substitution::after {
content: "";
}
#lineup-card-exchange tr,
#lineup-card-exchange-blank tr,
#lineup-card-dugout .starting-lineup-table tr,
#lineup-card-dugout-blank .starting-lineup-table tr,
#lineup-card-dugout .substitution-table tr:nth-child(odd) {
border-top: 1px solid black;
}
#lineup-card-exchange tr,
#lineup-card-exchange-blank tr,
#lineup-card-dugout .starting-lineup-table tr,
#lineup-card-dugout-blank .starting-lineup-table tr,
#lineup-card-dugout .substitution-table tr:nth-child(even) {
border-bottom: 1px solid black;
}
td.substitution {
border-left: 1px solid black;
}
#lineup-card-exchange td.player-name {
font-stretch: 100%;
}
#lineup-card-dugout td.player-name {
width: 10ch;
}
.lineup-card .position,
.lineup-card .jersey-number {
width: 2ch;
}
#lineup-card-dugout .position,
#lineup-card-dugout .jersey-number {
font-stretch: 75%;
padding-left: 2.5px;
padding-right: 2.5px;
}
.lineup-card header {
font-size: inherit;
text-transform: uppercase;
font-stretch: 85%;
}
#todays-game {
> div {
display: grid;
grid-template-columns: 110px auto;
grid-template-rows: auto auto;
grid-template-areas:
"offense defense"
"footer footer";
}
table {
&.notes {
th {
border-left: none;
border-right: none;
line-height: 1em;
}
td:empty::after {
content: "";
}
}
}
}
#defense-pane {
position: relative;
grid-area: defense;
padding: 4px 4px 0px 4px; /* top right bottom left */
display: flex;
border-right: 0.5px solid grey;
border-bottom: 0.5px solid grey;
.field-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 4px;
width: 100%;
z-index: 2;
}
img {
position: absolute;
z-index: -1;
}
.slot-set {
display: flex;
align-items: center;
$positions: "cf", "lf", "rf", "ss", "2b", "3b", "1b", "c", "p";
@each $position in $positions {
&.pos-#{$position} tr:first-child {
th.position:empty::after {
content: $position;
}
}
}
&.pos-cf {
justify-content: center;
// align-items: start;
grid-area: 1 / 1 / 2 / 5;
}
&.pos-lf {
justify-content: flex-start;
grid-area: 2 / 1 / 3 / 3;
}
&.pos-rf {
justify-content: flex-end;
grid-area: 2 / 3 / 3 / 5;
}
&.pos-ss {
justify-content: flex-end;
grid-area: 3 / 1 / 4 / 3;
}
&.pos-2b {
justify-content: flex-start;
grid-area: 3 / 3 / 4 / 5;
}
&.pos-3b {
justify-content: flex-start;
grid-area: 4 / 1 / 5 / 3;
}
&.pos-1b {
justify-content: flex-end;
grid-area: 4 / 3 / 5 / 5;
}
&.pos-c {
justify-content: center;
grid-area: 5 / 1 / 6 / 5;
}
&.pos-p {
table {
width: 100%;
}
align-items: end;
margin-bottom: 4px;
grid-area: 6 / 1 / 7 / 5;
tr.substitute .position:empty::after{
content: "RP";
}
}
}
}
#offense-pane {
counter-reset: lineup-sequence-counter 0;
position: relative;
/* box-sizing: border-box; */
height: 100%;
grid-area: offense;
border-bottom: 0.5px solid black;
/* outline: 0.5px solid black; */
table {
height: 100%;
border: none;
}
th.sequence{
counter-increment: lineup-sequence-counter 1;
&.counter::before {
content: counter(lineup-sequence-counter);
}
}
}
.slot-set table {
width: 77px;
}
.slot-set.pos-slot-p table {
width: 100%;
}
.index-card .defense-slot-set {
width: 65px;
}
.index-card .defense-slot-set .player-name {
font-stretch: 70%;
}
.container .row {
width: 100%;
display: flex;
align-items: center;
}
header {
background-color: #cadcf9;
font-family: "Oswald";
/* font-size: 8.8px; */
/* outline: 1px solid black; */
/* height: var(--row-height); */
width: auto;
grid-area: header;
text-align: center;
padding-left: 10px;
padding-right: 10px;
border: 0.5px solid black;
z-index: 1;
}
.footer {
/* height:var(--row-height); */
position: relative;
box-sizing: border-box;
grid-area: footer;
/* border: 1px solid black; */
height: 100%;
border-right: 0.5px solid grey;
border-left: 0.5px solid grey;
table {
height: 100%;
outline: none;
border-style: none;
tr {
background-color: white;
outline: none;
border-bottom: 0.5px solid var(--color-grey-500);
:last-child {
background-color: white;
outline: none;
border-bottom-style: none;
}
}
th {
text-align: left;
color: var(--color-grey-600);
}
td {
height: var(--row-height);
border: none;
&empty::after {
content: "";
}
}
}
}
.cell-checkbox {
font-size: 0.75em;
}
.in-starting-lineup {
font-weight: bold;
}
.gametitle {
font-weight: bold;
text-transform: uppercase;
font-stretch: semi-condensed;
}
.homeaway {
text-transform: uppercase;
font-stretch: normal;
font-weight: bolder;
float: right;
text-transform: uppercase;
}
.cell-smalltext {
font-stretch: condensed;
font-size: 10px;
}
.statscell {
font-family: "m+1m";
text-align: center;
font-stretch: extra-condensed;
font-size: 9px;
width: 60px;
}
.condensedNameCell {
width: 70px;
text-transform: uppercase;
font-stretch: condensed;
}
.cell-square {
height: var(--row-height);
width: 14px;
text-align: center;
}
.cell-square.narrow {
width: 10px;
}
.cell-mono {
font-family: "m+1m";
}
.cell-condensed {
font-stretch: condensed;
}
.available-status-code-1 {
color: rgb(0, 85, 0);
background-color: #b7e1cd;
}
.available-status-code-0 {
color: rgb(170, 0, 0);
background-color: #f4c7c3;
}
.past.available-status-code-0,
.past.available-status-code-null {
color: var(--color-grey-600);
background-color: inherit;
}
.past.available-status-code-1 {
color: inherit;
background-color: var(--color-warning);
}
.past.available-status-code-1.started {
color: inherit;
background-color: inherit;
}
.available-status-code-2 {
color: blue;
background-color: #acc9fe;
}
#roster-and-history .player-name {
font-stretch: 95%;
}
.starting {
font-weight: bold;
}
#roster-and-history {
// #today-availability {
// font-stretch: normal;
// text-transform: uppercase;
// font-size: 0.8em;
// }
> div > table {
/* font-size: 10.5px; */
padding: 0;
line-height: 1em;
/* outline: 0.5px black; */
}
td, th {
border-left: none;
border-right: none;
padding: 0.2em 0.1em 0.2em 0.1em; /* top right bottom left */
&.availability-on-day {
font-family: var(--monospace-font);
font-stretch: 60%;
text-align: center;
max-width: 0.8em;
min-width: 0.8em;
}
&.availability-on-day.future,
&.availability-on-day.past {
font-family: var(--monospace-font);
font-stretch: condensed;
font-weight: normal;
font-size: 0.8em;
padding: 0.1em;
text-transform: uppercase;
}
&.position-capability {
font-size: 8px;
font-stretch: 50%;
width: 5px;
text-align: center;
padding: 0;
}
&.player-stats {
display:none;
font-family: var(--monospace-font);
font-size: 1em;
font-stretch: 60%;
font-weight: 300;
.delimiter,
.decimal-point {
font-family: Helvetica Now;
font-stretch: expanded;
color: var(--color-grey-500);
}
.decimal-point {
color: rgb(0, 0, 0, 0);
}
.delimiter {
color: var(--color-grey-500);
}
}
}
td{
&.player-name {
color: black;
text-align: left;
font-stretch: 95%;
}
&.jersey-number {
color: black;
border-left: 0.5px solid lightgrey;
}
}
colgroup {
border-left-width: 1px;
border-left-style: solid;
border-left-color: black;
border-right-width: 1px;
border-right-style: solid;
border-right-color: black;
}
col.player-stats {
// visibility:collapse;
border: inherit;
}
th {
background-color: #cadcf9;
color: black;
border: none;
&.availability-on-day div {
transform: rotate(270deg);
}
// .position-capability {
// font-size: inherit;
// }
}
thead > tr, tfoot > tr {
border-bottom: solid black 1px;
}
tbody {
border-bottom: solid black 1px;
}
tr.border-top {
border-top: 1px solid black;
}
}
td.position-capability:not(:empty) {
color: var(--color-grey-700);
background-color: var(--color-grey-200);
}
td.is-present-checkbox {
font-size: 0.5em;
text-align: center;
color: white;
/* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
1px 1px 0 #000; */
}
td.is-present-checkbox.available-status-code-0 > span {
display: none;
}
td.is-present-checkbox.available-status-code-None > span {
display: none;
}
.game-number .label {
font-size: xx-small
}
.game-number .label, .game-number .value{
display:none;
}
#front-cover {
border: solid 1px black;
Header {
font-family: "Helvetica Now";
font-weight: 600;
line-height: 1.5em;
background-color: #323669;
color: white;
display: inline-flex;
border: none;
padding-left: 5px;
padding-right: 5px;
}
.game-number, .homeaway{
display: grid;
font-size: xx-large;
align-content: center;
width: 1.4em;
font-weight: 800;
}
.title {
display: grid;
font-size: small;
flex-grow: 1;
align-content: center;
}
.head-to-head {
padding:5px;
display: flex;
flex-direction: column;
}
.opponent, .team {
text-align: center;
font-weight: 800;
font-size: x-large;
align-items: center;
font-family: 'Pacifico';
display: inline-flex;
width: 100%;
flex-grow:1
}
.opponent img, .team img{
height: 115px;
}
.opponent div:has(.name), .team div:has(.name){
flex-grow: 1;
}
.opponent name{
text-align: left;
}
.team name{
text-align: right;
}
}