mirror of
https://github.com/material-components/material-web.git
synced 2024-10-27 06:04:44 +03:00
Merge branch 'master' into add-packages-directory
This commit is contained in:
commit
3657f2ef56
@ -44,7 +44,7 @@ When you're ready to use the Material Web Components in your web application:
|
||||
|
||||
1. Import the element definition into your HTML page:
|
||||
|
||||
```<script type="module" src="@material/mwc-icon/index.js"></script>```
|
||||
```<script type="module" src="@material/mwc-icon/mwc-icon.js"></script>```
|
||||
|
||||
Or into your module script:
|
||||
|
||||
|
@ -42,7 +42,7 @@ limitations under the License.
|
||||
<mwc-chip-set>
|
||||
<mwc-chip label="Chip"></mwc-chip>
|
||||
<mwc-chip label="Leading Icon" leadingIcon="fingerprint"></mwc-chip>
|
||||
<mwc-chip label="Trailing Icon" leadingIcon="language"></mwc-chip>
|
||||
<mwc-chip label="Trailing Icon" trailingIcon="language"></mwc-chip>
|
||||
</mwc-chip-set>
|
||||
|
||||
<h3>choice</h3>
|
||||
|
@ -2,4 +2,4 @@
|
||||
|
||||
> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing us to bring the most correct and optimal implementation of Material components to the widest possible audiences. Visible progress may be slow, as this research is across teams and repositories so is not consistently reflected in commits to this codebase. :warning:
|
||||
|
||||
A suite of shared libraries and utility functions for [Material Components](https://material.io/components/)[Web Components](https://www.webcomponents.org/introduction)
|
||||
A suite of shared libraries and utility functions for [Material Components](https://material.io/components/) [Web Components](https://www.webcomponents.org/introduction)
|
||||
|
@ -2,7 +2,7 @@
|
||||
|
||||
> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing us to bring the most correct and optimal implementation of Material components to the widest possible audiences. Visible progress may be slow, as this research is across teams and repositories so is not consistently reflected in commits to this codebase. :warning:
|
||||
|
||||
A [Material Components](https://material.io/components/) icon implementation using [Web Components](https://www.webcomponents.org/introduction)
|
||||
A [Material Components](https://material.io/components/) button implementation using [Web Components](https://www.webcomponents.org/introduction)
|
||||
|
||||
## Getting started
|
||||
|
||||
@ -61,4 +61,4 @@ A [Material Components](https://material.io/components/) icon implementation usi
|
||||
## Supported Browsers
|
||||
|
||||
The last 2 versions of all modern browsers are supported, including
|
||||
Chrome, Safari, Opera, Firefox, Edge. In addition, Internet Explorer 11 is also supported.
|
||||
Chrome, Safari, Opera, Firefox, Edge. In addition, Internet Explorer 11 is also supported.
|
||||
|
@ -15,8 +15,8 @@ See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
@import "@material/button/mdc-button.scss";
|
||||
@import "@material/mwc-icon/src/_mwc-icon.scss";
|
||||
@import '@material/button/mdc-button.scss';
|
||||
@import '@material/mwc-icon/src/_mwc-icon.scss';
|
||||
|
||||
.material-icons {
|
||||
@extend %material-icons;
|
||||
|
@ -14,8 +14,8 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
@import "@material/mwc-icon/src/_mwc-icon.scss";
|
||||
@import "@material/fab/mdc-fab.scss";
|
||||
@import '@material/mwc-icon/src/_mwc-icon.scss';
|
||||
@import '@material/fab/mdc-fab.scss';
|
||||
|
||||
.material-icons {
|
||||
@extend %material-icons;
|
||||
@ -23,4 +23,4 @@ limitations under the License.
|
||||
|
||||
:host {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
@ -14,8 +14,8 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
@import "./_mwc-icon.scss";
|
||||
@import './_mwc-icon.scss';
|
||||
|
||||
:host {
|
||||
@extend %material-icons;
|
||||
}
|
||||
}
|
||||
|
@ -48,7 +48,7 @@ const applyRippleStyle = () => {
|
||||
part.appendInto(document.head!);
|
||||
part.setValue(style);
|
||||
part.commit();
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Applied a ripple to the node specified by {surfaceNode}.
|
||||
|
@ -16,8 +16,8 @@ limitations under the License.
|
||||
*/
|
||||
|
||||
@import '@material/tab-indicator/mdc-tab-indicator.scss';
|
||||
@import "@material/mwc-icon/src/_mwc-icon.scss";
|
||||
@import '@material/mwc-icon/src/_mwc-icon.scss';
|
||||
|
||||
.material-icons {
|
||||
@extend %material-icons;
|
||||
}
|
||||
}
|
||||
|
@ -16,7 +16,7 @@ limitations under the License.
|
||||
*/
|
||||
|
||||
@import '@material/tab/mdc-tab.scss';
|
||||
@import "@material/mwc-icon/src/_mwc-icon.scss";
|
||||
@import '@material/mwc-icon/src/_mwc-icon.scss';
|
||||
|
||||
.material-icons {
|
||||
@extend %material-icons;
|
||||
@ -57,4 +57,4 @@ limitations under the License.
|
||||
/* Declare rule from mdc-tab again to pick up mixin override. */
|
||||
.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
|
||||
@include mdc-rtl-reflexive-box(padding, left, 8px);
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user