mirror of
https://github.com/material-components/material-web.git
synced 2024-10-27 14:07:17 +03:00
use kebab-case for class name
This commit is contained in:
parent
6fc817ae92
commit
03bb202e92
@ -30,7 +30,7 @@ limitations under the License.
|
|||||||
<mwc-drawer hasHeader type="dismissible">
|
<mwc-drawer hasHeader type="dismissible">
|
||||||
<span slot="title">Drawer Title</span>
|
<span slot="title">Drawer Title</span>
|
||||||
<span slot="subtitle">subtitle</span>
|
<span slot="subtitle">subtitle</span>
|
||||||
<div class="drawerContent">
|
<div class="drawer-content">
|
||||||
<p>Drawer content</p>
|
<p>Drawer content</p>
|
||||||
<mwc-icon-button icon="gesture"></mwc-icon-button>
|
<mwc-icon-button icon="gesture"></mwc-icon-button>
|
||||||
<mwc-icon-button icon="gavel"></mwc-icon-button>
|
<mwc-icon-button icon="gavel"></mwc-icon-button>
|
||||||
|
@ -16,7 +16,7 @@ mwc-top-app-bar {
|
|||||||
margin-left: 256px;
|
margin-left: 256px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawerContent {
|
.drawer-content {
|
||||||
padding: 0px 16px 0 16px;
|
padding: 0px 16px 0 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -30,7 +30,7 @@ limitations under the License.
|
|||||||
<mwc-drawer hasHeader type="modal">
|
<mwc-drawer hasHeader type="modal">
|
||||||
<span slot="title">Drawer Title</span>
|
<span slot="title">Drawer Title</span>
|
||||||
<span slot="subtitle">subtitle</span>
|
<span slot="subtitle">subtitle</span>
|
||||||
<div class="drawerContent">
|
<div class="drawer-content">
|
||||||
<p>Drawer content</p>
|
<p>Drawer content</p>
|
||||||
<mwc-icon-button icon="gesture"></mwc-icon-button>
|
<mwc-icon-button icon="gesture"></mwc-icon-button>
|
||||||
<mwc-icon-button icon="gavel" id="gavel"></mwc-icon-button>
|
<mwc-icon-button icon="gavel" id="gavel"></mwc-icon-button>
|
||||||
|
@ -29,7 +29,7 @@ limitations under the License.
|
|||||||
<mwc-drawer hasHeader>
|
<mwc-drawer hasHeader>
|
||||||
<span slot="title">Drawer Title</span>
|
<span slot="title">Drawer Title</span>
|
||||||
<span slot="subtitle">subtitle</span>
|
<span slot="subtitle">subtitle</span>
|
||||||
<div class="drawerContent">
|
<div class="drawer-content">
|
||||||
<p>Drawer content!</p>
|
<p>Drawer content!</p>
|
||||||
<p>With separate drawer scrolling.</p>
|
<p>With separate drawer scrolling.</p>
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||||
|
Loading…
Reference in New Issue
Block a user