diff options
Diffstat (limited to 'tests/sass/resources/scss')
20 files changed, 247 insertions, 0 deletions
diff --git a/tests/sass/resources/scss/_partial-for-import.scss b/tests/sass/resources/scss/_partial-for-import.scss new file mode 100644 index 0000000000..32c3149a5b --- /dev/null +++ b/tests/sass/resources/scss/_partial-for-import.scss @@ -0,0 +1,9 @@ +$foo : red; + +.caption { + $side: right; + border: 1px solid black; + background: #ff0000; + padding: 10px; + margin: 10px; +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/comments.scss b/tests/sass/resources/scss/comments.scss new file mode 100644 index 0000000000..de3fbe8e0d --- /dev/null +++ b/tests/sass/resources/scss/comments.scss @@ -0,0 +1,13 @@ +/** 0sprite: verticals; sprite-image: url(../common/img/vertical-sprites.png); sprite-layout: vertical */ +/** 1sprite: verticals; sprite-image: url(../common/img/vertical-sprites.png); sprite-layout: vertical */ +/** 2sprite: verticals; sprite-image: url(../common/img/vertical-sprites.png); sprite-layout: vertical */ +$black:#000000; +.v-button:focus { + background-image: url(img/left-focus.png);/** sprite-ref: buttons */ + outline: none; +} + +.v-button:focus .v-button-wrap { + background-image: url(img/right-focus.png);/** sprite-ref: buttons; sprite-alignment: right */ + outline: none; +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/control-directives.scss b/tests/sass/resources/scss/control-directives.scss new file mode 100644 index 0000000000..febd563f19 --- /dev/null +++ b/tests/sass/resources/scss/control-directives.scss @@ -0,0 +1,14 @@ +@for $i from 1 through 3 { + .item-#{$i} { width: 2em * $i; } +} + +@while $i > 0 { + .item-#{$i} { width: 2em * $i; } + $i: $i - 2; +} + +@each $animal in puma, sea-slug, egret, salamander { + .#{$animal}-icon { + background-image: url('/images/#{$animal}.png'); + } +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/extends.scss b/tests/sass/resources/scss/extends.scss new file mode 100644 index 0000000000..c9e0f85381 --- /dev/null +++ b/tests/sass/resources/scss/extends.scss @@ -0,0 +1,13 @@ +.error { + border: 1px #f00; + background: #fdd; +} +.error.intrusion { + font-size: 1.3em; + font-weight: bold; +} + +.badError { + @extend .error; + border-width: 3px; +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/folder-test/parent-import.scss b/tests/sass/resources/scss/folder-test/parent-import.scss new file mode 100644 index 0000000000..b3f6c8000e --- /dev/null +++ b/tests/sass/resources/scss/folder-test/parent-import.scss @@ -0,0 +1,6 @@ +@import "../folder-test2/variables.scss"; +@import "../folder-test2/url"; +@import "../folder-test2/base-imported.scss"; +.text { + font-weight: bold; +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/folder-test2/base-imported.scss b/tests/sass/resources/scss/folder-test2/base-imported.scss new file mode 100644 index 0000000000..17d801e4aa --- /dev/null +++ b/tests/sass/resources/scss/folder-test2/base-imported.scss @@ -0,0 +1 @@ +@import "base.scss";
\ No newline at end of file diff --git a/tests/sass/resources/scss/folder-test2/base.scss b/tests/sass/resources/scss/folder-test2/base.scss new file mode 100644 index 0000000000..57ca0bb7a2 --- /dev/null +++ b/tests/sass/resources/scss/folder-test2/base.scss @@ -0,0 +1,3 @@ +.base{ + color: red; +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/folder-test2/url.scss b/tests/sass/resources/scss/folder-test2/url.scss new file mode 100644 index 0000000000..a4be967ad7 --- /dev/null +++ b/tests/sass/resources/scss/folder-test2/url.scss @@ -0,0 +1,6 @@ +.body{ + background-image: url(bg.png); + background: transparent url(img/loading-indicator.gif); + background-image: url(http://abc/bg.png); + background-image: url(/abc/bg.png); +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/folder-test2/variables.scss b/tests/sass/resources/scss/folder-test2/variables.scss new file mode 100644 index 0000000000..2d06d36650 --- /dev/null +++ b/tests/sass/resources/scss/folder-test2/variables.scss @@ -0,0 +1,14 @@ +$blue: #3bbfce; +$margin: 8px; + +.content-navigation { + border-color: $blue; + $blue: #0000ff; + color: $blue; +} + +.border { + padding: $margin; + margin: $margin; + border-color: $blue; +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/functions.scss b/tests/sass/resources/scss/functions.scss new file mode 100644 index 0000000000..abf6f6187d --- /dev/null +++ b/tests/sass/resources/scss/functions.scss @@ -0,0 +1,16 @@ +.main { + margin: abs(-2px); + border: ceil(10.4px); + border: floor(10.4px); + border: round(10.4px); + color: lighten(hsl(0, 0%, 0%), 30%); + color: darken(hsl(25, 100%, 80%), 30%); + color: darken(rgb(136, 0, 0), 20%); + color: lighten(rgb(136, 0, 0), 20%); + color: darken(#880000, 20%); + color: darken(#800, 20%); + color: lighten(#880000, 20%); + color: lighten(#800, 20%); +} + + diff --git a/tests/sass/resources/scss/imports.scss b/tests/sass/resources/scss/imports.scss new file mode 100644 index 0000000000..4d53a120d2 --- /dev/null +++ b/tests/sass/resources/scss/imports.scss @@ -0,0 +1,6 @@ +@import "_partial-for-import"; + +.text { + font-weight: bold; + color: $foo; +} diff --git a/tests/sass/resources/scss/interpolation.scss b/tests/sass/resources/scss/interpolation.scss new file mode 100644 index 0000000000..5859a9838b --- /dev/null +++ b/tests/sass/resources/scss/interpolation.scss @@ -0,0 +1,3 @@ +$name: foo; +$attr: border; +p.#{$name}abc { abc#{$attr}-color: blue }
\ No newline at end of file diff --git a/tests/sass/resources/scss/microsoft-extensions.scss b/tests/sass/resources/scss/microsoft-extensions.scss new file mode 100644 index 0000000000..69670969de --- /dev/null +++ b/tests/sass/resources/scss/microsoft-extensions.scss @@ -0,0 +1,6 @@ +.v-ie6 .v-shadow-window { + background: #000000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5 ) alpha(opacity = 20); + margin-top: 2px; + margin-left: 2px; +} diff --git a/tests/sass/resources/scss/mixins.scss b/tests/sass/resources/scss/mixins.scss new file mode 100644 index 0000000000..f16c9a0e06 --- /dev/null +++ b/tests/sass/resources/scss/mixins.scss @@ -0,0 +1,44 @@ +//asfdasdf + +@mixin font-settings { + font-family: arial; + font-size: 16px; + font-weight: bold; +} + +@mixin rounded-borders($thickness, $radius : 3px) { + border: $thickness solid black; + -webkit-border-radius: $radius; + -moz-border-radius: $radius; + border-radius: $radius; +} + +.main { + @include rounded-borders(1px); + @include font-settings; +} + +.footer { + @include rounded-borders(2px, 10px); +} + +@mixin layout { + .header { + width: 100%; + } + .main { + width: 100%; + height: 100%; + } + + .footer { + width: 100%; + } + @media print { + .v-view { + overflow: visible; + } + } + @include font-settings; +} +@include layout;
\ No newline at end of file diff --git a/tests/sass/resources/scss/nested-properties.scss b/tests/sass/resources/scss/nested-properties.scss new file mode 100644 index 0000000000..e12a83aa2d --- /dev/null +++ b/tests/sass/resources/scss/nested-properties.scss @@ -0,0 +1,7 @@ +li { + font: { + family: serif;; + weight: bold; + size: 1.2em + } +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/nesting.scss b/tests/sass/resources/scss/nesting.scss new file mode 100644 index 0000000000..0336c9e86d --- /dev/null +++ b/tests/sass/resources/scss/nesting.scss @@ -0,0 +1,40 @@ +.top-bar { + color: red; + .alt { + color: blue; + } +} + +.menu { + background-color: red; + a { + color: blue; + } +} + +.caption { + padding: 10px; + .text, .header { + color: green; + } +} + +.footer { + padding: 10px; + .left, .right { + color: purple; + a { + color: orange; + } + } +} + +.main { + color: red; + .second.third { + color: blue; + .fourth { + color: black; + } + } +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/parent-selector.scss b/tests/sass/resources/scss/parent-selector.scss new file mode 100644 index 0000000000..3d0f694801 --- /dev/null +++ b/tests/sass/resources/scss/parent-selector.scss @@ -0,0 +1,14 @@ +a { + font-weight: bold; + text-decoration: none; + &:hover { text-decoration: underline; } + body.firefox & { font-weight: normal; } +} + +#main { + color: black; + a { + font-weight: bold; + &:hover { color: red; } + } +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/reference-parent-selector.css b/tests/sass/resources/scss/reference-parent-selector.css new file mode 100644 index 0000000000..733c8fd42d --- /dev/null +++ b/tests/sass/resources/scss/reference-parent-selector.css @@ -0,0 +1,6 @@ +a { + color: #660000; + &:hover {color: #000000;} + &:visited {color:#660066;} + &:active {color: #ffffff;} +}
\ No newline at end of file diff --git a/tests/sass/resources/scss/semicolons.scss b/tests/sass/resources/scss/semicolons.scss new file mode 100644 index 0000000000..a4a56043d5 --- /dev/null +++ b/tests/sass/resources/scss/semicolons.scss @@ -0,0 +1,9 @@ +.all-the-properties { + font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; ; + position: absolute;; + overflow: hidden; +} +.missing-semicolon-on-last-row { + color: red; + background-color: blue +} diff --git a/tests/sass/resources/scss/variables.scss b/tests/sass/resources/scss/variables.scss new file mode 100644 index 0000000000..60acc5dd10 --- /dev/null +++ b/tests/sass/resources/scss/variables.scss @@ -0,0 +1,17 @@ +$blue: #3bbfce; +$margin: 8px; +$chameleon-font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; + +.content-navigation { + border-color: $blue; + $blue: #0000ff; + color: $blue; + color1: darken($blue, 9%); + font-family: $chameleon-font-family; +} + +.border { + padding: $margin; + margin: $margin; + border-color: $blue; +}
\ No newline at end of file |