aboutsummaryrefslogtreecommitdiffstats
path: root/theme-compiler/tests/resources
diff options
context:
space:
mode:
Diffstat (limited to 'theme-compiler/tests/resources')
-rw-r--r--theme-compiler/tests/resources/css/control-directives.css16
-rw-r--r--theme-compiler/tests/resources/scss/control-directives.scss19
-rw-r--r--theme-compiler/tests/resources/scss/mixins.scss4
3 files changed, 38 insertions, 1 deletions
diff --git a/theme-compiler/tests/resources/css/control-directives.css b/theme-compiler/tests/resources/css/control-directives.css
index dbc44e886c..a92cf4b501 100644
--- a/theme-compiler/tests/resources/css/control-directives.css
+++ b/theme-compiler/tests/resources/css/control-directives.css
@@ -2,22 +2,38 @@
background-image: url(/images/salamander.png);
font-size: 10px;
font-color: blue;
+ border: 1px solid;
}
.egret-icon #animal, .menu {
background-image: url(/images/egret.png);
font-size: 10px;
font-color: blue;
+ border: 1px solid;
}
.sea-slug-icon #animal, .menu {
background-image: url(/images/sea-slug.png);
font-size: 10px;
font-color: blue;
+ border: 1px solid;
}
.puma-icon #animal, .menu {
background-image: url(/images/puma.png);
font-size: 10px;
font-color: blue;
+ border: 1px solid;
+}
+
+.trueIf {
+ border: 1px solid;
+}
+
+.falseIf {
+ border: 1px solid;
+}
+
+.falseIfTrueElse {
+ border: 1px solid;
} \ No newline at end of file
diff --git a/theme-compiler/tests/resources/scss/control-directives.scss b/theme-compiler/tests/resources/scss/control-directives.scss
index 3da1d337cc..f9773bb108 100644
--- a/theme-compiler/tests/resources/scss/control-directives.scss
+++ b/theme-compiler/tests/resources/scss/control-directives.scss
@@ -1,10 +1,29 @@
+$borderWeight : solid;
+
@each $animal in puma, sea-slug, egret, salamander {
.#{$animal}-icon #animal, .menu {
background-image: url('/images/#{$animal}.png');
@include logo(10px);
+ @if 1+1 == 2 { border: 1px solid; }
}
}
+.trueIf {
+ @if solid != dotted { border: 1px $borderWeight; }
+ @else { border: 2px solid; }
+}
+
+.falseIf {
+ @if 1+2 == 2 { border: 2px solid; }
+ @else { border: 1px solid; }
+}
+
+.falseIfTrueElse {
+ @if 1+2 == 2 { border: 2px solid; }
+ @else if 1+1 == 2 { border: 1px solid; }
+ @else { border: 3px solid; }
+}
+
@mixin logo($size){
font: {
size: $size;
diff --git a/theme-compiler/tests/resources/scss/mixins.scss b/theme-compiler/tests/resources/scss/mixins.scss
index db972f6edc..0fbfed6f93 100644
--- a/theme-compiler/tests/resources/scss/mixins.scss
+++ b/theme-compiler/tests/resources/scss/mixins.scss
@@ -13,8 +13,10 @@
border-radius: $radius;
}
+$mixinVar : 1px;
+
.main {
- @include rounded-borders(1px);
+ @include rounded-borders($mixinVar);
@include font-settings;
@include main-details(14px);
}