open-vault/ui/app/styles/components/icon.scss
Jordan Reimer 7bd1992bc5
MFA UI Changes (v3) (#14145)
* adds development workflow to mirage config

* adds mirage handler and factory for mfa workflow

* adds mfa handling to auth service and cluster adapter

* moves auth success logic from form to controller

* adds mfa form component

* shows delayed auth message for all methods

* adds new code delay to mfa form

* adds error views

* fixes merge conflict

* adds integration tests for mfa-form component

* fixes auth tests

* updates mfa response handling to align with backend

* updates mfa-form to handle multiple methods and constraints

* adds noDefault arg to Select component

* updates mirage mfa handler to align with backend and adds generator for various mfa scenarios

* adds tests

* flaky test fix attempt

* reverts test fix attempt

* adds changelog entry

* updates comments for todo items

* removes faker from mfa mirage factory and handler

* adds number to word helper

* fixes tests
2022-02-17 15:40:25 -07:00

58 lines
738 B
SCSS

.hs-icon {
flex: 0 0 auto;
display: inline-flex;
justify-content: center;
align-items: flex-start;
vertical-align: middle;
width: 16px;
height: 16px;
margin: 2px 4px;
}
.hs-icon svg {
fill: currentColor;
flex: 1 1 0;
}
.hs-icon-button-right {
margin-left: 0.25rem;
margin-right: -0.5rem;
align-items: center;
}
.hs-icon-s {
width: 12px;
height: 12px;
}
.hs-icon-l {
width: 20px;
height: 20px;
}
.hs-icon-xlm {
width: 24px;
height: 24px;
}
.hs-icon-xl {
width: 28px;
height: 28px;
}
.hs-icon-xxl {
width: 32px;
height: 32px;
}
.flight-icon {
&.flight-icon-display-inline {
vertical-align: middle;
margin-left: 4px;
margin-right: 4px;
}
}
.icon-blue {
color: $blue;
}