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

Merge pull request #25 from jedmund/scss-division

Browse source 
Fix: Slash as Division
This commit is contained in:
Justin Edmund 2022-03-06 14:11:41 -08:00 committed by GitHub
commit 6752b00758
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;
gap: $unit / 2; gap: calc($unit / 2);
h5 { h5 {
color: #555; color: #555;
@ -48,7 +48,7 @@
.tags { .tags {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: $unit / 2; gap: calc($unit / 2);
.WeaponLabelIcon { .WeaponLabelIcon {
$aspect-ratio: calc(25 / 60); $aspect-ratio: calc(25 / 60);

4
components/ElementToggle/index.scss
View file

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

2
components/Fieldset/index.scss
View file

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

2
components/LoginModal/index.scss
View file

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

2
components/Modal/index.scss
View file

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

2
components/SearchModal/index.scss
View file

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

2
components/SignupModal/index.scss
View file

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

6
components/SummonResult/index.scss
View file

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

2
components/WeaponModal/index.scss
View file

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

4
components/WeaponResult/index.scss
View file

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

2
components/WeaponUnit/index.scss
View file

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

6
styles/globals.scss
View file

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