kj
/
lms-app
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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.
47 Commits
1 Branch
605 KiB
 
 
 
 
Tree: 391b1e3600
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '391b1e3600'
${ noResults }
lms-app/src/app/tabs/courses/chapter-notes/chapter-notes.component.scss

122 lines
2.1 KiB
Raw Blame History 

  1. .page {

  2.     background-color: var(--black);

  3.     height: 100vh;

  4.     padding-bottom: 60px;

  5.     overflow: auto;

  6. }

  7. 

  8. .nav-header {

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

  10.     display: flex;

  11.     align-items: center;

  12.     padding: 0 5%;

  13.     height: 60px;

  14.     position: sticky;

  15.     position: -webkit-sticky;

  16.     top: 0;

  17.     z-index: 1;

  18. 

  19.     .close-button {

  20.         border: 0px;

  21.         background-color: transparent;

  22.         .icon {

  23.             width: 16px;

  24.             height: 16px;

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

  26.         }

  27.     }

  28. 

  29.     h5 {

  30.         font-size: 16px;

  31.         color: white;

  32.         font-weight: 400;

  33.         margin-left: 20px;

  34.         letter-spacing: 1px;

  35. 

  36.         .icon {

  37.             width: 15px;

  38.             height: 15px;

  39.             fill: white;

  40.             margin-right: 3px;

  41.             vertical-align: middle;

  42.             position: relative;

  43.             top: -1px;

  44.         }

  45.     }

  46. }

  47. 

  48. h2 {

  49.     padding: 0 5%;

  50.     font-size: 22px;

  51.     margin: 20px auto 10px;

  52.     color: white;

  53.     font-weight: 400;

  54. }

  55. 

  56. .author {

  57.     display: flex;

  58.     width: 100%;

  59.     padding: 0 5%;

  60. 

  61.     img {

  62.         width: 20px;

  63.         height: 20px;

  64.         border-radius: 50%;

  65.         margin-right: 10px;

  66.     }

  67. 

  68.     label {

  69.         font-size: 14px;

  70.         color: white;

  71.         margin-right: 10px;

  72.     }

  73. 

  74.     span {

  75.         position: relative;

  76.         font-size: 14px;

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

  78.         position: relative;

  79.         display: flex;

  80.         align-items: center;

  81. 

  82.         &::before {

  83.             content: '';

  84.             display: inline-block;

  85.             height: 100%;

  86.             width: 2px;

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

  88.             margin-right: 10px;

  89.         }

  90.     }

  91. }

  92. 

  93. .description {

  94.     width: 90%;

  95.     margin: 40px auto 0;

  96.     color: white;

  97. 

  98.     p {

  99.         margin: 20px auto;

  100.         font-size: 14px;

  101.         line-height: 2;

  102.     }

  103. 

  104.     a {

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

  106.     }

  107. 

  108.     figure {

  109.         display: block;

  110.         width: 100%;

  111.         border-radius: 5px;

  112.         overflow: hidden;

  113.         margin: 20px auto;

  114. 

  115.         img {

  116.             display: block;

  117.             width: 100%;

  118.             object-fit: cover;

  119.         }

  120.     }

  121. }