granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Slash as Division

Browse source 
https://sass-lang.com/documentation/breaking-changes/slash-div
This commit is contained in:
Justin Edmund 2022-03-06 14:07:24 -08:00
parent f690e698dc
commit 8063ae6ceb
14 changed files with 26 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/CharacterResult/index.scss
View file

@ -21,7 +21,7 @@
display: flex;
flex-direction: column;
flex-grow: 1;
gap: $unit / 2;
gap: calc($unit / 2);
h5 {
color: #555;
@ -48,7 +48,7 @@
.tags {
display: flex;
flex-direction: row;
gap: $unit / 2;
gap: calc($unit / 2);
.WeaponLabelIcon {
$aspect-ratio: calc(25 / 60);

4
components/ElementToggle/index.scss
View file

@ -5,8 +5,8 @@
border-radius: $height;
display: flex;
height: $height;
gap: $unit / 4;
padding: $unit / 2;
gap: calc($unit / 4);
padding: calc($unit / 2);
.ToggleItem {
background: white;

2
components/Fieldset/index.scss
View file

@ -23,7 +23,7 @@
color: $error;
font-size: $font-tiny;
margin: $unit 0;
padding: ($unit / 2) ($unit * 2);
padding: calc($unit / 2) ($unit * 2);
}
}

12
components/GridRep/index.scss
View file

@ -60,7 +60,7 @@
.Details {
display: flex;
flex-direction: column;
gap: $unit / 2;
gap: calc($unit / 2);
h2 {
color: $grey-00;
@ -74,14 +74,14 @@
.top {
display: flex;
flex-direction: row;
gap: $unit / 2;
gap: calc($unit / 2);
align-items: center;
.info {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: $unit / 2;
gap: calc($unit / 2);
}
button svg {
@ -110,19 +110,19 @@
}
.raid {
margin-bottom: $unit / 2;
margin-bottom: calc($unit / 2);
}
.user {
display: flex;
gap: $unit / 2;
gap: calc($unit / 2);
align-items: center;
img, .no-user {
$diameter: 18px;
border-radius: $diameter / 2;
border-radius: calc($diameter / 2);
height: $diameter;
width: $diameter;
}

2
components/LoginModal/index.scss
View file

@ -1,7 +1,7 @@
.Login.Dialog form {
display: flex;
flex-direction: column;
gap: $unit / 2;
gap: calc($unit / 2);
margin-bottom: $unit;
.Button {

2
components/Modal/index.scss
View file

@ -40,7 +40,7 @@
svg {
fill: $grey-50;
padding: $unit / 2;
padding: calc($unit / 2);
height: 18px;
width: 18px;
transform: rotate(45deg);

2
components/SearchModal/index.scss
View file

@ -29,7 +29,7 @@
.Input {
background: $grey-90;
border: none;
border-radius: $unit / 2;
border-radius: calc($unit / 2);
box-sizing: border-box;
font-size: $font-regular;
padding: $unit * 1.5;

2
components/SignupModal/index.scss
View file

@ -1,7 +1,7 @@
.Signup.Dialog form {
display: flex;
flex-direction: column;
gap: $unit / 2;
gap: calc($unit / 2);
margin-bottom: $unit;
.Button {

6
components/SummonResult/index.scss
View file

@ -21,7 +21,7 @@
display: flex;
flex-direction: column;
flex-grow: 1;
gap: $unit / 2;
gap: calc($unit / 2);
h5 {
color: #555;
@ -48,7 +48,7 @@
.tags {
display: flex;
flex-direction: row;
gap: $unit / 2;
gap: calc($unit / 2);
.WeaponLabelIcon {
$aspect-ratio: calc(25 / 60);
@ -56,7 +56,7 @@
background-size: calc($height / $aspect-ratio) $height;
background-repeat: no-repeat;
height: $height;
width: calc($height/ $aspect-ratio);
width: calc($height / $aspect-ratio);
}
}
}

2
components/WeaponHovercard/index.scss
View file

@ -36,6 +36,6 @@
display: flex;
flex-direction: column;
font-size: $normal;
gap: $unit / 2;
gap: calc($unit / 2);
}
}

2
components/WeaponModal/index.scss
View file

@ -7,7 +7,7 @@
section {
display: flex;
flex-direction: column;
gap: $unit / 2;
gap: calc($unit / 2);
h3 {
color: $grey-50;

4
components/WeaponResult/index.scss
View file

@ -21,7 +21,7 @@
display: flex;
flex-direction: column;
flex-grow: 1;
gap: $unit / 2;
gap: calc($unit / 2);
h5 {
color: #555;
@ -48,7 +48,7 @@
.tags {
display: flex;
flex-direction: row;
gap: $unit / 2;
gap: calc($unit / 2);
.WeaponLabelIcon {
$aspect-ratio: calc(25 / 60);

2
components/WeaponUnit/index.scss
View file

@ -97,7 +97,7 @@
display: flex;
align-items: center;
justify-content: center;
margin-bottom: $unit / 4;
margin-bottom: calc($unit / 4);
overflow: hidden;
transition: all 0.18s ease-in-out;

6
styles/globals.scss
View file

@ -155,7 +155,7 @@ select {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: $unit / 2;
gap: calc($unit / 2);
.SubTitle {
color: $grey-50;
@ -188,7 +188,7 @@ select {
.top {
display: flex;
flex-direction: column;
gap: $unit / 2;
gap: calc($unit / 2);
.title {
align-items: center;
@ -320,7 +320,7 @@ img.profile {
i.tag {
background: $grey-90;
border-radius: $unit / 2;
border-radius: calc($unit / 2);
font-size: 10px;
font-weight: $bold;
padding: 4px 6px;