diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-07-09 01:37:22 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-07-13 23:45:54 +0300 |
commit | a88f752908a6188f72274550e0cfe1418cb27f63 (patch) | |
tree | 537ea8621e2f29184230d7edab6d54bcd4194231 /src/assets/styles/bmc/custom/_buttons.scss | |
parent | c3fb64e248f23a732e3bcce0664dddf3f16f5b9a (diff) | |
download | webui-vue-a88f752908a6188f72274550e0cfe1418cb27f63.tar.xz |
Restructure Sass files
- 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
Diffstat (limited to 'src/assets/styles/bmc/custom/_buttons.scss')
-rw-r--r-- | src/assets/styles/bmc/custom/_buttons.scss | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss new file mode 100644 index 00000000..b9b8073b --- /dev/null +++ b/src/assets/styles/bmc/custom/_buttons.scss @@ -0,0 +1,43 @@ +.btn { + font-weight: $headings-font-weight; + padding-top: $spacer / 2; + padding-right: $spacer; + padding-bottom: $spacer / 2; + padding-left: $spacer; + + // Buttons with SVGs and text expect + // text to be wrapped in a span element + svg + span { + margin-left: $spacer / 4; + } +} + +.btn-primary { + fill: currentColor; +} + +.btn-secondary { + fill: currentColor; +} + +.btn-link { + fill: $primary; + text-decoration: none !important; + + &:focus { + box-shadow: $btn-focus-box-shadow; + } + &:hover { + fill: darken($primary, 15%); + } +} + +.btn:disabled { + color: $gray-600; + fill: currentColor; + + &:not(.btn-link) { + border-color: $gray-400; + background-color: $gray-400; + } +}
\ No newline at end of file |