changed the styles.css files

reactplay · May 26, 2022 · ad41451 · ad41451
1 parent 7b3660f
commit ad41451
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 27 deletions.
diff --git a/package.json b/package.json
@@ -58,8 +58,8 @@
  ]
  },
  "devDependencies": {
- "react-snap": "^1.23.0",
  "puppeteer": "^13.7.0",
+ "react-snap": "^1.23.0",
  "typescript": "^4.6.4"
  }
 }
diff --git a/src/plays/quizeo/src/components/directory/directory.styles.css b/src/plays/quizeo/src/components/directory/directory.styles.css
@@ -1,4 +1,4 @@
-.directoryMenu{
+.quizeo .directoryMenu{
  margin: 3rem; 
  display: flex; 
  flex-direction: row; 

diff --git a/src/plays/quizeo/src/components/header/header.styles.css b/src/plays/quizeo/src/components/header/header.styles.css
@@ -1,4 +1,4 @@
-.header{
+.quizeo .header{
  cursor: pointer;
  margin-top: 1.5rem; 
  margin-bottom: 3.5rem; 

diff --git a/src/plays/quizeo/src/components/menu-item/menu-item.styles.css b/src/plays/quizeo/src/components/menu-item/menu-item.styles.css
@@ -1,4 +1,4 @@
-.menu-item{
+.quizeo .menu-item{
  display: flex; 
  position: relative; 
  margin: 0.25rem; 
@@ -11,14 +11,14 @@
  opacity: 0.9; 
 }
 
-.image-container{
+.quizeo .image-container{
  background-position: center; 
  background-size: cover; 
  width: 100%; 
  height: 18rem; 
 }
 
-.image-content{
+.quizeo .image-content{
  position: absolute; 
  padding: 1.25rem; 
  background-color: #ffffff; 
@@ -29,7 +29,7 @@
  opacity: 0.8; 
 }
 
-.image-content h1{
+.quizeo .image-content h1{
  font-size: 1.125rem;
  line-height: 1.75rem; 
 }
diff --git a/src/plays/quizeo/src/components/questions/questions.styles.css b/src/plays/quizeo/src/components/questions/questions.styles.css
@@ -1,4 +1,4 @@
-.question-container{
+.quizeo .question-container{
  display: flex; 
  margin-left: 2.25rem;
  margin-right: 2.25rem; 
@@ -9,24 +9,24 @@
  align-items: center; 
 }
 
-.question-background{
+.quizeo .question-background{
  opacity: 0.5; 
 }
 
-.question-model{
+.quizeo .question-model{
  margin-top:-4%;
  width: 50%; 
 }
 
-.category-title{
+.quizeo .category-title{
  display: inline-block; 
  position: relative; 
  font-size: 2.25rem;
  line-height: 2.5rem; 
  text-align: center; 
 }
 
-.category-title::before{
+.quizeo .category-title::before{
  content:"";
  display:block;
  position: absolute;
@@ -39,19 +39,19 @@
 }
 
 
-.title{
+.quizeo .title{
  position: relative; 
  color: #ffffff; 
 }
 
-.questions-section{
+.quizeo .questions-section{
  background-color: #d8e2f7;
  margin-top: 2rem; 
  border-radius: 0.75rem; 
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); 
 }
 
-.question-title{
+.quizeo .question-title{
  padding-left: 0.75rem;
  padding-right: 0.75rem; 
  padding-top: 3rem;
@@ -62,19 +62,19 @@
  font-weight: 600; 
 }
 
-.options-section{
+.quizeo .options-section{
  margin-left: 1rem;
  margin-right: 1rem; 
  text-align: center; 
 }
 
-.option-button{
+.quizeo .option-button{
  padding-top: 0.75rem;
  border:none;
  padding-bottom: 0.75rem; 
  margin: 1rem; 
  background-color: #3B82F6; 
- color: #ffffff; 
+ color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.75rem; 
  font-weight: 500; 
@@ -86,21 +86,21 @@
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); 
 }
 
-.option-button:hover{
+.quizeo .option-button:hover{
  background-color: #2563EB; 
 }
 
-.option-button:active{
+.quizeo .option-button:active{
  background-color: #2e2b77;
 }
 
-.option-button:focus{
+.quizeo .option-button:focus{
  outline: 0;
  background-color: #2e2b77;
  border : 2px solid #93C5FD; 
 }
 
-.submit-answer{
+.quizeo .submit-answer{
  border:none;
  padding: 0.5rem;
  margin:4%;

diff --git a/src/plays/quizeo/src/pages/score-page/score.styles.css b/src/plays/quizeo/src/pages/score-page/score.styles.css
@@ -1,10 +1,10 @@
-.score-container{
+.quizeo .score-container{
  display: flex; 
  align-items: center;
  justify-content: center; 
 }
 
-.score-section{
+.quizeo .score-section{
  display: flex; 
  position: absolute; 
  top:25%; 
@@ -17,7 +17,7 @@
  border-radius: 1.5rem; 
 }
 
-.score-close{
+.quizeo .score-close{
  border:none;
  position: absolute; 
  top: 1rem; 
@@ -28,13 +28,13 @@
  background-color: white;
 }
 
-.score-section h1{
+.quizeo .score-section h1{
  font-size: 1.5rem;
  line-height: 2rem; 
  font-weight: 500; 
 }
 
-.play-button{
+.quizeo .play-button{
  color:white;
  border:none;
  padding: 0.75rem;