add regression test for SCSS

pull/573/head
Breno Reis 2023-09-20 14:38:35 +07:00
parent 1bffcf4e2b
commit fffbc17adc
No known key found for this signature in database
GPG Key ID: 62F76B9E8882B44C
3 changed files with 59 additions and 0 deletions

@ -187,6 +187,9 @@ sample_files/scala_before.scala sample_files/scala_after.scala
sample_files/simple_before.js sample_files/simple_after.js
c9c5d1c61b7e8a953a361343bcd13c95 -
sample_files/simple_before.scss sample_files/simple_after.scss
1bef0ac0550e0cf2c8839446bd05d98e -
sample_files/simple_before.txt sample_files/simple_after.txt
8b88ed3d752ca7ae72ed2a44e3cfc9df -

@ -0,0 +1,28 @@
@mixin buttons($basicBorder:1px, $gradient1:#333, $gradient2:#d8dee7){
button{
border:$basicBorder dotted #acbed3;
//brings in Compass' background-image mixin: http://compass-style.org/reference/compass/css3/images/
@include background-image(linear-gradient($gradient1, $gradient2));
padding:3px 14px;
font-size:1rem;
color:#3b557d;
//brings in Compass' border-radius mixin: http://compass-style.org/reference/compass/css3/border_radius/
@include border-radius($border-radius, $border-radius);
cursor:pointer;
//& attribute adds
&.primary {
border:2px dotted #3b557d;
padding:5px 15px;
//requires a $border-radius variable
@include border-radius($border-radius + 2, $border-radius + 2);
}
&.disabled {
opacity: .6;
}
&:hover {
@include background-image(linear-gradient($gradient2, $gradient1));
}
}
}

@ -0,0 +1,28 @@
@mixin buttons($basicBorder:1px, $gradient1:#fff, $gradient2:#d8dee7){
button{
border:$basicBorder solid #acbed3;
//brings in Compass' background-image mixin: http://compass-style.org/reference/compass/css3/images/
@include background-image(linear-gradient($gradient1, $gradient2));
padding:3px 14px;
font-size:12px;
color:#3b557d;
//brings in Compass' border-radius mixin: http://compass-style.org/reference/compass/css3/border_radius/
@include border-radius($border-radius, $border-radius);
cursor:pointer;
//& attribute adds
&.primary {
border:2px solid #3b557d;
padding:5px 15px;
//requires a $border-radius variable
@include border-radius($border-radius + 2, $border-radius + 2);
}
&.disabled {
opacity: .8;
}
&:hover {
@include background-image(linear-gradient($gradient2, $gradient1));
}
}
}