Skip to content

Commit

Permalink
Removed all deprecated scss variables (#205)
Browse files Browse the repository at this point in the history
  • Loading branch information
@dew326
dew326 authored Jan 21, 2022
1 parent 8e6bd94 commit 222667b
Show file tree
Hide file tree
Showing 57 changed files with 226 additions and 307 deletions.
4 changes: 2 additions & 2 deletions src/bundle/Resources/public/scss/_animations.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
0% {
transform: scale(1);
box-shadow: none;
background-color: $ibexa-white;
background-color: $ibexa-color-white;
}
25% {
box-shadow: inset 10px 10px 10px 4px rgba(237, 237, 237, 0.1), inset -10px -10px 10px 4px rgba(237, 237, 237, 0.1),
Expand Down Expand Up @@ -32,6 +32,6 @@
}
100% {
transform: scale(1);
background-color: $ibexa-white;
background-color: $ibexa-color-white;
}
}
14 changes: 7 additions & 7 deletions src/bundle/Resources/public/scss/_badges.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,12 +18,12 @@
display: inline-flex;
justify-content: center;
align-items: center;
background-color: $ibexa-white;
border: calculateRem(1px) solid $ibexa-color-base;
color: $ibexa-color-font;
background-color: $ibexa-color-white;
border: calculateRem(1px) solid $ibexa-color-light;
color: $ibexa-color-dark;

&:hover {
background-color: $ibexa-color-base-medium;
background-color: $ibexa-color-light-500;
}

.ibexa-icon {
Expand All @@ -35,9 +35,9 @@
&.badge {
&:hover,
&:focus {
background-color: $ibexa-color-base-medium;
background-color: $ibexa-color-light-500;
box-shadow: none;
color: $ibexa-color-font;
color: $ibexa-color-dark;
}
}

Expand All @@ -49,7 +49,7 @@

&.badge-success {
.ibexa-icon {
background-color: $ibexa-color-positive;
background-color: $ibexa-color-success;
}
}

Expand Down
4 changes: 2 additions & 2 deletions src/bundle/Resources/public/scss/_breadcrumb.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,14 @@

.breadcrumb-item {
cursor: not-allowed;
color: $ibexa-color-font-pale;
color: $ibexa-color-dark-300;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calculateRem(300px);

&::before {
color: $ibexa-color-font;
color: $ibexa-color-dark;
}
}
}
6 changes: 3 additions & 3 deletions src/bundle/Resources/public/scss/_buttons.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -282,9 +282,9 @@
}

.ibexa-btn--content-tree-expanded {
background: $ibexa-white;
border-color: $ibexa-white;
color: $ibexa-black;
background: $ibexa-color-white;
border-color: $ibexa-color-white;
color: $ibexa-color-black;
}

button:focus {
Expand Down
24 changes: 12 additions & 12 deletions src/bundle/Resources/public/scss/_card.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@

&__header {
display: flex;
color: $ibexa-black;
color: $ibexa-color-black;
border-radius: $ibexa-border-radius $ibexa-border-radius 0 0;
padding: calculateRem(8px);

Expand All @@ -38,8 +38,8 @@
&--section-title {
display: flex;
align-items: center;
color: $ibexa-color-font;
border-bottom: calculateRem(1px) solid $ibexa-color-base;
color: $ibexa-color-dark;
border-bottom: calculateRem(1px) solid $ibexa-color-light;
padding: calculateRem(24px);
font-weight: bold;
}
Expand Down Expand Up @@ -67,7 +67,7 @@
}

&__field-control {
background-color: $ibexa-white;
background-color: $ibexa-color-white;
border-radius: $ibexa-border-radius;
padding: calculateRem(4px);

Expand All @@ -83,7 +83,7 @@
}

&--light {
background: $ibexa-white;
background: $ibexa-color-white;
}

&--more-space {
Expand All @@ -106,13 +106,13 @@
}

.ibexa-card--toggle-group {
background: $ibexa-white;
background: $ibexa-color-white;

&.ibexa-card--collapsed {
.ibexa-card {
&__header {
&:hover {
background: $ibexa-color-base-light;
background: $ibexa-color-light-200;
}
}

Expand All @@ -134,12 +134,12 @@
&:not(.ibexa-card--collapsed) {
.ibexa-card {
&__header {
background-color: $ibexa-color-base-medium;
background-color: $ibexa-color-light-500;
font-weight: bold;
}

&__body {
background: $ibexa-color-base-light;
background: $ibexa-color-light-200;
}

&__body-display-toggler {
Expand Down Expand Up @@ -168,7 +168,7 @@
.form-check-label {
margin-left: calculateRem(8px);
margin-bottom: 0;
color: $ibexa-black;
color: $ibexa-color-black;
font-size: calculateRem(16px);
}

Expand All @@ -189,7 +189,7 @@
}

.ibexa-icon {
fill: $ibexa-black;
fill: $ibexa-color-black;
}
}
}
Expand All @@ -201,7 +201,7 @@

& + & {
.ibexa-card__header {
border-top: calculateRem(1px) solid $ibexa-color-base;
border-top: calculateRem(1px) solid $ibexa-color-light;
}
}
}
10 changes: 5 additions & 5 deletions src/bundle/Resources/public/scss/_custom-tag.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
display: flex;
justify-content: space-between;
align-items: center;
background-color: $ibexa-white;
background-color: $ibexa-color-white;
padding: calculateRem(2px) calculateRem(2px) calculateRem(2px) calculateRem(8px);
border-top-left-radius: calculateRem(5px);
border-top-right-radius: calculateRem(5px);
Expand All @@ -22,7 +22,7 @@
}

&-btns {
background-color: $ibexa-white;
background-color: $ibexa-color-white;
border: calculateRem(2px) solid $ibexa-color-primary;
border-radius: calculateRem(5px);
display: flex;
Expand Down Expand Up @@ -62,7 +62,7 @@
background-color: $ibexa-color-primary;

.ibexa-icon {
fill: $ibexa-white;
fill: $ibexa-color-white;
}
}
}
Expand All @@ -76,7 +76,7 @@
&[data-ezelement='eztemplateinline'] {
padding: 0 calculateRem(8px);
margin: 0 calculateRem(4px);
background-color: $ibexa-white;
background-color: $ibexa-color-white;
border: none;
display: inline-flex;
max-width: none;
Expand All @@ -91,7 +91,7 @@
background-color: $ibexa-color-primary;

.ibexa-icon {
fill: $ibexa-white;
fill: $ibexa-color-white;
}
}
}
Expand Down
Loading

0 comments on commit 222667b

Please sign in to comment.