Fixes #174 - moves demo classes to styleguide
parent
09089c51ea
commit
604ec12157
|
@ -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 {
|
||||
// Generating grid classes for medium view
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1589,35 +1589,6 @@ pre {
|
|||
* 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) {
|
||||
.g-medium--1 {
|
||||
float: left;
|
||||
|
@ -3016,6 +2987,35 @@ object {
|
|||
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
|
||||
|
|
Loading…
Reference in New Issue