kj
/
lms-app
1
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
Angular LMS app
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
99 Commitit
1 Haara
605 KiB
 
 
 
 
Puu: 423a939a30
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '423a939a30'
${ noResults }
lms-app/src/app/tabs/courses/courses.component.scss

92 rivejä
1.7 KiB
Raaka Blame Historia 

  1. header {

  2.     padding: 0 7%;

  3.     color: white;

  4.     font-size: 18px;

  5.     position: relative;

  6.     margin-top: 50px;

  7. 

  8.     &.level-header {

  9.         font-size: 17px;

  10.         color: var(--ash-black);

  11.         font-weight: bold;

  12.         letter-spacing: 1px;

  13.         margin: 20px auto 0;

  14. 

  15.         &.whiten {

  16.             color: white;

  17.         }

  18.     }

  19. }

  20. 

  21. ul {

  22.     list-style: none;

  23.     width: 90%;

  24.     margin: 0 auto;

  25.     display: flex;

  26.     align-items: stretch;

  27.     justify-content: space-between;

  28.     position: relative;

  29.     flex-wrap: wrap;

  30. 

  31.     &.hidden {

  32.         display: none;

  33.     }

  34. 

  35.     li {

  36.         width: 42vw;

  37.         height: 37vw;

  38.         padding: 15px;

  39.         background-color: white;

  40.         border-radius: 15px;

  41.         margin-top: 6vw;

  42.         box-shadow: 0px 0px 5px var(--light-grey);

  43.         position: relative;

  44.     }

  45. 

  46.     .details {

  47.         position: absolute;

  48.         bottom: 0px;

  49.         left: 0;

  50.         padding: 15px;

  51.         width: 100%;

  52.     }

  53. 

  54.     h2 {

  55.         font-size: 26px;

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

  57.         opacity: 0.7;

  58.         font-weight: 700;

  59.     }

  60. 

  61.     h5 {

  62.         color: var(--dark-grey);

  63.         font-weight: 500;

  64.         font-size: 14px;

  65.         margin-bottom: 3px;

  66.     }

  67. 

  68.     p {

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

  70.         font-size: 12px;

  71.     }

  72. 

  73.     .progress-holder {

  74.         position: relative;

  75.         height: 5px;

  76.         background-color: #cecece;

  77.         border-radius: 30px;

  78.         overflow: hidden;

  79.         width: 100%;

  80.         margin-top: 3px;

  81. 

  82.         .progress {

  83.             background-color: var(--green);

  84.             width: 50%;

  85.             height: 100%;

  86.             position: absolute;

  87.             left: 0;

  88.             top: 0;

  89.         }

  90.     }

  91. }