4495 mitx online consolidate abandoned and duplicate css styling (#2267)

* commit * U[date * Update * commit * commit * commit * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * Commit * commit * Fix * fix * fix * commit --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
mitodl · Jul 1, 2024 · 4bc979d · 4bc979d
1 parent 6722aa4
commit 4bc979d
Show file tree

Hide file tree

Showing 17 changed files with 86 additions and 1,406 deletions.
diff --git a/ecommerce/templates/checkout_interstitial.html b/ecommerce/templates/checkout_interstitial.html
@@ -4,7 +4,7 @@
 {% block title %}{% trans "mitxonline" %}{% endblock %}
 
 {% block content %}
-    <section id="main" class="info-block">
+    <section id="main">
         <div class="container">
             <div class="content-row">
                 <div class="content-col">

diff --git a/frontend/public/scss/auth.scss b/frontend/public/scss/auth.scss
@@ -23,87 +23,6 @@
       font-size: 16px;
     }
   }
-
-  .confirm-sent-page {
-    font-size: 16px;
-    letter-spacing: 1.05px;
-    line-height: 20px;
-    padding: 49px 95px 40px;
-    position: relative;
-    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5), -4px 3px 17px -4px rgba(0, 0, 0, 0.25);
-    background-color: $very-light-gray;
-
-    &:before {
-      position: absolute;
-      left: 0;
-      top: 0;
-      right: 0;
-      content: "";
-      height: 8px;
-      background: linear-gradient(
-        to right,
-        rgba(61, 189, 191, 1) 0%,
-        rgba(241, 186, 70, 1) 100%
-      );
-    }
-
-    .email {
-      color: $link-blue;
-      font-weight: 600;
-    }
-
-    a {
-      color: $link-blue;
-    }
-
-    div:first-of-type {
-      font-weight: 600;
-    }
-
-    .font-weight-600 {
-      font-weight: 600;
-    }
-
-    .contact-support {
-      padding-top: 20px;
-      line-height: 21px;
-    }
-
-    ol {
-      padding-top: 5px;
-      padding-left: 18px;
-      letter-spacing: 0.55px;
-      line-height: 21px;
-      margin-bottom: 0;
-
-      li {
-        margin-bottom: 4px;
-      }
-    }
-
-    .browse-courses {
-      padding-top: 41px;
-    }
-  }
-
-  &.account-settings-page {
-    max-width: 800px;
-
-    .email-section {
-      margin: 30px 0 0;
-      border: 1px solid $tab-color;
-      border-width: 1px 0 0;
-      padding: 23px 0 0;
-
-      h4 {
-        font-size: 23px;
-        line-height: 28px;
-        font-weight: 600;
-        margin-top: 5px;
-        padding-bottom: 10px;
-      }
-    }
-  }
 }
 
 .auth-card {
@@ -136,32 +55,13 @@
     }
   }
 
-  .contact-support {
-    padding-top: 5px;
-    line-height: 19px;
-
-    a {
-      color: $footer-bg;
-      text-decoration: underline;
-    }
-
-  }
-
   hr.hr-class-margin {
     margin-top: 5px;
     margin-bottom: 30px;
   }
 
 }
 
-.additional-street {
-  cursor: pointer;
-  color: $light-blue;
-  font-style: italic;
-  border: none;
-  background: none;
-}
-
 .register-error-icon {
   margin: 0 auto 15px;
 

diff --git a/frontend/public/scss/certificates/certificate.scss b/frontend/public/scss/certificates/certificate.scss
@@ -38,11 +38,6 @@ $blue: #355b6b;
   }
 }
 
-.cer-head {
-  background: white;
-  padding: 20px 15px 5px;
-}
-
 .cer-user-info {
   border: 1px solid #979797;
   background-color: $navy-blue;

diff --git a/frontend/public/scss/common.scss b/frontend/public/scss/common.scss
@@ -44,29 +44,6 @@ h4 {
   font-weight: 600;
 }
 
-a.link-button {
-  display: inline-block;
-  padding: 10px;
-  text-align: center;
-  text-decoration: none;
-
-  &:hover, &:visited {
-    text-decoration: none;
-  }
-
-  &.red {
-    border-radius: 5px;
-    background-color: rgb(163, 31, 52);
-    color: #ffffff;
-  }
-
-  &.light-blue {
-    border-radius: 5px;
-    background-color: $light-blue;
-    color: #ffffff;
-  }
-}
-
 .form-error {
   color: $primary;
 }
@@ -169,42 +146,12 @@ button.btn-secondary.unstyled {
   }
 }
 
-.link-light-blue {
-  &, &:hover, &:visited, &:active {
-    color: $light-blue;
-  }
-}
-
 .link-black {
   text-decoration: underline;
   color: black;
   font-weight: bold;
 }
 
-.text-ribbon {
-  position: relative;
-  width: 160px;
-  height: 40px;
-
-  svg {
-    width: 160px;
-    height: 40px;
-    -webkit-filter: drop-shadow(-1px 2px 2px rgba(0, 0, 0, 0.4)); // sass-lint:disable-line no-vendor-prefixes
-    filter: drop-shadow(-1px 2px 2px rgba(0, 0, 0, 0.4));
-    fill: black;
-  }
-
-  .text {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    line-height: 40px;
-    text-align: center;
-    color: white;
-  }
-}
-
 .card {
   background-color: #ffffff;
   border: 0;
@@ -243,11 +190,6 @@ button.btn-secondary.unstyled {
   width: 120px;
 }
 
-.dotted {
-  border-bottom: 2px dashed #8a8b8c;
-  margin-top: 25px;
-}
-
 .dropdown-menu {
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5), 0 13px 11px 8px rgba(0,0,0,0.12);
   border-color: $white-smoke;
@@ -292,22 +234,6 @@ button.btn-secondary.unstyled {
   cursor: pointer;
 }
 
-.flexible-pricing-head {
-  margin-left: 15px;
-
-  h1 {
-    font-size: 38px;
-    line-height: 38px;
-    font-weight: bold;
-  }
-
-  p {
-    line-height: 24px;
-    font-size: 18px;
-    font-weight: 100;
-  }
-}
-
 .flexible-price-certificate-btn {
   float: left;
   margin-top: 28px;
@@ -318,94 +244,6 @@ button.btn-secondary.unstyled {
   }
 }
 
-.flexible-pricing-form {
-  margin-top: 44px;
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 425px;
-  padding: 24px 24px 32px 24px !important;
-  border-width: 0 !important;
-
-  .form-group {
-    margin-bottom: 1.5rem;
-    padding-bottom: 0;
-  }
-
-  .auth-header {
-    .tell-us-about-your-income {
-      font-size: 22px;
-      line-height: 22px;
-    }
-  }
-
-  div {
-    button {
-      line-height: 59px;
-      width: 285px;
-      padding: 0 50px !important;
-      margin-top: 7px;
-    }
-  }
-
-  .form-group {
-    margin-bottom: 1.5rem;
-
-    input[type=number], select {
-      height: 48px;
-      max-width: 377px;
-    }
-
-    #your_income_label {
-      margin-top: 16px;
-      font-size: 16px;
-      line-height: 16px;
-      @include media-breakpoint-down(sm) {
-        margin-top: 15px;
-      }
-    }
-
-    .income_currency_label {
-      float: right;
-      margin: 5px 0;
-      height: 16px;
-      width: 192px;
-      color: #666666;
-      font-size: 14px;
-      letter-spacing: 0;
-      line-height: 16px;
-      text-align: right;
-
-      @include media-breakpoint-down(sm) {
-        font-size: 12px;
-        margin: -27px 0 0 0;
-      }
-    }
-      /* Chrome, Safari, Edge, Opera */
-    #your_income::-webkit-outer-spin-button,
-    #your_income::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-    /* Firefox */
-    #your_income{
-      -moz-appearance: textfield;
-    }
-
-    .financial-assist-testify {
-      color: grey;
-      max-width: 350px;
-      line-height: 16px;
-      display: inline-flex;
-      text-align: left;
-      font-size: 14px;
-      @include media-breakpoint-down(sm) {
-        max-width: 275px;
-      }
-    }
-  }
-}
-
 .form-group {
   padding-bottom: 1rem;
 
@@ -423,8 +261,3 @@ button.btn-secondary.unstyled {
 .display-none {
   display: none !important;
 }
-
-.alert-dark-success {
-  background-color: rgba(40, 151, 126, 1);
-  color: white;
-}