Skip to content

Commit

Permalink
Merge pull request #235 from dxw/renovate/biomejs-biome-1.x
Browse files Browse the repository at this point in the history
Update dependency @biomejs/biome to v1.9.3
  • Loading branch information
renovate[bot] authored Oct 18, 2024
2 parents 95dcb76 + d37178d commit 6498cf8
Show file tree
Hide file tree
Showing 33 changed files with 252 additions and 235 deletions.
97 changes: 48 additions & 49 deletions client/assets/styles/colour-cards.css
Original file line number Diff line number Diff line change
@@ -1,105 +1,104 @@
.colour-cards {
--black: #22181c;
--grey: #707070;
--white: #fafafa;
--red: #e60008;
--orange: #ff924c;
--yellow: #ffca3a;
--green: #8ac926;
--blue: #1778b5;
--purple: #6a4c93;
--pink: #ff8cc6;
--brown: #a33b20;
--selected: #52a675;

display: flex;
flex-wrap: wrap;
gap: 1rem;

font-family: Poppins, sans-serif;
font-weight: 400;
--black: #22181c;
--grey: #707070;
--white: #fafafa;
--red: #e60008;
--orange: #ff924c;
--yellow: #ffca3a;
--green: #8ac926;
--blue: #1778b5;
--purple: #6a4c93;
--pink: #ff8cc6;
--brown: #a33b20;
--selected: #52a675;

display: flex;
flex-wrap: wrap;
gap: 1rem;

font-family: Poppins, sans-serif;
font-weight: 400;
}

.colour-cards input {
display: none;
display: none;
}

.colour-cards__card {
height: 6rem;
padding: 1rem;
border: var(--dxw-black) solid 0.2rem;
border-radius: 0.5rem;
height: 6rem;
padding: 1rem;
border: var(--dxw-black) solid 0.2rem;
border-radius: 0.5rem;
}

.colour-cards input:checked + .colour-cards__card {
outline: var(--selected) solid 0.2rem;
outline: var(--selected) solid 0.2rem;
}

.colour-cards__card--black {
color: var(--dxw-white);
background-color: var(--black);
color: var(--dxw-white);
background-color: var(--black);
}

.colour-cards__card--blue {
color: var(--dxw-white);
background-color: var(--blue);
color: var(--dxw-white);
background-color: var(--blue);
}

.colour-cards__card--brown {
color: var(--dxw-white);
background-color: var(--brown);
color: var(--dxw-white);
background-color: var(--brown);
}

.colour-cards__card--green {
background-color: var(--green);
background-color: var(--green);
}

.colour-cards__card--grey {
color: var(--dxw-white);
background-color: var(--grey);
color: var(--dxw-white);
background-color: var(--grey);
}

.colour-cards__card--orange {
background-color: var(--orange);
background-color: var(--orange);
}

.colour-cards__card--pink {
background-color: var(--pink);
background-color: var(--pink);
}

.colour-cards__card--purple {
color: var(--dxw-white);
background-color: var(--purple);
color: var(--dxw-white);
background-color: var(--purple);
}

.colour-cards__card--red {
color: var(--dxw-white);
background-color: var(--red);
color: var(--dxw-white);
background-color: var(--red);
}

.colour-cards__card--white {
background-color: var(--white);
background-color: var(--white);
}

.colour-cards__card--yellow {
background-color: var(--yellow);
background-color: var(--yellow);
}


.colour-cards__card p {
width: 4rem;
text-align: center;
width: 4rem;
text-align: center;
}

.colour-cards__name {
margin: 0;
margin: 0;
}

.colour-cards__check-mark {
display: none;
margin-top: 2rem;
display: none;
margin-top: 2rem;
}

.colour-cards input:checked + label .colour-cards__check-mark {
display: block;
display: block;
}
57 changes: 28 additions & 29 deletions client/assets/styles/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,17 @@
@import url("https://fonts.googleapis.com/css?family=Merriweather:300&display=swap");
@import url("colour-cards.css");


body {
--dxw-white: #f9f8f5;
--dxw-black: #243746;
--dxw-white: #f9f8f5;
--dxw-black: #243746;

padding: 1rem;
padding: 1rem;

font-family: Merriweather, serif;
font-weight: 300;
color: var(--dxw-black);
font-family: Merriweather, serif;
font-weight: 300;
color: var(--dxw-black);

background-color: var(--dxw-white);
background-color: var(--dxw-white);
}

h1,
Expand All @@ -22,55 +21,55 @@ h3,
h4,
h5,
h6 {
font-family: Poppins, sans-serif;
font-weight: 600;
font-family: Poppins, sans-serif;
font-weight: 600;
}

h1 {
margin-bottom: 1rem;
text-align: center;
margin-bottom: 1rem;
text-align: center;
}

h1::before {
content: url("/assets/images/favicon/favicon-32x32.png");
height: 2rem;
margin-right: 0.5rem;
vertical-align: middle;
content: url("/assets/images/favicon/favicon-32x32.png");
height: 2rem;
margin-right: 0.5rem;
vertical-align: middle;
}

#connection-status {
position: absolute;
top: 1.5rem;
right: 1rem;
position: absolute;
top: 1.5rem;
right: 1rem;
}

#player-name {
position: absolute;
top: 1.5rem;
left: 1rem;
position: absolute;
top: 1.5rem;
left: 1rem;
}

#player-list {
padding-inline-start: 0;
list-style: none;
padding-inline-start: 0;
list-style: none;
}

#bonus-points {
display: none;
display: none;
}

#question {
display: none;
display: none;
}

.answer-form fieldset {
display: inline-block;
display: inline-block;
}

.answer-form button {
display: block;
display: block;
}

#countdown-section {
display: none;
display: none;
}
30 changes: 15 additions & 15 deletions client/assets/styles/reset.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
*,
*::before,
*::after {
box-sizing: border-box;
box-sizing: border-box;
}

/* Prevent font size inflation */
html {
text-size-adjust: none;
text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
Expand All @@ -21,19 +21,19 @@ figure,
blockquote,
dl,
dd {
margin: 0;
margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
list-style: none;
list-style: none;
}

/* Set core body defaults */
body {
min-height: 100vh;
line-height: 1.5;
min-height: 100vh;
line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
Expand All @@ -44,44 +44,44 @@ h4,
button,
input,
label {
line-height: 1.1;
line-height: 1.1;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
text-wrap: balance;
text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
color: currentcolor;
text-decoration-skip-ink: auto;
color: currentcolor;
text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
display: block;
max-width: 100%;
display: block;
max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
min-height: 10em;
min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
scroll-margin-block: 5ex;
scroll-margin-block: 5ex;
}
Loading

0 comments on commit 6498cf8

Please sign in to comment.