andrew/rock-paper-scissors
1
0
Fork 0
Code Releases Activity

Converted card width to css var

Browse Source
This commit is contained in:
Andrew Kemp
2020-05-13 14:27:39 -04:00
parent 4253946e8d
commit 2dd1ecd517
5 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/game-card/game-card.component.css
View File

@@ -3,7 +3,7 @@
} }
.game-card { .game-card {
width: 420px; width: var(--card-width);
} }
.full-width-field { .full-width-field {

2
src/app/match-results/match-results.component.css
View File

@@ -3,7 +3,7 @@
} }
.match-results { .match-results {
width: 420px; width: var(--card-width);
} }
.match-results-text { .match-results-text {

2
src/app/score-card/score-card.component.css
View File

@@ -4,7 +4,7 @@
.match-score { .match-score {
margin: 1rem 0; margin: 1rem 0;
width: 420px; width: var(--card-width);
} }
.score-box { .score-box {

1
src/app/score-card/score-card.component.ts
View File

@@ -1,4 +1,5 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { GameFacade } from '../store/game'; import { GameFacade } from '../store/game';
@Component({ @Component({

5
src/styles.css
View File

@@ -1,4 +1,9 @@
/* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */
:root {
--card-width: 420px;
}
html, body { height: 100%; } html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }