Fix all broken test examples

This commit is contained in:
Glavin Wiechert 2015-09-25 18:35:48 -03:00
parent 013ecd6fe6
commit 8094016160
12 changed files with 35 additions and 78 deletions

View File

@ -3,27 +3,21 @@ a {
display: block; display: block;
padding: 0 15px; padding: 0 15px;
font-size: 16px; font-size: 16px;
button { button {
font-size: 16px; font-size: 16px;
} }
&:link { &:link {
color: @white; color: @white;
text-decoration: none; text-decoration: none;
} }
&:visited { &:visited {
color: @white; color: @white;
} }
&:hover { &:hover {
color: @orange; color: @orange;
} }
&.green { &.green {
color: @green; color: @green;
&:hover { &:hover {
color: @white; color: @white;
background-color: @green; background-color: @green;

View File

@ -1,7 +1,6 @@
// main: style.less // main: style.less
@import (reference)"variables.less"; @import (reference)"variables.less";
@import (reference)"mixins.less"; @import (reference)"mixins.less";
.modal { .modal {
position: fixed; position: fixed;
height: 100%; height: 100%;
@ -10,7 +9,6 @@
z-index: 10; z-index: 10;
opacity: 0; opacity: 0;
display: none; display: none;
.innerModal { .innerModal {
margin: auto; margin: auto;
background-color: @white; background-color: @white;
@ -20,25 +18,21 @@
-ms-transform: translateY(-100%); -ms-transform: translateY(-100%);
-o-transform: translateY(-100%); -o-transform: translateY(-100%);
transform: translateY(-100%); transform: translateY(-100%);
.fa { .fa {
float: right; float: right;
color: @white; color: @white;
background-color: firebrick; background-color: firebrick;
padding: 5px 7px; padding: 5px 7px;
border-radius: 20px; border-radius: 20px;
&:hover { &:hover {
background-color: lighten(@black, 50%); background-color: lighten(@black, 50%);
cursor: pointer; cursor: pointer;
} }
&:active { &:active {
background-color: lighten(@black, 25%); background-color: lighten(@black, 25%);
} }
} }
} }
&.modal-2text { &.modal-2text {
.innerModal { .innerModal {
width: @container-width; width: @container-width;
@ -47,11 +41,9 @@
padding: 10px 25px; padding: 10px 25px;
background-color: gainsboro; background-color: gainsboro;
border-radius: 4px; border-radius: 4px;
h2 { h2 {
margin: 0 0 7px; margin: 0 0 7px;
} }
div { div {
height: 70%; height: 70%;
overflow-y: scroll; overflow-y: scroll;
@ -59,21 +51,18 @@
padding: 15px; padding: 15px;
border-radius: 4px; border-radius: 4px;
} }
.large-cta { .large-cta {
margin-top: 25px; margin-top: 25px;
} }
} }
} }
} }
#modal-video { #modal-video {
.innerModal { .innerModal {
left: 10%; left: 10%;
margin-top: 30px; margin-top: 30px;
width: 1000px; width: 1000px;
background-color: lighten(@black, 25%); background-color: lighten(@black, 25%);
iframe { iframe {
width: 600px; width: 600px;
height: 340px; height: 340px;
@ -83,86 +72,69 @@
//container //container
> div { > div {
text-align: center; text-align: center;
a { a {
.styleLinks(@white, darken(@white, 10%)); .styleLinks(@white, darken(@white, 10%));
padding: 5px; padding: 5px;
text-transform: uppercase; text-transform: uppercase;
&:hover { &:hover {
background-color: fade(@white, 15%); background-color: fade(@white, 15%);
} }
&:active { &:active {
background-color: fade(@white, 30%); background-color: fade(@white, 30%);
} }
} }
h3 { h3 {
color: @white; color: @white;
font-size: 3em; font-size: 3em;
margin: 20px auto; margin: 20px auto;
} }
button { button {
margin-bottom: 50px; margin-bottom: 50px;
} }
} }
} }
} }
.slideIn { .slideIn {
.animation(SlideIn, 0.5s); .animation(SlideIn, 0.5s);
} }
@-webkit-keyframes SlideIn { @-webkit-keyframes SlideIn {
0% { 0% {
.transform(translateY(-100%)); .transform(translateY(-100%));
} }
100% { 100% {
.transform(translateY(0px)); .transform(translateY(0px));
} }
} }
.fadeIn { .fadeIn {
display: block; display: block;
.animation(FadeIn, 0.5s); .animation(FadeIn, 0.5s);
} }
@-webkit-keyframes FadeIn { @-webkit-keyframes FadeIn {
0% { 0% {
opacity: 0; opacity: 0;
} }
100% { 100% {
opacity: 1; opacity: 1;
} }
} }
.slideOut { .slideOut {
.animation(SlideOut, 0.5s); .animation(SlideOut, 0.5s);
} }
@-webkit-keyframes SlideOut { @-webkit-keyframes SlideOut {
0% { 0% {
.transform(translateY(0%)); .transform(translateY(0%));
} }
100% { 100% {
.transform(translateY(-100%)); .transform(translateY(-100%));
} }
} }
.fadeOut { .fadeOut {
.animation(FadeOut, 0.5s); .animation(FadeOut, 0.5s);
} }
@-webkit-keyframes FadeOut { @-webkit-keyframes FadeOut {
0% { 0% {
opacity: 1; opacity: 1;
} }
100% { 100% {
opacity: 0; opacity: 0;
display: none; display: none;

View File

@ -2,16 +2,13 @@ section#photo-details {
width: 1140px; width: 1140px;
margin: 60px auto 70px; margin: 60px auto 70px;
} }
div.photo-view { div.photo-view {
text-align: center; text-align: center;
figure { figure {
box-shadow: 0 0 3px 1px rgba(0,0,0,0.75); box-shadow: 0 0 3px 1px rgba(0,0,0,0.75);
display: inline-block; display: inline-block;
margin: 0 0 60px; margin: 0 0 60px;
padding: 0; padding: 0;
img { img {
display: block; display: block;
} }

View File

@ -1,10 +1,8 @@
.animal { .animal {
color: red; color: red;
} }
.dog { .dog {
&:extend(.animal); &:extend(.animal);
&:hover { &:hover {
color: green; color: green;
} }

View File

@ -2,7 +2,6 @@
#{$parent} { #{$parent} {
color: $color; color: $color;
} }
a#{$parent}:hover { a#{$parent}:hover {
color: darken($color, 10%); color: darken($color, 10%);
} }

View File

@ -6,16 +6,13 @@
background-color: $gray-light; background-color: $gray-light;
box-shadow: none; box-shadow: none;
} }
.k-slider-selection { .k-slider-selection {
background-color: $brand-primary; background-color: $brand-primary;
} }
.k-button { .k-button {
border: 1px solid $brand-primary; border: 1px solid $brand-primary;
background-color: transparent; background-color: transparent;
color: $brand-primary; color: $brand-primary;
&:hover { &:hover {
border-color: $brand-primary; border-color: $brand-primary;
background-color: $brand-primary; background-color: $brand-primary;

View File

@ -1,6 +1,5 @@
a { a {
line-height: 56px; line-height: 56px;
&:hover { &:hover {
color: blue; color: blue;
} }

View File

@ -5,7 +5,6 @@
//whatever //whatever
} }
&::before { &::before {
//whatever //whatever

View File

@ -1,29 +0,0 @@
<?xml version="1.0"?>
<!DOCTYPE stylesheet [<!ENTITY nbsp "<xsl:text disable-output-escaping='yes'>&amp;nbsp;</xsl:text>">]>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"
encoding="utf-8" indent="yes" method="html"/>
<xsl:template match="/">
<html>
<head>
<title>Sample xml transformation</title>
</head>
<body>
<xsl:for-each select="/letter">
<div>
<div><xsl:value-of select="./title"/></div>
<div><xsl:value-of select="./salutation"/></div>
<div><xsl:value-of select="./text"/></div>
<div><xsl:value-of select="./greetings"/></div>
<div><xsl:value-of select="./signature"/></div>
<div><xsl:value-of select="./address"/></div>
</div>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

View File

@ -0,0 +1,28 @@
<?xml version="1.0"?>
<!DOCTYPE stylesheet [<!ENTITY nbsp "<xsl:text disable-output-escaping='yes'>&amp;nbsp;</xsl:text>">]>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" encoding="utf-8" indent="yes" method="html"/>
<xsl:template match="/">
<html>
<head>
<title>Sample xml transformation</title>
</head>
<body>
<xsl:for-each select="/letter">
<div>
<div><xsl:value-of select="./title"/></div>
<div><xsl:value-of select="./salutation"/></div>
<div><xsl:value-of select="./text"/></div>
<div><xsl:value-of select="./greetings"/></div>
<div><xsl:value-of select="./signature"/></div>
<div><xsl:value-of select="./address"/></div>
</div>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

View File

@ -19,4 +19,4 @@
</body> </body>
</html> </html>
</xsl:template> </xsl:template>
</xsl:stylesheet> </xsl:stylesheet>

View File

@ -1,7 +1,10 @@
var Mist = React.createClass({ var Mist = React.createClass({
renderList: function() { renderList: function() {
return this.props.items.map(function(item) { return this
return <ListItem item={return <tag>{item}</tag>} key={item.id}/>; .props
}); .items
.map(function(item) {
return <ListItem item={return <tag>{item}</tag>} key={item.id}/>;
});
} }
}); });