kj
/
lms-app
1
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Angular LMS app
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
Este repositório está arquivado. Você pode visualizar os arquivos e realizar clone, mas não poderá realizar push nem abrir issues e pull requests.
104 Commits
1 Branch
605 KiB
 
 
 
 
Tag: 71e5307fca
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de 71e5307fca
${ noResults }
lms-app/src/app/tabs/courses/test/question-sheet/question-sheet.component.scss

144 linhas
2.9 KiB
Original Anotar Histórico 

  1. .page-container {

  2.     padding-bottom: 0;

  3. }

  4. 

  5. .main-header {

  6.     display: flex;

  7.     width: 100%;

  8.     height: 50px;

  9.     background-color: var(--ash-black);

  10.     justify-content: space-between;

  11.     align-items: center;

  12.     padding: 0 5%;

  13.     position: sticky;

  14.     top: 0;

  15.     z-index: 1;

  16.     position: -webkit-sticky;

  17. 

  18.     .counter {

  19.         font-size: 14px;

  20.         color: var(--light-grey);

  21.         width: 50px;

  22. 

  23.         span {

  24.             color: var(--teal-green);

  25.         }

  26.     }

  27. 

  28.     button {

  29.         width: 50px;

  30.         height: 50px;

  31.         text-align: right;

  32.         background-color: transparent;

  33.         border: 0px;

  34. 

  35.         .icon {

  36.             width: 18px;

  37.             height: 18px;

  38.             fill: var(--light-grey);

  39.         }

  40.     }

  41. 

  42.     .duration {

  43.         color: var(--light-grey);

  44.         width: calc(100% - 100px);

  45.         font-size: 20px;

  46.         font-weight: 500;

  47.         letter-spacing: 1px;

  48.         text-align: center;

  49. 

  50.         .icon {

  51.             width: 14px;

  52.             height: 14px;

  53.             margin-right: 5px;

  54.             fill: var(--light-grey);

  55.         }

  56.     }

  57. }

  58. 

  59. .category-list {

  60.     list-style: none;

  61.     width: 100%;

  62.     position: relative;

  63.     z-index: 0;

  64. 

  65.     header {

  66.         background-color: var(--dark-grey);

  67.         color: var(--white);

  68.         display: flex;

  69.         width: 100%;

  70.         padding: 0 5%;

  71.         align-items: center;

  72.         justify-content: space-between;

  73.         position: sticky;

  74.         top: 50px;

  75.         position: -webkit-sticky;

  76.         z-index: 1;

  77.         height: 50px;

  78. 

  79.         h5 {

  80.             font-weight: 400;

  81.             font-size: 14px;

  82.         }

  83.     }

  84. }

  85. 

  86. .acknowledgement {

  87.     background-color: var(--dark-grey);

  88.     color: var(--white);

  89.     padding: 15px 5%;

  90. 

  91.     .container {

  92.         display: flex;

  93.         width: 100%;

  94.         justify-content: space-between;

  95.         align-items: flex-start;

  96.     }

  97. 

  98.     .checkbox {

  99.         width: 20px;

  100.         height: 20px;

  101.         border: 2px solid var(--light-grey);

  102.         display: flex;

  103.         align-items: center;

  104.         justify-content: center;

  105.         background-color: var(--white);

  106.         border-radius: 3px;

  107.         transition: background-color 0.2s, border-color 0.2s;

  108. 

  109.         &.active {

  110.             background-color: var(--teal-green);

  111.             color: var(--white);

  112.             border-color: var(--teal-green);

  113.         }

  114. 

  115.         span {

  116.             font-size: 12px;

  117.         }

  118.     }

  119. 

  120.     p {

  121.         width: calc(100% - 30px);

  122.         font-size: 14px;

  123.         line-height: 1.5;

  124.     }

  125. 

  126.     button {

  127.         width: 100%;

  128.         display: block;

  129.         border-radius: 5px;

  130.         background-color: var(--teal-green);

  131.         font-size: 14px;

  132.         height: 40px;

  133.         color: var(--white);

  134.         margin: 10px auto 0;

  135.         border: 0px;

  136.         transition: background-color 0.3s;

  137. 

  138.         &.inactive {

  139.             pointer-events: none;

  140.             background-color: var(--light-grey);

  141.         }

  142.     }

  143. }