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

Fixes #174 - moves demo classes to styleguide

master
Addy Osmani 2014-06-24 19:42:50 +01:00
parent 09089c51ea
commit 604ec12157
3 changed files with 60 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/styles/components/_components/_grid.scss
View File

@ -4,36 +4,6 @@
* *
**/ **/
.demo {
margin-bottom: $lineHeight;
margin-top: $lineHeight;
}
.demo {
[class*="g-"] {
background-color: #eee;
position: relative;
margin-bottom: $lineHeight;
min-height: $lineHeight*6;
&::before,
&::after {
@include type--small;
display: block;
margin: 0 10px;
}
&::before {
content: "HTML classes: ";
font-weight: 700;
}
&::after {
content: attr(class);
word-spacing: 15px;
}
}
}
@include medium-only { @include medium-only {
// Generating grid classes for medium view // Generating grid classes for medium view

31
app/styles/components/_pages/_styleguide.scss
View File

@ -49,3 +49,34 @@
} }
} }
.demo {
margin-bottom: $lineHeight;
margin-top: $lineHeight;
}
.demo {
[class*="g-"] {
background-color: #eee;
position: relative;
margin-bottom: $lineHeight;
min-height: $lineHeight*6;
&::before,
&::after {
@include type--small;
display: block;
margin: 0 10px;
}
&::before {
content: "HTML classes: ";
font-weight: 700;
}
&::after {
content: attr(class);
word-spacing: 15px;
}
}
}

58
app/styles/components/components.css
View File

@ -1589,35 +1589,6 @@ pre {
* Grid * Grid
* *
**/ **/
.demo {
margin-bottom: 26px;
margin-top: 26px;
}
.demo [class*="g-"] {
background-color: #eee;
position: relative;
margin-bottom: 26px;
min-height: 156px;
}
.demo [class*="g-"]::before, .demo [class*="g-"]::after {
font-size: 13px;
line-height: 2.0000em;
/* 26px */
padding-top: 2.0000em;
padding-bottom: 0;
display: block;
margin: 0 10px;
}
.demo [class*="g-"]::before {
content: "HTML classes: ";
font-weight: 700;
}
.demo [class*="g-"]::after {
content: attr(class);
word-spacing: 15px;
}
@media only screen and (min-width: 620px) and (max-width: 799px) { @media only screen and (min-width: 620px) and (max-width: 799px) {
.g-medium--1 { .g-medium--1 {
float: left; float: left;
@ -3016,6 +2987,35 @@ object {
padding: 0 13px; padding: 0 13px;
} }
.demo {
margin-bottom: 26px;
margin-top: 26px;
}
.demo [class*="g-"] {
background-color: #eee;
position: relative;
margin-bottom: 26px;
min-height: 156px;
}
.demo [class*="g-"]::before, .demo [class*="g-"]::after {
font-size: 13px;
line-height: 2.0000em;
/* 26px */
padding-top: 2.0000em;
padding-bottom: 0;
display: block;
margin: 0 10px;
}
.demo [class*="g-"]::before {
content: "HTML classes: ";
font-weight: 700;
}
.demo [class*="g-"]::after {
content: attr(class);
word-spacing: 15px;
}
/** /**
* *
* Resources page * Resources page