mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-03-03 02:21:33 +00:00
8cfab08f9e
The Admin V3 styles are now the primary styles for the application. This change promotes the `admin_v3` directory to `admin` and archives the old styles. Changes: - Renamed `app/webpacker/css/admin_v3` to `app/webpacker/css/admin`. - Renamed the previous `app/webpacker/css/admin` to `app/webpacker/css/admin_legacy`. - Moved all files referenced by V3 styles from the legacy directory to the new `admin` directory. - Updated imports in `all.scss` to distinct local files instead of relative paths. - Cleaned up `admin_legacy` by removing files that are duplicates (by name or content) of the new admin styles. - Updated `admin-style-v3` pack to point to the new location.
119 lines
2.0 KiB
SCSS
119 lines
2.0 KiB
SCSS
#powerTip {
|
|
background-color: $color-3;
|
|
padding: 5px 15px;
|
|
@include border-radius($border-radius);
|
|
|
|
&.n:before,
|
|
&.ne:before,
|
|
&.nw:before {
|
|
border-top-width: 5px;
|
|
border-top-color: $color-3;
|
|
bottom: -5px;
|
|
}
|
|
|
|
&.e:before {
|
|
border-right-width: 5px;
|
|
border-right-color: $color-3;
|
|
left: -5px;
|
|
}
|
|
&.s:before,
|
|
&.se:before,
|
|
&.sw:before {
|
|
border-bottom-width: 5px;
|
|
border-bottom-color: $color-3;
|
|
top: -5px;
|
|
}
|
|
&.w:before {
|
|
border-left-width: 5px;
|
|
border-left-color: $color-3;
|
|
right: -5px;
|
|
}
|
|
&.ne:before,
|
|
&.se:before {
|
|
border-right-width: 5px;
|
|
border-right-color: $color-3;
|
|
left: -5px;
|
|
}
|
|
&.nw:before,
|
|
&.sw:before {
|
|
border-left-width: 5px;
|
|
border-right-color: $color-3;
|
|
right: -5px;
|
|
}
|
|
|
|
&.clone,
|
|
&.yellow,
|
|
&.cancel {
|
|
background-color: $color-notice;
|
|
|
|
&.n:before,
|
|
&.ne:before,
|
|
&.nw:before {
|
|
border-top-color: $color-notice;
|
|
}
|
|
&.e:before,
|
|
&.nw:before,
|
|
&.sw:before {
|
|
border-right-color: $color-notice;
|
|
}
|
|
&.s:before,
|
|
&.se:before,
|
|
&.sw:before {
|
|
border-bottom-color: $color-notice;
|
|
}
|
|
&.w:before {
|
|
border-left-color: $color-notice;
|
|
}
|
|
}
|
|
&.edit,
|
|
&.green,
|
|
&.capture,
|
|
&.save,
|
|
&.add {
|
|
background-color: $teal;
|
|
|
|
&.n:before,
|
|
&.ne:before,
|
|
&.nw:before {
|
|
border-top-color: $teal;
|
|
}
|
|
&.e:before,
|
|
&.nw:before,
|
|
&.sw:before {
|
|
border-right-color: $teal;
|
|
}
|
|
&.s:before,
|
|
&.se:before,
|
|
&.sw:before {
|
|
border-bottom-color: $teal;
|
|
}
|
|
&.w:before {
|
|
border-left-color: $teal;
|
|
}
|
|
}
|
|
&.remove,
|
|
&.red,
|
|
&.void {
|
|
background-color: $color-error;
|
|
|
|
&.n:before,
|
|
&.ne:before,
|
|
&.nw:before {
|
|
border-top-color: $color-error;
|
|
}
|
|
&.e:before,
|
|
&.nw:before,
|
|
&.sw:before {
|
|
border-right-color: $color-error;
|
|
}
|
|
&.s:before,
|
|
&.se:before,
|
|
&.sw:before {
|
|
border-bottom-color: $color-error;
|
|
}
|
|
&.w:before {
|
|
border-left-color: $color-error;
|
|
}
|
|
}
|
|
}
|