fix: add big-screen variiable

overhangio · Jun 11, 2024 · a4b0b07 · a4b0b07
1 parent 1dc3c5c
commit a4b0b07
Show file tree

Hide file tree

Showing 8 changed files with 25 additions and 84 deletions.
diff --git a/changelog.d/20240611_091203_hina.khadim_indigo.md b/changelog.d/20240611_091203_hina.khadim_indigo.md
@@ -0,0 +1 @@
+- [BugFix] Add big screen variable of screen responsiveness (by @tanveer65)
diff --git a/tutorindigo/templates/indigo/lms/static/sass/courseware/_bookmarks.scss b/tutorindigo/templates/indigo/lms/static/sass/courseware/_bookmarks.scss
@@ -97,7 +97,7 @@
             h3 {
                 font-size: 18px;
                 font-weight: 600;
-                color: $drak;
+                color: $dark;
                 .icon {
                     width: 12px;
                     height: 12px;

diff --git a/...o/lms/static/sass/dashbord/_dashbord.scss → ...lms/static/sass/dashboard/_dashboard.scss b/...o/lms/static/sass/dashbord/_dashbord.scss → ...lms/static/sass/dashboard/_dashboard.scss
diff --git a/tutorindigo/templates/indigo/lms/static/sass/extra/_footer.scss b/tutorindigo/templates/indigo/lms/static/sass/extra/_footer.scss
@@ -81,10 +81,10 @@ footer.tutor-container {
                     line-height: 24px;
                 }
                 a {
-                    color: $light-drak;
+                    color: $light-dark;
                     text-decoration: none;
                     &:hover {
-                        color: $drak;
+                        color: $dark;
                         text-decoration: none;
                     }
                 }
@@ -95,6 +95,6 @@ footer.tutor-container {
         display: block;
         font-size: 12px;
         line-height: 16px;
-        color: $light-drak;
+        color: $light-dark;
     }
 }
diff --git a/tutorindigo/templates/indigo/lms/static/sass/extra/_header.scss b/tutorindigo/templates/indigo/lms/static/sass/extra/_header.scss
@@ -42,11 +42,11 @@ header.global-header {
                     font-weight: 500;
                     line-height: 22px;
                     padding: 20px 0;
-                    color: $light-drak;
+                    color: $light-dark;
                     margin: 0 16px 0 0;
                     border-bottom: 2px solid transparent;
                     &.active, &:hover {
-                        color: $drak;
+                        color: $dark;
                         border-bottom: 2px solid $primary;
                     }
                 }
@@ -102,10 +102,10 @@ header.global-header {
                         padding: 10px;
                         font-size: 14px;
                         line-height: 20px;
-                        color: $light-drak;
+                        color: $light-dark;
                         &:hover {
                             background: $primary-light;
-                            color: $drak;                         ;
+                            color: $dark;                         ;
                         }
                     }
                 }
@@ -143,11 +143,11 @@ header.global-header {
             padding: 16px;
             font-size: 14px;
             line-height: 20px;
-            color: $light-drak;
+            color: $light-dark;
             border: none;
             &:hover, &.active {
                 background: $primary-light;
-                color: $drak;
+                color: $dark;
             }
         }
     }

diff --git a/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_extras.scss b/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_extras.scss
@@ -260,7 +260,7 @@ nav.wrapper-preview-menu {
       line-height: 34px;
       margin: 0 0 12px;
       text-align: left;
-      color: $drak;
+      color: $dark;
     }
     p {
       margin: 0 0 20px;
@@ -295,13 +295,13 @@ body.view-statictab, body.view-instructordash, body.view-teams, body.view-wiki {
           border-width: 2px;
           font-size: 14px;
           font-weight: 500;
-          color: $light-drak;
+          color: $light-dark;
           &:hover, &:visited {
-            color: $drak;
+            color: $dark;
             border-color: transparent;
           }
           &.active {
-            color: $drak;
+            color: $dark;
             border-color: $primary;
           }
         }
@@ -385,7 +385,7 @@ body.view-instructordash {
             color: white !important;
           }
           &:hover {
-            color: $drak;
+            color: $dark;
           }
         }
       }
@@ -417,12 +417,12 @@ body.view-instructordash {
       margin: 0 0 30px;
       h4 {
         font-size: 18px;
-        color: $drak;
+        color: $dark;
         font-weight: 600;
         span  {
           font-size: 14px;
           font-weight: normal;
-          color: $light-drak;
+          color: $light-dark;
         }
       }
     }
@@ -620,7 +620,7 @@ body.view-wiki{
 
 @import '../../../extra/footer';
 @import '../../../extra/header';
-@import '../../../dashbord/dashbord';
+@import '../../../dashboard/dashboard';
 @import '../../../courseware/discover';
 @import '../../../courseware/about';
 @import '../../../courseware/bookmarks';

diff --git a/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_fonts.scss b/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_fonts.scss
@@ -1,67 +1,3 @@
-// SansSerif
-@font-face {
-  font-family: 'Plex';
-  src: url('#{$static-path}/fonts/IBMPlexSans-Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Plex';
-  src:
-    url('#{$static-path}/fonts/IBMPlexSans-LightItalic.ttf') format('truetype');
-  font-weight: 300;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Plex';
-  src:
-    url('#{$static-path}/fonts/IBMPlexSans-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Plex';
-  src:
-    url('#{$static-path}/fonts/IBMPlexSans-Italic.ttf') format('truetype');
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Plex';
-  src:
-    url('#{$static-path}/fonts/IBMPlexSans-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Plex';
-  src:
-    url('#{$static-path}/fonts/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');
-  font-weight: 600;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Plex';
-  src:
-    url('#{$static-path}/fonts/IBMPlexSans-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Plex';
-  src:
-    url('#{$static-path}/fonts/IBMPlexSans-BoldItalic.ttf') format('truetype');
-  font-weight: 700;
-  font-style: italic;
-}
-
 ///////// Serif
 @font-face {
   font-family: 'Crimson';

diff --git a/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_variables.scss b/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_variables.scss
@@ -9,5 +9,9 @@ $f-sans-serif: Crimson, 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-ser
 // Initialize the Open edX Bootstrap theme
 @import 'edx-bootstrap/sass/open-edx/theme';
 
-$drak: #111827;
-$light-drak: #374151;
+
+// Introducing new variables 
+
+$dark: #111827;                 
+$light-dark: #374151;
+$big-screen: 1200px;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		- [BugFix] Add big screen variable of screen responsiveness (by @tanveer65)