google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding missing components to docs and fixing some CSS issues

master
Sérgio Gomes 2015-06-05 17:04:40 +01:00
parent 2bfcb9e21d
commit 2ab24047fa
13 changed files with 45 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
docs/_pages/components.md
View File

@ -10,34 +10,58 @@ components:
- name: card
title: Card
description: a card thingy
- name: form
title: Form
description: a form thingy
- name: checkbox
title: Checkbox
description: a checkbox thingy
- name: data-table
title: Data Table
description: a data table thingy
- name: footer
title: Footer
description: a footer thingy
- name: grid
title: Grid
description: a grid thingy
- name: icon-toggle
title: Icon Toggle
description: an icon toggle thingy
- name: layout
title: Layout
description: a layout thingy
- name: list
title: List
description: a list thingy
- name: menu
title: Menu
description: a menu thingy
- name: spinner
title: Spinner
description: a spinner thingy
- name: progress
title: Progress Bar
description: a progress bar thingy
- name: radio
title: Radio Button
description: a radio button thingy
- name: shadow
title: Shadow
description: a shadow thingy
- name: slider
title: Slider
description: a slider thingy
- name: spinner
title: Spinner
description: a spinner thingy
- name: switch
title: Switch
description: a switch thingy
- name: tab
title: Tab
description: a tab thingy
- name: tabs
title: Content Tabs
description: a content tab thingy
- name: textfield
title: Text Field
description: a text field thingy
- name: tooltip
title: Tooltip
description: a tooltip thingy
- name: typography
title: Typography
description: a tooltip thingy
---

2
src/card/demo.html
View File

@ -1,4 +1,4 @@
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--card">
<div class="mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Integer lectus lacus, condimentum vitae lectus vitae</h2>

2
src/footer/demo.html
View File

@ -1,4 +1,4 @@
<div class="demo-preview-block">
<div class="demo-preview-block .demo-page--footer">
<footer class="mdl-mega-footer">
<div class="mdl-mega-footer--top-section">

2
src/grid/demo.html
View File

@ -1,4 +1,4 @@
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--grid">
<div class="demo-ruler mdl-grid">
<div class="mdl-cell mdl-cell--1-col">1</div>
<div class="mdl-cell mdl-cell--1-col">1</div>

2
src/list/demo.html
View File

@ -1,4 +1,4 @@
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--list">
<h3>Ordered</h3>
<ol>

2
src/menu/demo.html
View File

@ -1,4 +1,4 @@
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--menu">
<button id="clickable1" class="demo-menu-button-left mdl-button mdl-js-button mdl-button--icon">
<i class="material-icons">more_vert</i>

2
src/palette/demo.css
View File

@ -14,7 +14,7 @@
* limitations under the License.
*/
.demo-page--palette .demo-preview-block {
.demo-page--palette.demo-preview-block {
display: inline-block;
}

19
src/palette/demo.html
View File

@ -1,21 +1,4 @@
<!doctype html>
<html lang="en" class="no-js no-touch" itemscope itemtype="http://schema.org/Article">
<head>
<meta charset="utf-8" >
<meta name="description" content="Palette demo for the visual style guide used by this site.">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
<link href='//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="../../material.css">
<link rel="stylesheet" href="../demos.css">
<link rel="stylesheet" href="demo.css">
<title>Palette</title>
</head>
<body class="demo-page demo-page--palette">
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--palette">
<div class="demo-palette">
<div class="demo-palette-heading mdl-color--red-500">
<div class="demo-palette-name">Red</div>

15
src/shadow/demo.html
View File

@ -1,21 +1,8 @@
<div class="demo-preview-block">
<h3>Hand-Crafted Artisanal</h3>
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--shadow">
<div class="demo-shadow-card mdl-shadow--2dp">2dp</div>
<div class="demo-shadow-card mdl-shadow--3dp">3dp</div>
<div class="demo-shadow-card mdl-shadow--4dp">4dp</div>
<div class="demo-shadow-card mdl-shadow--6dp">6dp</div>
<div class="demo-shadow-card mdl-shadow--8dp">8dp</div>
<div class="demo-shadow-card mdl-shadow--16dp">16dp</div>
</div>
</div>

2
src/tabs/demo.html
View File

@ -1,4 +1,4 @@
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--tabs">
<div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
<div class="mdl-tabs__tab-bar">

2
src/textfield/demo.html
View File

@ -1,4 +1,4 @@
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--textfield">
<form action="#">
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" type="text" id="sample1" />

2
src/tooltip/demo.html
View File

@ -1,4 +1,4 @@
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--tooltip">
<div id="el1" class="icon material-icons">note_add</div>
<div class="mdl-tooltip" for="el1">

2
src/typography/demo.html
View File

@ -1,6 +1,6 @@
<h2>Scale &amp; Basic Styles</h2>
<div class="demo-preview-block">
<div class="demo-preview-block demo-page--typography">
<table>
<tr>
<th class="mdl-typography--caption-color-contrast">Display 4</th>