Skip to content

Commit

Permalink
replace deprecated / operator with math.div in sass files
Browse files Browse the repository at this point in the history
poojagunturu96 committed Jan 6, 2025
1 parent b8ee4d1 commit 7f7d0aa
Showing 30 changed files with 90 additions and 79 deletions.
2 changes: 1 addition & 1 deletion src/scss/components/_audio.scss
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@

.audio__embed {
position: relative;
padding-top: math.percentage(9 / 16);
padding-top: math.percentage(math.div(9, 16));

iframe {
position: absolute;
4 changes: 2 additions & 2 deletions src/scss/components/_banner.scss
Original file line number Diff line number Diff line change
@@ -33,10 +33,10 @@
.banner__bottom-line {
position: absolute;
display: block;
width: math.percentage(12 / 12);
width: math.percentage(math.div(12, 12));

@include breakpoints.breakpoint(sm) {
width: math.percentage(9 / 12);
width: math.percentage(math.div(9, 12));
}
}

8 changes: 4 additions & 4 deletions src/scss/components/_college-homepage-grid-header.scss
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@

@use "sass:map";
$homepage-animation-duration: 8;
$homepage-animation-sub-duration: $homepage-animation-duration / 4;
$homepage-animation-sub-duration: $homepage-animation-duration * 0.25;

$text-colors: (
1: #75a3cd,
@@ -117,7 +117,7 @@ $accessible-text-colors: (
display: block;
opacity: 0;
animation: #{$homepage-animation-sub-duration +
($homepage-animation-sub-duration / 2)}s ease-in-out;
($homepage-animation-sub-duration * 0.5)}s ease-in-out;
animation-play-state: inherit;
font-size: variables.$typescale-7;
width: calc(11 / 12 * 100%);
@@ -218,7 +218,7 @@ $accessible-text-colors: (
p {
padding-bottom: variables.$spacing-3;
animation: #{$homepage-animation-sub-duration +
($homepage-animation-sub-duration / 2)}s ease-in-out;
($homepage-animation-sub-duration * 0.5)}s ease-in-out;
font-size: variables.$typescale-2;

@include breakpoints.breakpoint(md) {
@@ -239,7 +239,7 @@ $accessible-text-colors: (
color: variables.$navy;
font-weight: variables.$font-weight-bold;
animation: #{$homepage-animation-sub-duration +
($homepage-animation-sub-duration / 2)}s ease-in-out;
($homepage-animation-sub-duration * 0.5)}s ease-in-out;
animation-play-state: inherit;
}

28 changes: 14 additions & 14 deletions src/scss/components/_datepicker.scss
Original file line number Diff line number Diff line change
@@ -2,25 +2,25 @@


@use '../../../node_modules/pikaday/scss/pikaday' with (
$pd-text-color: $black,
$pd-title-color: $color-primary,
$pd-title-bg: $white,
$pd-picker-bg: $white,
$pd-picker-border: $border-color,
$pd-picker-border-bottom: $border-color,
$pd-text-color: variables.$black,
$pd-title-color: variables.$color-primary,
$pd-title-bg: variables.$white,
$pd-picker-bg: variables.$white,
$pd-picker-border: variables.$border-color,
$pd-picker-border-bottom: variables.$border-color,
$pd-picker-shadow: none,
$pd-th-color: $black,
$pd-day-color: $color-primary,
$pd-th-color: variables.$black,
$pd-day-color: variables.$color-primary,
$pd-day-bg: transparent,
$pd-day-hover-color: $color-primary,
$pd-day-hover-bg: $gray-light,
$pd-day-today-color: $color-primary,
$pd-day-selected-color: $white,
$pd-day-selected-bg: $color-primary,
$pd-day-hover-color: variables.$color-primary,
$pd-day-hover-bg: variables.$gray-light,
$pd-day-today-color: variables.$color-primary,
$pd-day-selected-color: variables.$white,
$pd-day-selected-bg: variables.$color-primary,
$pd-day-selected-shadow: transparent,
$pd-day-disabled-color: #999,
$pd-week-color: #999,
$pd-font-family: $font-family-sans-serif
$pd-font-family: variables.$font-family-sans-serif
);

.pika-single {
6 changes: 3 additions & 3 deletions src/scss/components/_davis-header.scss
Original file line number Diff line number Diff line change
@@ -170,7 +170,7 @@
top: 100%;
left: 0;
background-color: variables.$black;
padding: #{variables.$spacing-3 / 2} variables.$spacing-3;
padding: #{variables.$spacing-3 * 0.5} variables.$spacing-3;
transition: opacity 0.2s;
opacity: 0;
visibility: hidden;
@@ -246,8 +246,8 @@
}

.davis-nav__link--sub {
padding-top: variables.$spacing-3 / 2;
padding-bottom: variables.$spacing-3 / 2;
padding-top: variables.$spacing-3 * 0.5;
padding-bottom: variables.$spacing-3 * 0.5;
font-size: variables.$typescale-2;

&:hover,
4 changes: 3 additions & 1 deletion src/scss/components/_dispatches-item.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
@use "sass:math";

@use "../core/functions";
@use "../core/variables";
@use "../mixins/breakpoints";
@@ -55,7 +57,7 @@ $dispatches-card-height: 470px;
display: block;
content: '';
width: 100%;
padding-top: (9 / 16) * 100%;
padding-top: math.div(9, 16) * 100%;
}

> .dispatches-item__image {
4 changes: 2 additions & 2 deletions src/scss/components/_fluencies.scss
Original file line number Diff line number Diff line change
@@ -129,11 +129,11 @@
&::before {
content: '';
display: block;
padding-top: math.percentage(143/166);
padding-top: math.percentage(math.div(143, 166));
width: 100%;

@include breakpoints.breakpoint(xl) {
padding-top: math.percentage(133/166);
padding-top: math.percentage(math.div(133, 166));
}
}

2 changes: 1 addition & 1 deletion src/scss/components/_gallery.scss
Original file line number Diff line number Diff line change
@@ -8,7 +8,7 @@

.gallery__image {
position: relative;
padding-top: math.percentage(9 / 16);
padding-top: math.percentage(math.div(9, 16));
height: 0;
overflow: hidden;

10 changes: 6 additions & 4 deletions src/scss/components/_grid.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
@use "sass:math";

@use "../core/variables";
@use "../mixins/grid";
@use "../mixins/grid-framework";
@@ -27,13 +29,13 @@
}

.row--sm-gutters {
margin-right: (variables.$grid-gutter-width / -2) !important;
margin-left: (variables.$grid-gutter-width / -2) !important;
margin-right: math.div(variables.$grid-gutter-width, -2) !important;
margin-left: math.div(variables.$grid-gutter-width, -2) !important;

> .col,
> [class*='col-'] {
padding-left: variables.$grid-gutter-width / 2;
padding-right: variables.$grid-gutter-width / 2;
padding-left: variables.$grid-gutter-width * 0.5;
padding-right: variables.$grid-gutter-width * 0.5;
}
}

8 changes: 4 additions & 4 deletions src/scss/components/_journey-modal.scss
Original file line number Diff line number Diff line change
@@ -892,18 +892,18 @@ $school-theme-colors: (
display: block;
content: '';
width: 100%;
padding-top: math.percentage(185/288);
padding-top: math.percentage(math.div(185, 288));

@include breakpoints.breakpoint(md) {
padding-top: math.percentage(255/272);
padding-top: math.percentage(math.div(255, 272));
}

@media only screen and (min-width: 1200px) {
padding-top: math.percentage(200/330);
padding-top: math.percentage(math.div(200, 330));
}

@include breakpoints.breakpoint(xl) {
padding-top: math.percentage(9/16);
padding-top: math.percentage(math.div(9, 16));
}
}

6 changes: 3 additions & 3 deletions src/scss/components/_journey.scss
Original file line number Diff line number Diff line change
@@ -241,14 +241,14 @@
position: relative;
// overflow: hidden;
align-items: center;
padding-top: math.percentage(16/9);
padding-top: math.percentage(math.div(16, 9));

@include breakpoints.breakpoint(sm) {
padding-top: math.percentage(225/256);
padding-top: math.percentage(math.div(225, 256));
}

@include breakpoints.breakpoint(lg) {
padding-top: math.percentage(9/16);
padding-top: math.percentage(math.div(9, 16));
}

.journey-section__background {
6 changes: 3 additions & 3 deletions src/scss/components/_ls-hero.scss
Original file line number Diff line number Diff line change
@@ -4,7 +4,7 @@
@use "sass:math";
.ls-hero {
position: relative;
padding-top: math.percentage(2 / 5);
padding-top: math.percentage(2 * 0.2);
min-height: 480px;

@include breakpoints.breakpoint(md) {
@@ -56,8 +56,8 @@
.ls-hero__item {
display: inline-block;
text-align: center;
margin-right: variables.$spacing-4 / 2;
margin-left: variables.$spacing-4 / 2;
margin-right: variables.$spacing-4 * 0.5;
margin-left: variables.$spacing-4 * 0.5;
margin-bottom: variables.$spacing-2;
}

2 changes: 1 addition & 1 deletion src/scss/components/_mega-cta.scss
Original file line number Diff line number Diff line change
@@ -25,7 +25,7 @@

@include breakpoints.breakpoint(md) {
height: 0;
padding-top: math.percentage(9 / 16);
padding-top: math.percentage(math.div(9, 16));
overflow: hidden;
}
@include breakpoints.breakpoint(lg) {
2 changes: 1 addition & 1 deletion src/scss/components/_midd-nav.scss
Original file line number Diff line number Diff line change
@@ -177,7 +177,7 @@
padding-left: variables.$spacing-6;

@include breakpoints.breakpoint(lg) {
padding-left: variables.$spacing-4 / 2;
padding-left: variables.$spacing-4 * 0.5;
}
}

2 changes: 2 additions & 0 deletions src/scss/components/_miis-header.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
@use "../core/variables";
@use "../mixins/breakpoints";
@use "../components/midd-header";
@use "../components/institutional-header";

.miis-header {
@extend .midd-header;
2 changes: 1 addition & 1 deletion src/scss/components/_page-header.scss
Original file line number Diff line number Diff line change
@@ -10,7 +10,7 @@
}

.page-header--has-image {
padding-top: math.percentage(2 / 5);
padding-top: math.percentage(2 * 0.2);
height: 0;
position: relative;
overflow: hidden;
2 changes: 1 addition & 1 deletion src/scss/components/_portrait-video.scss
Original file line number Diff line number Diff line change
@@ -9,7 +9,7 @@

.portrait-video__content {
position: relative;
padding-bottom: math.percentage(16 / 9);
padding-bottom: math.percentage(math.div(16, 9));

img,
iframe {
6 changes: 3 additions & 3 deletions src/scss/components/_school-nav.scss
Original file line number Diff line number Diff line change
@@ -56,7 +56,7 @@
top: 100%;
left: 0;
background-color: variables.$white;
padding: #{variables.$spacing-3 / 2} variables.$spacing-3;
padding: #{variables.$spacing-3 * 0.5} variables.$spacing-3;
border: 1px solid variables.$navy;
transition: opacity 0.2s;
opacity: 0;
@@ -112,8 +112,8 @@
}

.school-nav__link--sub {
padding-top: variables.$spacing-3 / 2;
padding-bottom: variables.$spacing-3 / 2;
padding-top: variables.$spacing-3 * 0.5;
padding-bottom: variables.$spacing-3 * 0.5;
font-size: variables.$typescale-2;

&:hover,
10 changes: 5 additions & 5 deletions src/scss/components/_spotlight.scss
Original file line number Diff line number Diff line change
@@ -17,7 +17,7 @@

.spotlight__figure {
@include breakpoints.breakpoint(lg) {
padding-top: math.percentage(9 / 16);
padding-top: math.percentage(math.div(9, 16));
position: relative;
height: 0;
overflow: hidden;
@@ -56,8 +56,8 @@

@include breakpoints.breakpoint(md) {
// fake column offset with padding plus gutter width
padding-left: calc(#{math.percentage(1 / 12)} + #{variables.$grid-gutter-width / 2});
padding-right: calc(#{math.percentage(1 / 12)} + #{variables.$grid-gutter-width / 2});
padding-left: calc(#{math.percentage(math.div(1, 12))} + #{variables.$grid-gutter-width * 0.5});
padding-right: calc(#{math.percentage(math.div(1, 12))} + #{variables.$grid-gutter-width * 0.5});
}

// place after so largest breakpoint overrides
@@ -73,8 +73,8 @@
// fake column offset with padding plus gutter width
padding-top: variables.$spacing-5;
padding-bottom: variables.$spacing-5;
padding-left: calc(#{math.percentage(1 / 12)} + #{variables.$grid-gutter-width / 2});
padding-right: calc(#{math.percentage(1 / 12)} + #{variables.$grid-gutter-width / 2});
padding-left: calc(#{math.percentage(math.div(1, 12))} + #{variables.$grid-gutter-width * 0.5});
padding-right: calc(#{math.percentage(math.div(1, 12))} + #{variables.$grid-gutter-width * 0.5});
}

// place after so largest breakpoint overrides
4 changes: 3 additions & 1 deletion src/scss/components/_themed-panel.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
@use "sass:math";

@use "../core/variables";
@use "../mixins/breakpoints";
@use "../mixins/type";
@@ -39,7 +41,7 @@
display: block;
content: "";
width: 100%;
padding-top: (9 / 16) * 100%;
padding-top: math.div(9, 16) * 100%;
}

@include breakpoints.breakpoint(sm) {
2 changes: 1 addition & 1 deletion src/scss/components/_video.scss
Original file line number Diff line number Diff line change
@@ -9,7 +9,7 @@

.video__content {
position: relative;
padding-top: math.percentage(9 / 16);
padding-top: math.percentage(math.div(9, 16));
height: 0;
overflow: hidden;
background-color: #000;
8 changes: 4 additions & 4 deletions src/scss/components/_wrmc-header.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
school-header.@use "../core/functions";
@use "../core/functions";
@use "../core/mixins";
@use "../core/variables";
@use "../mixins/breakpoints";
@@ -259,7 +259,7 @@ $school-header-breakpoint: xl;
top: 100%;
left: 0;
background-color: variables.$white;
padding: #{variables.$spacing-3 / 2} variables.$spacing-3;
padding: #{variables.$spacing-3 * 0.5} variables.$spacing-3;
border: 1px solid variables.$navy;
transition: opacity 0.2s;
opacity: 0;
@@ -319,8 +319,8 @@ $school-header-breakpoint: xl;
}

.wrmc-nav__link--sub {
padding-top: variables.$spacing-3 / 2;
padding-bottom: variables.$spacing-3 / 2;
padding-top: variables.$spacing-3 * 0.5;
padding-bottom: variables.$spacing-3 * 0.5;
font-size: variables.$typescale-2;

&:hover,
2 changes: 1 addition & 1 deletion src/scss/components/_wrmc-top-thirty-songs.scss
Original file line number Diff line number Diff line change
@@ -57,7 +57,7 @@
&:before{
content: "";
display: block;
padding-top: math.percentage(1/1);
padding-top: math.percentage(math.div(1, 1));
background-color: variables.$wrmc-pink;
}

Loading

0 comments on commit 7f7d0aa

Please sign in to comment.