mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
b9fc6968a5
### _Draft until available to address feedback and merge on Monday – ready for review_ ## Addresses #16472 - Full accounting of features in linked ticket <img width="1676" alt="Screenshot 2024-02-07 at 10 24 03 PM" src="https://github.com/fleetdm/fleet/assets/61553566/aa0cd3b5-9191-4078-b57c-ee451dc5c632"> <img width="909" alt="Screenshot 2024-02-07 at 10 38 52 PM" src="https://github.com/fleetdm/fleet/assets/61553566/ea1b0067-bb91-4502-bde0-0e36914a0829"> ## Checklist for submitter - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
43 lines
773 B
SCSS
43 lines
773 B
SCSS
.card {
|
|
border-radius: $border-radius;
|
|
border: 1px solid $ui-fleet-black-10;
|
|
// TODO - update this to be 40px per style guide
|
|
padding: $pad-large;
|
|
|
|
// radius styles
|
|
&__radius-small {
|
|
border-radius: $border-radius;
|
|
}
|
|
|
|
&__radius-medium {
|
|
border-radius: $border-radius-large;
|
|
}
|
|
|
|
&__radius-large {
|
|
border-radius: $border-radius-xxlarge;
|
|
}
|
|
|
|
// box shadow styles
|
|
&__shadow {
|
|
box-shadow: $box-shadow;
|
|
}
|
|
|
|
// color styles
|
|
&__white {
|
|
background-color: $core-white;
|
|
}
|
|
|
|
&__gray {
|
|
background-color: $ui-off-white;
|
|
}
|
|
|
|
&__purple {
|
|
background-color: $ui-vibrant-blue-10;
|
|
border-color: $ui-vibrant-blue-50;
|
|
}
|
|
|
|
&__yellow {
|
|
background-color: $ui-yellow-banner;
|
|
border-color: $ui-yellow-banner-outline;
|
|
}
|
|
}
|