Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/rfs.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'examples/sass/gulp/src/main.scss')
-rw-r--r--examples/sass/gulp/src/main.scss11
1 files changed, 1 insertions, 10 deletions
diff --git a/examples/sass/gulp/src/main.scss b/examples/sass/gulp/src/main.scss
index 6266b95..9bda6fd 100644
--- a/examples/sass/gulp/src/main.scss
+++ b/examples/sass/gulp/src/main.scss
@@ -1,45 +1,36 @@
@import "../../../../sass/rfs";
-
-/* responsive-font-size property with `px` unit */
.selector-1 {
- background-color: red;
+ background-color: #f00;
width: 300px;
@include responsive-font-size(32px);
}
-/* responsive-font-size property with `rem` unit */
.selector-2 {
@include responsive-font-size(2rem);
}
-/* responsive-font-size property with !important */
.selector-3 {
@include responsive-font-size(2rem, true);
}
-/* rfs shorthand */
.selector-4 {
@include rfs(2rem);
}
-/* not supported unit */
.selector-5 {
@include responsive-font-size(2em);
}
-/* special value */
.selector-6 {
@include responsive-font-size(inherit);
}
-/* responsive-font-size property inside @support-query */
@supports (display: flex) {
.selector-7 {
@include rfs(28px);
}
}
-/* responsive-font-size property without unit */
.selector-8 {
@include responsive-font-size(32);
}