Comments (3)
@bartaz can we consider upstreaming these styles?
@mixin maas-icon-success($bg-color, $tick-color: $color-x-light) {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate%281 1%29' fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='#{vf-url-friendly-color($bg-color)}' stroke-width='1.5' fill='#{vf-url-friendly-color($bg-color)}' cx='7.25' cy='7.25' r='7.25'/%3E%3Cpath fill='#{vf-url-friendly-color($tick-color)}' d='M11.05 4.173l-.066.058L6.25 8.378l-2.776-2.38-.839.948L6.25 10.75l5.5-5.787-.7-.79z'/%3E%3C/g%3E%3C/svg%3E");
}
.p-icon--success-positive {
@include maas-icon-success($color-x-light, $color-positive);
@extend %icon;
}
.p-icon--success-negative {
@include maas-icon-success($color-x-light, $color-negative);
@extend %icon;
}
.p-action-button {
@include vf-animation(
$property: (
background-color,
border,
opacity,
),
$duration: snap
);
&.is-loading,
&.is-success {
opacity: 1 !important; // Override Vanilla disabled opacity - too much colour changing otherwise
}
}
from react-components.
@squidsoup Sure, I'm want to plan upstreaming all react-components styling to Vanilla this cycle.
Once we have the master epic, etc, I'll link to this.
from react-components.
This is already fixed
from react-components.
Related Issues (20)
- Migrate to CSF stories with autodocs HOT 5
- Input does not receive focus on label click without specified ID HOT 2
- Duplicate components: <CheckboxInput /> vs <Input type="checkbox" /> HOT 1
- What to do with propagation of click events in ConfirmationModal? HOT 5
- Issues in ContextualMenu docs (Storybook) HOT 2
- Code examples missing in the docs HOT 2
- Slider input field has wrong width HOT 5
- Select: form validation with required attribute
- `ContextualMenu`: outside click should be ignored if there is a modal open
- Release notes don't mention all released PRs HOT 4
- `Modal`/`ConfirmationModal`: Maintain focus HOT 1
- Getting started link in Storybook throws an error HOT 2
- Textarea doesn't update value when it's an empty string HOT 3
- Formik error when using latest version in project HOT 1
- EmptyState implementation inconsistency with Vanilla Framework HOT 6
- Tooltip does not disappear when hovering over another tooltip in the same component HOT 3
- Unsanitized Inner HTML in Chip component HOT 1
- Code Snippet Content Iframe shows 404 on production HOT 1
- Missing lodash/isEqual dep HOT 3
- Ability to have nested tables while using ModularTable HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-components.