rename variables, drop screen constraints

noerw · noerw · commit f49b3ed6e4c9 · 2020-11-14T20:14:59.000+01:00
diff --git a/web_src/less/_admin.less b/web_src/less/_admin.less
@@ -90,16 +90,16 @@
 
   #notice-table {
     .notice-description {
-      @media @mediaScreenSm {
+      @media @mediaSm {
         max-width: 80vw;
       }
-      @media @mediaScreenMd {
+      @media @mediaMd {
         max-width: 360px;
       }
-      @media @mediaScreenLg {
+      @media @mediaLg {
         max-width: 510px;
       }
-      @media @mediaScreenXl {
+      @media @mediaXl {
         max-width: 640px;
       }
     }
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
@@ -314,7 +314,7 @@ a:hover,
     margin-right: 0 !important;
   }
 
-  @media @mediaScreenSm {
+  @media @mediaSm {
     #navbar:not(.shown) > *:not(:first-child) {
       display: none;
     }
@@ -754,7 +754,7 @@ a:hover,
   }
 
   &.pagination.menu {
-    @media @mediaScreenSm {
+    @media @mediaSm {
       .item:not(.active):not(.navigation),
       .item.navigation span.navigation_label {
         display: none;
@@ -880,7 +880,7 @@ footer {
 }
 
 // Conditional display
-@media only screen and @breakMdMin {
+@media @mediaMdAndUp {
   .mobile-only,
   .ui.button.mobile-only {
     display: none;
@@ -893,7 +893,7 @@ footer {
   }
 }
 
-@media @mediaScreenSm {
+@media @mediaSm {
   .not-mobile {
     display: none;
   }
@@ -921,7 +921,7 @@ footer {
   clip: auto;
 }
 
-@media @mediaScreenMd {
+@media @mediaMd {
   .ui.container {
     width: 95%;
   }
@@ -936,7 +936,7 @@ footer {
   border-width: 1px !important;
 }
 
-@media only screen and @breakLgMax {
+@media @mediaLgAndDown {
   .ui.menu.new-menu {
     overflow-x: auto !important;
     justify-content: left !important;
@@ -1377,7 +1377,7 @@ table th[data-sortt-desc] {
 }
 
 .dropdown:not(.selection) > .menu.review-box > * {
-  @media only screen and (max-height: 700px) {
+  @media (max-height: 700px) {
     .CodeMirror,
     .CodeMirror-scroll {
       min-height: 100px;
diff --git a/web_src/less/_dashboard.less b/web_src/less/_dashboard.less
@@ -35,7 +35,7 @@
           left: 90%;
           width: 15%;
 
-          @media @mediaScreenSm {
+          @media @mediaSm {
             top: 10px;
             left: auto;
             width: auto;
@@ -57,7 +57,7 @@
         left: auto !important;
       }
 
-      @media @mediaScreenSm {
+      @media @mediaSm {
         width: 100%;
       }
     }
diff --git a/web_src/less/_form.less b/web_src/less/_form.less
@@ -144,7 +144,7 @@ textarea:focus,
       text-align: center;
     }
 
-    @media only screen and @breakMdMin {
+    @media @mediaMdAndUp {
       width: 800px !important;
 
       .header {
@@ -171,7 +171,7 @@ textarea:focus,
       }
     }
 
-    @media @mediaScreenSm {
+    @media @mediaSm {
       .optional .title {
         margin-left: 15px;
       }
@@ -213,7 +213,7 @@ textarea:focus,
   }
 }
 
-@media only screen and @breakMdMin {
+@media @mediaMdAndUp {
   .g-recaptcha,
   .h-captcha {
     margin: 0 auto !important;
@@ -222,7 +222,7 @@ textarea:focus,
   }
 }
 
-@media screen and (max-height: 575px) {
+@media (max-height: 575px) {
   #rc-imageselect,
   .g-recaptcha,
   .h-captcha {
@@ -253,7 +253,7 @@ textarea:focus,
 
     .inline.field > label,
     input {
-      @media @mediaScreenSm {
+      @media @mediaSm {
         width: 100% !important;
       }
     }
@@ -291,7 +291,7 @@ textarea:focus,
         width: 50% !important;
       }
 
-      @media @mediaScreenSm {
+      @media @mediaSm {
         label,
         input,
         .selection.dropdown {
@@ -309,7 +309,7 @@ textarea:focus,
 
   &.new.repo {
     .ui.form {
-      @media only screen and @breakMdMin {
+      @media @mediaMdAndUp {
         #auto-init {
           margin-left: @create-page-form-input-padding+15px;
         }
@@ -318,7 +318,7 @@ textarea:focus,
       .selection.dropdown:not(.owner) {
         width: 50% !important;
 
-        @media @mediaScreenSm {
+        @media @mediaSm {
           width: 100% !important;
         }
       }
@@ -347,7 +347,7 @@ textarea:focus,
 }
 
 .new.org .ui.form {
-  @media @mediaScreenSm {
+  @media @mediaSm {
     .field button,
     .field a {
       margin-bottom: 1em;
diff --git a/web_src/less/_home.less b/web_src/less/_home.less
@@ -6,7 +6,7 @@
   }
 
   .hero {
-    @media @mediaScreenSm {
+    @media @mediaSm {
       h1 {
         font-size: 3.5em;
       }
@@ -16,7 +16,7 @@
       }
     }
 
-    @media only screen and @breakMdMin {
+    @media @mediaMdAndUp {
       h1 {
         font-size: 5.5em;
       }
@@ -58,7 +58,7 @@
 footer {
   .ui.container .left,
   .ui.container .right {
-    @media only screen and (max-width: 880px) {
+    @media (max-width: 880px) {
       display: block;
       text-align: center;
       float: none;
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
@@ -122,7 +122,7 @@
         text-overflow: ellipsis;
       }
 
-      @media @breakLgMax {
+      @media @mediaLgAndDown {
         .title {
           max-width: 150px;
         }
@@ -221,7 +221,7 @@
   #clone-panel {
     width: 350px;
 
-    @media @mediaScreenSm {
+    @media @mediaSm {
       width: 100%;
     }
 
@@ -284,7 +284,7 @@
       }
 
       .ui.tiny.blue.buttons {
-        @media @mediaScreenSm {
+        @media @mediaSm {
           width: 100%;
         }
       }
@@ -634,7 +634,7 @@
             width: 100%;
           }
 
-          @media @mediaScreenSm {
+          @media @mediaSm {
             flex-direction: column;
 
             h1 {
@@ -1035,7 +1035,7 @@
               #avatar-arrow;
             }
 
-            @media @mediaScreenSm {
+            @media @mediaSm {
               .form .button {
                 width: 100%;
 
@@ -1588,7 +1588,7 @@
     background: #ffffff;
     line-height: 30px;
 
-    @media only screen and @breakMdMax {
+    @media @mediaMdAndDown {
       flex-direction: column;
       align-items: flex-start;
     }
@@ -2029,13 +2029,13 @@
 
       button,
       input {
-        @media only screen and (max-width: 438px) {
+        @media (max-width: 438px) {
           width: 100%;
         }
       }
 
       button {
-        @media @mediaScreenSm {
+        @media @mediaSm {
           margin-bottom: 1em;
         }
       }
@@ -2120,7 +2120,7 @@
       }
     }
 
-    @media @mediaScreenSm {
+    @media @mediaSm {
       .dividing.header .stackable.grid .button {
         margin-top: 2px;
         margin-bottom: 2px;
@@ -2995,7 +2995,7 @@ tbody.commit-list {
   vertical-align: middle;
 }
 
-@media @mediaScreenSm {
+@media @mediaSm {
   tr.commit-list {
     width: 100%;
   }
@@ -3005,7 +3005,7 @@ tbody.commit-list {
   }
 }
 
-@media @mediaScreenMd {
+@media @mediaMd {
   tr.commit-list {
     width: 723px;
   }
@@ -3014,7 +3014,7 @@ tbody.commit-list {
   }
 }
 
-@media @mediaScreenLg {
+@media @mediaLg {
   tr.commit-list {
     width: 933px;
   }
@@ -3023,7 +3023,7 @@ tbody.commit-list {
   }
 }
 
-@media @mediaScreenXl {
+@media @mediaXl {
   tr.commit-list {
     width: 1127px;
   }
@@ -3069,7 +3069,7 @@ tbody.commit-list {
   }
 }
 
-@media @mediaScreenSm {
+@media @mediaSm {
   .ui.stackable.menu {
     &.mobile--margin-between-items > .item {
       margin-top: 5px;
@@ -3329,7 +3329,7 @@ td.blob-excerpt {
 .repository .ui.menu.new-menu {
   background: none !important;
 
-  @media only screen and @breakLgMax {
+  @media @mediaLgAndDown {
     &::after {
       background: none !important;
     }
diff --git a/web_src/less/_review.less b/web_src/less/_review.less
@@ -144,7 +144,7 @@ a.blob-excerpt:hover {
   margin-left: .5rem;
 }
 
-@media @mediaScreenSm {
+@media @mediaSm {
   #review-box > .menu {
     > .ui.segment {
       width: 94vw;
@@ -159,19 +159,19 @@ a.blob-excerpt:hover {
   }
 }
 
-@media @mediaScreenMd {
+@media @mediaMd {
   #review-box .CodeMirror-scroll {
     max-width: 700px;
   }
 }
 
-@media @mediaScreenLg {
+@media @mediaLg {
   #review-box .CodeMirror-scroll {
     max-width: 800px;
   }
 }
 
-@media @mediaScreenXl {
+@media @mediaXl {
   #review-box .CodeMirror-scroll {
     max-width: 900px;
   }
diff --git a/web_src/less/_user.less b/web_src/less/_user.less
@@ -53,7 +53,7 @@
         img {
           width: 100%;
         }
-        @media @mediaScreenSm {
+        @media @mediaSm {
           height: 250px;
           overflow: hidden;
 
@@ -64,7 +64,7 @@
         }
       }
 
-      @media @mediaScreenSm {
+      @media @mediaSm {
         width: 100%;
       }
     }
diff --git a/web_src/less/features/heatmap.less b/web_src/less/features/heatmap.less
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
diff --git a/web_src/less/variables.less b/web_src/less/variables.less

Original file line number	Diff line number	Diff line change
`@@ -90,16 +90,16 @@`
`90`	`90`
`91`	`91`	`#notice-table {`
`92`	`92`	`.notice-description {`
`93`		`- @media @mediaScreenSm {`
	`93`	`+ @media @mediaSm {`
`94`	`94`	`max-width: 80vw;`
`95`	`95`	`}`
`96`		`- @media @mediaScreenMd {`
	`96`	`+ @media @mediaMd {`
`97`	`97`	`max-width: 360px;`
`98`	`98`	`}`
`99`		`- @media @mediaScreenLg {`
	`99`	`+ @media @mediaLg {`
`100`	`100`	`max-width: 510px;`
`101`	`101`	`}`
`102`		`- @media @mediaScreenXl {`
	`102`	`+ @media @mediaXl {`
`103`	`103`	`max-width: 640px;`
`104`	`104`	`}`
`105`	`105`	`}`
Original file line number	Diff line number	Diff line change
`@@ -314,7 +314,7 @@ a:hover,`
`314`	`314`	`margin-right: 0 !important;`
`315`	`315`	`}`
`316`	`316`
`317`		`- @media @mediaScreenSm {`
	`317`	`+ @media @mediaSm {`
`318`	`318`	`#navbar:not(.shown) > *:not(:first-child) {`
`319`	`319`	`display: none;`
`320`	`320`	`}`
`@@ -754,7 +754,7 @@ a:hover,`
`754`	`754`	`}`
`755`	`755`
`756`	`756`	`&.pagination.menu {`
`757`		`- @media @mediaScreenSm {`
	`757`	`+ @media @mediaSm {`
`758`	`758`	`.item:not(.active):not(.navigation),`
`759`	`759`	`.item.navigation span.navigation_label {`
`760`	`760`	`display: none;`
`@@ -880,7 +880,7 @@ footer {`
`880`	`880`	`}`
`881`	`881`
`882`	`882`	`// Conditional display`
`883`		`-@media only screen and @breakMdMin {`
	`883`	`+@media @mediaMdAndUp {`
`884`	`884`	`.mobile-only,`
`885`	`885`	`.ui.button.mobile-only {`
`886`	`886`	`display: none;`
`@@ -893,7 +893,7 @@ footer {`
`893`	`893`	`}`
`894`	`894`	`}`
`895`	`895`
`896`		`-@media @mediaScreenSm {`
	`896`	`+@media @mediaSm {`
`897`	`897`	`.not-mobile {`
`898`	`898`	`display: none;`
`899`	`899`	`}`
`@@ -921,7 +921,7 @@ footer {`
`921`	`921`	`clip: auto;`
`922`	`922`	`}`
`923`	`923`
`924`		`-@media @mediaScreenMd {`
	`924`	`+@media @mediaMd {`
`925`	`925`	`.ui.container {`
`926`	`926`	`width: 95%;`
`927`	`927`	`}`
`@@ -936,7 +936,7 @@ footer {`
`936`	`936`	`border-width: 1px !important;`
`937`	`937`	`}`
`938`	`938`
`939`		`-@media only screen and @breakLgMax {`
	`939`	`+@media @mediaLgAndDown {`
`940`	`940`	`.ui.menu.new-menu {`
`941`	`941`	`overflow-x: auto !important;`
`942`	`942`	`justify-content: left !important;`
`@@ -1377,7 +1377,7 @@ table th[data-sortt-desc] {`
`1377`	`1377`	`}`
`1378`	`1378`
`1379`	`1379`	`.dropdown:not(.selection) > .menu.review-box > * {`
`1380`		`- @media only screen and (max-height: 700px) {`
	`1380`	`+ @media (max-height: 700px) {`
`1381`	`1381`	`.CodeMirror,`
`1382`	`1382`	`.CodeMirror-scroll {`
`1383`	`1383`	`min-height: 100px;`
Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@`
`35`	`35`	`left: 90%;`
`36`	`36`	`width: 15%;`
`37`	`37`
`38`		`- @media @mediaScreenSm {`
	`38`	`+ @media @mediaSm {`
`39`	`39`	`top: 10px;`
`40`	`40`	`left: auto;`
`41`	`41`	`width: auto;`
`@@ -57,7 +57,7 @@`
`57`	`57`	`left: auto !important;`
`58`	`58`	`}`
`59`	`59`
`60`		`- @media @mediaScreenSm {`
	`60`	`+ @media @mediaSm {`
`61`	`61`	`width: 100%;`
`62`	`62`	`}`
`63`	`63`	`}`
Original file line number	Diff line number	Diff line change
`@@ -144,7 +144,7 @@ textarea:focus,`
`144`	`144`	`text-align: center;`
`145`	`145`	`}`
`146`	`146`
`147`		`- @media only screen and @breakMdMin {`
	`147`	`+ @media @mediaMdAndUp {`
`148`	`148`	`width: 800px !important;`
`149`	`149`
`150`	`150`	`.header {`
`@@ -171,7 +171,7 @@ textarea:focus,`
`171`	`171`	`}`
`172`	`172`	`}`
`173`	`173`
`174`		`- @media @mediaScreenSm {`
	`174`	`+ @media @mediaSm {`
`175`	`175`	`.optional .title {`
`176`	`176`	`margin-left: 15px;`
`177`	`177`	`}`
`@@ -213,7 +213,7 @@ textarea:focus,`
`213`	`213`	`}`
`214`	`214`	`}`
`215`	`215`
`216`		`-@media only screen and @breakMdMin {`
	`216`	`+@media @mediaMdAndUp {`
`217`	`217`	`.g-recaptcha,`
`218`	`218`	`.h-captcha {`
`219`	`219`	`margin: 0 auto !important;`
`@@ -222,7 +222,7 @@ textarea:focus,`
`222`	`222`	`}`
`223`	`223`	`}`
`224`	`224`
`225`		`-@media screen and (max-height: 575px) {`
	`225`	`+@media (max-height: 575px) {`
`226`	`226`	`#rc-imageselect,`
`227`	`227`	`.g-recaptcha,`
`228`	`228`	`.h-captcha {`
`@@ -253,7 +253,7 @@ textarea:focus,`
`253`	`253`
`254`	`254`	`.inline.field > label,`
`255`	`255`	`input {`
`256`		`- @media @mediaScreenSm {`
	`256`	`+ @media @mediaSm {`
`257`	`257`	`width: 100% !important;`
`258`	`258`	`}`
`259`	`259`	`}`
`@@ -291,7 +291,7 @@ textarea:focus,`
`291`	`291`	`width: 50% !important;`
`292`	`292`	`}`
`293`	`293`
`294`		`- @media @mediaScreenSm {`
	`294`	`+ @media @mediaSm {`
`295`	`295`	`label,`
`296`	`296`	`input,`
`297`	`297`	`.selection.dropdown {`
`@@ -309,7 +309,7 @@ textarea:focus,`
`309`	`309`
`310`	`310`	`&.new.repo {`
`311`	`311`	`.ui.form {`
`312`		`- @media only screen and @breakMdMin {`
	`312`	`+ @media @mediaMdAndUp {`
`313`	`313`	`#auto-init {`
`314`	`314`	`margin-left: @create-page-form-input-padding+15px;`
`315`	`315`	`}`
`@@ -318,7 +318,7 @@ textarea:focus,`
`318`	`318`	`.selection.dropdown:not(.owner) {`
`319`	`319`	`width: 50% !important;`
`320`	`320`
`321`		`- @media @mediaScreenSm {`
	`321`	`+ @media @mediaSm {`
`322`	`322`	`width: 100% !important;`
`323`	`323`	`}`
`324`	`324`	`}`
`@@ -347,7 +347,7 @@ textarea:focus,`
`347`	`347`	`}`
`348`	`348`
`349`	`349`	`.new.org .ui.form {`
`350`		`- @media @mediaScreenSm {`
	`350`	`+ @media @mediaSm {`
`351`	`351`	`.field button,`
`352`	`352`	`.field a {`
`353`	`353`	`margin-bottom: 1em;`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`}`
`7`	`7`
`8`	`8`	`.hero {`
`9`		`- @media @mediaScreenSm {`
	`9`	`+ @media @mediaSm {`
`10`	`10`	`h1 {`
`11`	`11`	`font-size: 3.5em;`
`12`	`12`	`}`
`@@ -16,7 +16,7 @@`
`16`	`16`	`}`
`17`	`17`	`}`
`18`	`18`
`19`		`- @media only screen and @breakMdMin {`
	`19`	`+ @media @mediaMdAndUp {`
`20`	`20`	`h1 {`
`21`	`21`	`font-size: 5.5em;`
`22`	`22`	`}`
`@@ -58,7 +58,7 @@`
`58`	`58`	`footer {`
`59`	`59`	`.ui.container .left,`
`60`	`60`	`.ui.container .right {`
`61`		`- @media only screen and (max-width: 880px) {`
	`61`	`+ @media (max-width: 880px) {`
`62`	`62`	`display: block;`
`63`	`63`	`text-align: center;`
`64`	`64`	`float: none;`
Original file line number	Diff line number	Diff line change
`@@ -122,7 +122,7 @@`
`122`	`122`	`text-overflow: ellipsis;`
`123`	`123`	`}`
`124`	`124`
`125`		`- @media @breakLgMax {`
	`125`	`+ @media @mediaLgAndDown {`
`126`	`126`	`.title {`
`127`	`127`	`max-width: 150px;`
`128`	`128`	`}`
`@@ -221,7 +221,7 @@`
`221`	`221`	`#clone-panel {`
`222`	`222`	`width: 350px;`
`223`	`223`
`224`		`- @media @mediaScreenSm {`
	`224`	`+ @media @mediaSm {`
`225`	`225`	`width: 100%;`
`226`	`226`	`}`
`227`	`227`
`@@ -284,7 +284,7 @@`
`284`	`284`	`}`
`285`	`285`
`286`	`286`	`.ui.tiny.blue.buttons {`
`287`		`- @media @mediaScreenSm {`
	`287`	`+ @media @mediaSm {`
`288`	`288`	`width: 100%;`
`289`	`289`	`}`
`290`	`290`	`}`
`@@ -634,7 +634,7 @@`
`634`	`634`	`width: 100%;`
`635`	`635`	`}`
`636`	`636`
`637`		`- @media @mediaScreenSm {`
	`637`	`+ @media @mediaSm {`
`638`	`638`	`flex-direction: column;`
`639`	`639`
`640`	`640`	`h1 {`
`@@ -1035,7 +1035,7 @@`
`1035`	`1035`	`#avatar-arrow;`
`1036`	`1036`	`}`
`1037`	`1037`
`1038`		`- @media @mediaScreenSm {`
	`1038`	`+ @media @mediaSm {`
`1039`	`1039`	`.form .button {`
`1040`	`1040`	`width: 100%;`
`1041`	`1041`
`@@ -1588,7 +1588,7 @@`
`1588`	`1588`	`background: #ffffff;`
`1589`	`1589`	`line-height: 30px;`
`1590`	`1590`
`1591`		`- @media only screen and @breakMdMax {`
	`1591`	`+ @media @mediaMdAndDown {`
`1592`	`1592`	`flex-direction: column;`
`1593`	`1593`	`align-items: flex-start;`
`1594`	`1594`	`}`
`@@ -2029,13 +2029,13 @@`
`2029`	`2029`
`2030`	`2030`	`button,`
`2031`	`2031`	`input {`
`2032`		`- @media only screen and (max-width: 438px) {`
	`2032`	`+ @media (max-width: 438px) {`
`2033`	`2033`	`width: 100%;`
`2034`	`2034`	`}`
`2035`	`2035`	`}`
`2036`	`2036`
`2037`	`2037`	`button {`
`2038`		`- @media @mediaScreenSm {`
	`2038`	`+ @media @mediaSm {`
`2039`	`2039`	`margin-bottom: 1em;`
`2040`	`2040`	`}`
`2041`	`2041`	`}`
`@@ -2120,7 +2120,7 @@`
`2120`	`2120`	`}`
`2121`	`2121`	`}`
`2122`	`2122`
`2123`		`- @media @mediaScreenSm {`
	`2123`	`+ @media @mediaSm {`
`2124`	`2124`	`.dividing.header .stackable.grid .button {`
`2125`	`2125`	`margin-top: 2px;`
`2126`	`2126`	`margin-bottom: 2px;`
`@@ -2995,7 +2995,7 @@ tbody.commit-list {`
`2995`	`2995`	`vertical-align: middle;`
`2996`	`2996`	`}`
`2997`	`2997`
`2998`		`-@media @mediaScreenSm {`
	`2998`	`+@media @mediaSm {`
`2999`	`2999`	`tr.commit-list {`
`3000`	`3000`	`width: 100%;`
`3001`	`3001`	`}`
`@@ -3005,7 +3005,7 @@ tbody.commit-list {`
`3005`	`3005`	`}`
`3006`	`3006`	`}`
`3007`	`3007`
`3008`		`-@media @mediaScreenMd {`
	`3008`	`+@media @mediaMd {`
`3009`	`3009`	`tr.commit-list {`
`3010`	`3010`	`width: 723px;`
`3011`	`3011`	`}`
`@@ -3014,7 +3014,7 @@ tbody.commit-list {`
`3014`	`3014`	`}`
`3015`	`3015`	`}`
`3016`	`3016`
`3017`		`-@media @mediaScreenLg {`
	`3017`	`+@media @mediaLg {`
`3018`	`3018`	`tr.commit-list {`
`3019`	`3019`	`width: 933px;`
`3020`	`3020`	`}`
`@@ -3023,7 +3023,7 @@ tbody.commit-list {`
`3023`	`3023`	`}`
`3024`	`3024`	`}`
`3025`	`3025`
`3026`		`-@media @mediaScreenXl {`
	`3026`	`+@media @mediaXl {`
`3027`	`3027`	`tr.commit-list {`
`3028`	`3028`	`width: 1127px;`
`3029`	`3029`	`}`
`@@ -3069,7 +3069,7 @@ tbody.commit-list {`
`3069`	`3069`	`}`
`3070`	`3070`	`}`
`3071`	`3071`
`3072`		`-@media @mediaScreenSm {`
	`3072`	`+@media @mediaSm {`
`3073`	`3073`	`.ui.stackable.menu {`
`3074`	`3074`	`&.mobile--margin-between-items > .item {`
`3075`	`3075`	`margin-top: 5px;`
`@@ -3329,7 +3329,7 @@ td.blob-excerpt {`
`3329`	`3329`	`.repository .ui.menu.new-menu {`
`3330`	`3330`	`background: none !important;`
`3331`	`3331`
`3332`		`- @media only screen and @breakLgMax {`
	`3332`	`+ @media @mediaLgAndDown {`
`3333`	`3333`	`&::after {`
`3334`	`3334`	`background: none !important;`
`3335`	`3335`	`}`
Original file line number	Diff line number	Diff line change
`@@ -144,7 +144,7 @@ a.blob-excerpt:hover {`
`144`	`144`	`margin-left: .5rem;`
`145`	`145`	`}`
`146`	`146`
`147`		`-@media @mediaScreenSm {`
	`147`	`+@media @mediaSm {`
`148`	`148`	`#review-box > .menu {`
`149`	`149`	`> .ui.segment {`
`150`	`150`	`width: 94vw;`
`@@ -159,19 +159,19 @@ a.blob-excerpt:hover {`
`159`	`159`	`}`
`160`	`160`	`}`
`161`	`161`
`162`		`-@media @mediaScreenMd {`
	`162`	`+@media @mediaMd {`
`163`	`163`	`#review-box .CodeMirror-scroll {`
`164`	`164`	`max-width: 700px;`
`165`	`165`	`}`
`166`	`166`	`}`
`167`	`167`
`168`		`-@media @mediaScreenLg {`
	`168`	`+@media @mediaLg {`
`169`	`169`	`#review-box .CodeMirror-scroll {`
`170`	`170`	`max-width: 800px;`
`171`	`171`	`}`
`172`	`172`	`}`
`173`	`173`
`174`		`-@media @mediaScreenXl {`
	`174`	`+@media @mediaXl {`
`175`	`175`	`#review-box .CodeMirror-scroll {`
`176`	`176`	`max-width: 900px;`
`177`	`177`	`}`
Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@`
`53`	`53`	`img {`
`54`	`54`	`width: 100%;`
`55`	`55`	`}`
`56`		`- @media @mediaScreenSm {`
	`56`	`+ @media @mediaSm {`
`57`	`57`	`height: 250px;`
`58`	`58`	`overflow: hidden;`
`59`	`59`
`@@ -64,7 +64,7 @@`
`64`	`64`	`}`
`65`	`65`	`}`
`66`	`66`
`67`		`- @media @mediaScreenSm {`
	`67`	`+ @media @mediaSm {`
`68`	`68`	`width: 100%;`
`69`	`69`	`}`
`70`	`70`	`}`