kj
/
webtrigon-job-portal
1
0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Angular job portal app
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
38 коммитов
2 Ветки
2.3 MiB
 
 
 
 
Дерево: 298e86de48
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из '298e86de48'
${ noResults }
webtrigon-job-portal/src/pages/Quiz/Quiz.module.scss

115 строки
2.9 KiB
Исходник Вина История 

  1. .quizContainer {

  2.     .upfold {

  3.         height: 40vh;

  4.         background-color: #151515;

  5.         position: relative;

  6. 

  7.         &::after {

  8.             content: "";

  9.             display: block;

  10.             width: 0;

  11.             height: 0;

  12.             border-left: 68vw solid #262626;

  13.             border-right: 75vw solid white;

  14.             border-top: 3rem solid transparent;

  15.             position: absolute;

  16.             bottom: 0;

  17.             left: 0;

  18.         }

  19. 

  20.         .header {

  21.             display: flex;

  22.             align-items: center;

  23.             justify-content: space-between;

  24.             width: 54.5%;

  25.             margin-left: auto;

  26.             height: 10vh;

  27. 

  28.             h4 {

  29.                 color: white;

  30.                 font-size: 2.4rem;

  31.                 font-weight: 200;

  32.                 letter-spacing: 0.024rem;

  33.                 margin-top: 0;

  34.                 align-self: flex-end;

  35.             }

  36. 

  37.             ion-icon {

  38.                 color: white;

  39.                 margin-right: 3rem;

  40.                 width: 3rem;

  41.                 height: 4rem;

  42.                 align-self: flex-end;

  43. 

  44.             }

  45.         }

  46. 

  47.         // .questionHolder {

  48.         //     display: flex;

  49.         //     flex-direction: column;

  50.         //     align-items: center;

  51.         //     justify-content: space-between;

  52.         //     text-align: center;

  53.         //     color: white;

  54.         //     width: 90%;

  55.         //     margin: 0 auto;

  56.         //     height: 27vh;

  57.         //     background-image: url("../../assets/icons/desktop-particles.svg");

  58.         //     background-position: center;

  59.         //     background-repeat: no-repeat;

  60.         //     background-size: 150% 150%;

  61. 

  62.         //     .questionNumber {

  63.         //         font-size: 1.3rem;

  64.         //         font-weight: 600;

  65.         //     }

  66.         //     .question {

  67.         //         font-size: 1.8rem;

  68.         //         font-weight: 300;

  69.         //     }

  70. 

  71.         //     .quizTimer {

  72.         //         .border {

  73.         //             width: 6rem;

  74.         //             height: 6rem;

  75.         //             border-radius: 50%;

  76.         //             border: 0.2rem solid #6BD534;

  77.         //             .time {

  78.         //                 margin-top: 1.8rem;

  79.         //                 font-size: 1.4rem;

  80.         //             }

  81.         //         }

  82.         //     }

  83.         // }

  84.     }

  85. 

  86.     .quizOptions {

  87.         height: 60vh;

  88.         display: flex;

  89.         flex-direction: column;

  90.         align-items: center;

  91.         justify-content: space-around;

  92. 

  93.         .options {

  94.             width: 90%;

  95.             margin: 0 auto;

  96.         }

  97.     

  98.         .button {

  99.             text-decoration: none;

  100.             width: 100%;

  101.             ion-button {

  102.                 --background: #DDDDDD;

  103.                 width: 90%;

  104.                 margin: 0 auto;

  105.             }

  106.         }

  107. 

  108.         .active {

  109.             ion-button {

  110.                 --background: var(--primary-button-color);

  111.             }

  112.         }

  113.     }

  114. 

  115. }