diff options
Diffstat (limited to 'tests/fixtures')
| -rw-r--r-- | tests/fixtures/comments.txt | 33 | ||||
| -rw-r--r-- | tests/fixtures/css/buttons.css | 38 | ||||
| -rw-r--r-- | tests/fixtures/less/_label.less | 10 | ||||
| -rw-r--r-- | tests/fixtures/less/buttons.less | 51 | ||||
| -rw-r--r-- | tests/fixtures/less/mixins.less | 8 | ||||
| -rw-r--r-- | tests/fixtures/less/nested.less | 17 | ||||
| -rw-r--r-- | tests/fixtures/sass/buttons.sass | 40 | ||||
| -rw-r--r-- | tests/fixtures/sass/nested.sass | 10 | ||||
| -rw-r--r-- | tests/fixtures/scss/buttons.scss | 47 | ||||
| -rw-r--r-- | tests/fixtures/scss/nested.scss | 12 |
10 files changed, 266 insertions, 0 deletions
diff --git a/tests/fixtures/comments.txt b/tests/fixtures/comments.txt new file mode 100644 index 0000000..37dcdf6 --- /dev/null +++ b/tests/fixtures/comments.txt @@ -0,0 +1,33 @@ +This file is used for generic comment parsing across CSS, SCSS, SASS & LESS. + +There's single-line comment styles: + +// This comment block has comment identifiers on every line. +// +// Fun fact: this is Kyle's favorite comment syntax! + + +There's block comment styles: + +/* This comment block is a block-style comment syntax. + +There's only two identifier across multiple lines. */ + +/* This is another common multi-line comment style. + * + * It has stars at the begining of every line. + */ + + +Some people do crazy things like mix comment styles: + +// This comment has a /* comment */ identifier inside of it! + +/* Look at my //cool// comment art! */ + + +Indented comments: + + // Indented single-line comment. + + /* Indented block comment. */
\ No newline at end of file diff --git a/tests/fixtures/css/buttons.css b/tests/fixtures/css/buttons.css new file mode 100644 index 0000000..575f934 --- /dev/null +++ b/tests/fixtures/css/buttons.css @@ -0,0 +1,38 @@ +/* +Your standard form button. + +:hover - Highlights when hovering. +:disabled - Dims the button when disabled. +.primary - Indicates button is the primary action. +.smaller - A little bit smaller now. + +Styleguide 2.1.1. +*/ +button { + padding: 5px 15px; } + button.primary, button.primary:hover { + color: #fff; } + button.smaller { + font-size: 11px; } + button:hover { + color: #337797; } + button:disabled { + opacity: 0.5; } + + +/* +A button suitable for giving stars to someone. + +.star-given - A highlight indicating you've already given a star. +.disabled - Dims the button to indicate it cannot be used. + +Styleguide 2.2.1. +*/ +a.button.star { + display: inline-block; } + a.button.star .star { + font-size: 10px; } + a.button.star.star-given { + color: #ae7e00; } + a.button.star.disabled { + opacity: 0.5; }
\ No newline at end of file diff --git a/tests/fixtures/less/_label.less b/tests/fixtures/less/_label.less new file mode 100644 index 0000000..43c13a4 --- /dev/null +++ b/tests/fixtures/less/_label.less @@ -0,0 +1,10 @@ +/* +A default form label + +Styleguide 5.0.0 +*/ +label { + display: block; + float: left; + width: 150px; +}
\ No newline at end of file diff --git a/tests/fixtures/less/buttons.less b/tests/fixtures/less/buttons.less new file mode 100644 index 0000000..afc58ac --- /dev/null +++ b/tests/fixtures/less/buttons.less @@ -0,0 +1,51 @@ +/* +Your standard form button. + +:hover - Highlights when hovering. +:disabled - Dims the button when disabled. +.primary - Indicates button is the primary action. +.smaller - A little bit smaller now. + +Styleguide 2.1.1. +*/ +button, .button { + padding:5px 15px; + + &.primary, &.primary:hover{ + color:#fff; + } + + &.smaller{ + font-size:9px; + } + + &:hover{ + color:#337797; + } + + &:disabled{ + opacity:0.5; + } +} + +/* +A button suitable for giving stars to someone. + +.star-given - A highlight indicating you've already given a star. +.disabled - Dims the button to indicate it cannot be used. + +Styleguide 2.2.1. +*/ +a.button.star{ + display:inline-block; + + .star{ font-size:10px; } + + &.star-given{ + color:#ae7e00; + } + + &.disabled{ + opacity:0.5; + } +}
\ No newline at end of file diff --git a/tests/fixtures/less/mixins.less b/tests/fixtures/less/mixins.less new file mode 100644 index 0000000..87b5272 --- /dev/null +++ b/tests/fixtures/less/mixins.less @@ -0,0 +1,8 @@ +/* +Your standard grid helper. + +Styleguide 4.0.0. +*/ +.grid(@columns, @max: 10) { + width: (@columns / @max) * 960px; +}
\ No newline at end of file diff --git a/tests/fixtures/less/nested.less b/tests/fixtures/less/nested.less new file mode 100644 index 0000000..3eea176 --- /dev/null +++ b/tests/fixtures/less/nested.less @@ -0,0 +1,17 @@ +@import "_label"; +/* +Your standard form element. + +Styleguide 3.0.0 +*/ +form { + + /* + Your standard text input box. + + Styleguide 3.0.1 + */ + input[type="text"] { + border: 1px solid #ccc; + } +}
\ No newline at end of file diff --git a/tests/fixtures/sass/buttons.sass b/tests/fixtures/sass/buttons.sass new file mode 100644 index 0000000..2a8bcdf --- /dev/null +++ b/tests/fixtures/sass/buttons.sass @@ -0,0 +1,40 @@ +/* Your standard form button. + * + * :hover - Highlights when hovering. + * :disabled - Dims the button when disabled. + * .primary - Indicates button is the primary action. + * .smaller - A little bit smaller now. + * + * Styleguide 2.1.1. */ +button + padding: 5px 15px + + &.primary, &.primary:hover + color: #fff + + &.smaller + font-size: 11px + + &:hover + color: #337797 + + &:disabled + opacity: 0.5 + +// A button suitable for giving stars to someone. +// +// .star-given - A highlight indicating you've already given a star. +// .disabled - Dims the button to indicate it cannot be used. +// +// Styleguide 2.2.1. +a.button.star + display: inline-block + + .star + font-size: 10px + + &.star-given + color: #ae7e00 + + &.disabled + opacity: 0.5
\ No newline at end of file diff --git a/tests/fixtures/sass/nested.sass b/tests/fixtures/sass/nested.sass new file mode 100644 index 0000000..ae0309e --- /dev/null +++ b/tests/fixtures/sass/nested.sass @@ -0,0 +1,10 @@ +/* Your standard form element. + * + * Styleguide 3.0.0 */ +form + + /* Your standard text input box. + * + * Styleguide 3.0.1 */ + input[type="text"] + border: 1px solid #ccc
\ No newline at end of file diff --git a/tests/fixtures/scss/buttons.scss b/tests/fixtures/scss/buttons.scss new file mode 100644 index 0000000..efa3bb1 --- /dev/null +++ b/tests/fixtures/scss/buttons.scss @@ -0,0 +1,47 @@ +// Your standard form button. +// +// :hover - Highlights when hovering. +// :disabled - Dims the button when disabled. +// .primary - Indicates button is the primary action. +// .smaller - A little bit smaller now. +// +// Styleguide 2.1.1. +button{ + padding:5px 15px; + + &.primary, &.primary:hover{ + color:#fff; + } + + &.smaller{ + font-size:11px; + } + + &:hover{ + color:#337797; + } + + &:disabled{ + opacity:0.5; + } +} + +// A button suitable for giving stars to someone. +// +// .star-given - A highlight indicating you've already given a star. +// .disabled - Dims the button to indicate it cannot be used. +// +// Styleguide 2.2.1. +a.button.star{ + display:inline-block; + + .star{ font-size:10px; } + + &.star-given{ + color:#ae7e00; + } + + &.disabled{ + opacity:0.5; + } +}
\ No newline at end of file diff --git a/tests/fixtures/scss/nested.scss b/tests/fixtures/scss/nested.scss new file mode 100644 index 0000000..2e51c2b --- /dev/null +++ b/tests/fixtures/scss/nested.scss @@ -0,0 +1,12 @@ +// Your standard form element. +// +// Styleguide 3.0.0 +form { + + // Your standard text input box. + // + // Styleguide 3.0.1 + input[type="text"] { + border: 1px solid #ccc; + } +}
\ No newline at end of file |