empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-07 17:28:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
c2700ee5c6
fleet/frontend/pages/ConfirmInvitePage/_styles.scss

60 lines
1001 B
SCSS
Raw Normal View History

374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
.confirm-invite-page {
Align Fleet UI colors with Figma components (#615) - This if the 1st PR as part of the of the Align components in Fleet UI with design system in Figma #539 - These changes replace all the color variables in /styles/var/colors.scss with new colors and naming convention used in Figma.
2021-04-09 19:04:11 +00:00
background-color: $core-white;
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
border-radius: 10px;
width: 436px;
padding: 40px;
margin-top: 40px;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
&__form-section-description {
h2 {
font-size: 18px;
font-weight: $bold;
line-height: 0.72;
letter-spacing: 0.6px;
Align Fleet UI colors with Figma components (#615) - This if the 1st PR as part of the of the Align components in Fleet UI with design system in Figma #539 - These changes replace all the color variables in /styles/var/colors.scss with new colors and naming convention used in Figma.
2021-04-09 19:04:11 +00:00
color: $core-fleet-blue;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
margin: 0;
padding: 0;
}
p {
Align Fleet UI colors with Figma components (#615) - This if the 1st PR as part of the of the Align components in Fleet UI with design system in Figma #539 - These changes replace all the color variables in /styles/var/colors.scss with new colors and naming convention used in Figma.
2021-04-09 19:04:11 +00:00
color: $core-fleet-black;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
font-size: 14px;
Add Nunito Sans font and update global styles. (#59) This is the first PR as a part of the Fleet UI Refresh #38. Changes include: - Add Nunito Sans font files and modify global styles to reflect the font change. - Modify global font variables to reflect new sizing and weight naming conventions. -- New sizing and naming conventions: --- SIZE: xx-small: 12px, x-small: 14px, small: 16px, medium: 20px, large: 24px, x-large: 28px --- WEIGHT: regular: 400, bold: 700 - Remove the old Oxygen font files. Changes to other style sheets reflect the changes to the new font sizing and weight naming conventions for global variables. The changes don't necessarily use the correct size (as illustrated by mockups). Those "up to spec" sizing changes are to come.
2020-11-20 00:51:22 +00:00
font-weight: $regular;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
}
}
&__form-section-wrapper {
box-sizing: border-box;
Updating styles for Accept Invite page (#747)
2017-01-05 15:53:41 +00:00
margin-bottom: 110px;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
}
&__lead-wrapper {
border-radius: 4px;
box-sizing: border-box;
}
&__lead-text {
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
font-size: $medium;
Add Nunito Sans font and update global styles. (#59) This is the first PR as a part of the Fleet UI Refresh #38. Changes include: - Add Nunito Sans font files and modify global styles to reflect the font change. - Modify global font variables to reflect new sizing and weight naming conventions. -- New sizing and naming conventions: --- SIZE: xx-small: 12px, x-small: 14px, small: 16px, medium: 20px, large: 24px, x-large: 28px --- WEIGHT: regular: 400, bold: 700 - Remove the old Oxygen font files. Changes to other style sheets reflect the changes to the new font sizing and weight naming conventions for global variables. The changes don't necessarily use the correct size (as illustrated by mockups). Those "up to spec" sizing changes are to come.
2020-11-20 00:51:22 +00:00
font-weight: $regular;
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
margin: 0 0 6px;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
text-align: center;
}
&__sub-lead-text {
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
font-size: $x-small;
Add Nunito Sans font and update global styles. (#59) This is the first PR as a part of the Fleet UI Refresh #38. Changes include: - Add Nunito Sans font files and modify global styles to reflect the font change. - Modify global font variables to reflect new sizing and weight naming conventions. -- New sizing and naming conventions: --- SIZE: xx-small: 12px, x-small: 14px, small: 16px, medium: 20px, large: 24px, x-large: 28px --- WEIGHT: regular: 400, bold: 700 - Remove the old Oxygen font files. Changes to other style sheets reflect the changes to the new font sizing and weight naming conventions for global variables. The changes don't necessarily use the correct size (as illustrated by mockups). Those "up to spec" sizing changes are to come.
2020-11-20 00:51:22 +00:00
font-weight: $regular;
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
text-align: center;
margin: 0;
}
.confirm-invite-button-wrap {
display: flex;
justify-content: center;
margin-top: 40px;
.button {
width: 160px;
}
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
}
}
Reference in New Issue Copy Permalink