diff --git a/app/assets/stylesheets/partials/_results.scss b/app/assets/stylesheets/partials/_results.scss index 0f78b22e..e7403fe6 100644 --- a/app/assets/stylesheets/partials/_results.scss +++ b/app/assets/stylesheets/partials/_results.scss @@ -240,6 +240,19 @@ .truncate-list li:last-child {margin-bottom: 0;} } + + .availability { + color: $color-text-secondary; + + i.fa-check::before { + color: $color-icon-success; + } + + i.fa-times::before { + color: $color-icon-danger; + } + + } } // ----------------------------- diff --git a/app/assets/stylesheets/partials/_variables.scss b/app/assets/stylesheets/partials/_variables.scss index a2ff7351..4c570f50 100644 --- a/app/assets/stylesheets/partials/_variables.scss +++ b/app/assets/stylesheets/partials/_variables.scss @@ -35,6 +35,8 @@ $color-blue-500: #0000FF; // PURPLE $color-purple-700: #990099; +// GREEN +$color-green-800: #009900; // --------------- // SEMANTIC COLORS @@ -49,6 +51,10 @@ $color-text-placeholder: $color-gray-500; $color-text-disabled: $color-gray-400; $color-text-oncolor: $color-white; +// ICONS +$color-icon-success: $color-green-800; +$color-icon-danger: $color-red-500; + // BORDERS $color-border-default: $color-gray-400;