summaryrefslogtreecommitdiff
path: root/src/assets/styles/bmc/helpers
AgeCommit message (Collapse)AuthorFilesLines
2022-04-28restyled login pageMaksim Zakharov1-5/+19
2020-10-23Add style to left sidebar and app headerSurenNeware1-2/+4
- Updated hover, active and focus state for left sidebar menu items. - Add style guide for top header navigation. - Add new white color logo. - Add focus and active state to current menu item. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ib97df4efda216f653ce0415c3f3ae9ae75bcb9cd
2020-10-07Add updated table stylesSukanya Pandey1-0/+4
- Refer below link for styles: https://ibm.invisionapp.com/share/D8O06PPE32B#/screens Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I6dcc3b8d0fb7ef19388b5bfeaf87fce78725b638
2020-09-25Update toast drop-shadow opacityDixsie Wolmers1-1/+2
- Created sass variable for box shadow to be reused for elements requiring box-shadow - Update toast opacity to 0.3 Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Icfc0a58944fd5fe6d2c677e99564910fc2c67f1f
2020-08-28Add Intel themeMateusz Gapski1-1/+4
Add Intel fonts, colours Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: Idbfa1422f2667515efb60e24f9a84b7d77d11fcd
2020-08-17Update use of Sass variable background variant colorsYoshie Muranaka3-18/+8
The hardcoded Sass variable assignments to lighter variant background colors does not work well with the theme-color functions that are used. Use Bootstrap's built in theme-color-level function to programatically get a lighter variant color to use for component backgrounds. https://getbootstrap.com/docs/4.5/getting-started/theming/#functions Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I9d5a1a66c92d347ba1797be5e0810a24c34094f9
2020-08-10Remove Sass color mapsYoshie Muranaka1-23/+0
Sass maps are not needed to create color or theme tokens. With Bootstrap's use of the !default flag, only unassigned variables will default to Bootstrap defined colors. Sass variable assignements are sufficient for overriding colors. https://sass-lang.com/documentation/variables#default-values Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: If69f712602d3c46747a68fd70319a20ef8002bd6
2020-07-28Update form fields to match style guideDixsie Wolmers1-1/+3
Updates inputs, select, form field background color, validation text size, and field focus state. New styles have a darker form field background color. Form fields on dark backgrounds will remain white. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ifa14a57f764335b196b129e6614d7a1f1c27d7ad
2020-07-21Update use of Sass variables for better themingYoshie Muranaka1-3/+1
Use Bootstrap color functions for theme-colors and grays instead of directly referencing Sass variable to allow more flexible theming. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Id08b77ff6df3bdf99400dcdfe964853706f1070f
2020-07-16Update gray color palette to match style guideDixsie Wolmers1-5/+5
Updated gray palette to match updated design guide - Color changes per page will be addressed in separate commits. Updated sytle guide documentation with new colors. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ic771d932ace38d3abbbf65038f00e25391db5dd0
2020-07-13Restructure Sass filesYoshie Muranaka1-0/+3
- Consolidate all bootstrap partials - Combine all vendor overrides with BMC custom styles - Updated paths for Vuepress docs Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I1a9f68bdf90edae0d1e38f36ac670bf6426ec8a5
2020-05-15Add themes documentationDerick Montague1-3/+3
- Renamed all index.md to readme.md to make consuming the documentation from the Github repo easier. VuePress treats index.md and readme.md the same way when building the static pages. - Added theme section overview documentation - Added how to customize documentation - Added custom style imports to support OpenBMC Web UI component documentation to remove Bootstrap framework base styles that conflict with the Vuepress theme - Found occurrences of the word Sass in upper-case and changed to use sentence case. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: If5588f88a3d75761cc47e85a3fb0a582b31d373c
2020-05-12Add motion guidelinesDerick Montague1-2/+3
- Update transition global variables in bootstrap to use Carbon motion easing and duration tokens to maintain consistency throughout the application - Remove import of colors helper file into variables and set import order based on dependency Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ibd3fb9438ff236670e5523250d284b59411a7e53
2020-05-05Update Sass architecture to require helper importsDerick Montague3-0/+100
- Restructuring file strucure to support single file components use of Sass variables when imported into vuepress. - Creating a scalable file structure using Sass best practices Tested by building and testing both the vue web ui and the the documentation application. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3