Skip to content

GitLab

Responsive Pixels
Responsive Pixels
Commit 96760454 authored by Aral Balkan's avatar Aral Balkan
Browse files
Options

Fixed the issue with mixin argument passing.

parent f2331af9
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 105 deletions
css/index.css deleted 100644 → 0
View file @ f2331af9
/* line 373 : stdin */
/* line 1 : /Users/aral/Ind.ie/products/site/source/assets/stylus/indie-style-core/responsive-pixels/node_modules/stylus/lib/functions/index.styl */
/* line 16 : stdin */
/************************************************************
* *
* Mixins: Helpers *
* *
************************************************************/
/* line 22 : stdin */
/* Convert unit to REMs if unit is in pixels. */
/* line 34 : stdin */
/* Abstract shorthand for attributes that can have 1-4 arguments
(top, right, left, bottom) */
/* line 87 : stdin */
/* Abstract longhand for attributes that take a single value */
/* line 102 : stdin */
/************************************************************
* *
* Mixins: CSS overrides *
* *
************************************************************/
/* line 109 : stdin */
/* Line height */
/* line 114 : stdin */
/* Margin */
/* line 131 : stdin */
/* Padding */
/* line 148 : stdin */
/* Font size */
/* line 153 : stdin */
/* Background size */
/* line 157 : stdin */
/* Max width */
/* line 165 : stdin */
/* Border */
/* line 203 : stdin */
/* Width */
/* line 211 : stdin */
/* Relative and absolute positioning */
/* line 226 : stdin */
/************************************************************
* *
* Typography *
* *
************************************************************/
css/tests.css
View file @ 96760454
/* line 157 : stdin */
/* line 153 : stdin */
/* line 1 : /Users/aral/Ind.ie/products/site/source/assets/stylus/indie-style-core/responsive-pixels/node_modules/stylus/lib/functions/index.styl */
......@@ -14,7 +14,9 @@ body {
width: 1000px;
width: 62.5rem;
margin: 24px;
margin: 1.5rem;
padding: 48px;
padding: 3rem;
line-height: 24px;
line-height: 1.5rem;
font-size: 18px;
......@@ -55,6 +57,7 @@ h2 {
/* line 33 : stdin */
#test-margin-inherit-parent-element {
margin: 42px;
margin: 2.625rem;
border: 1px dashed;
border: 0.0625rem dashed;
}
......@@ -72,6 +75,7 @@ h2 {
/* line 43 : stdin */
#test-margin-one-argument {
margin: 10px;
margin: 0.625rem;
}
/* line 46 : stdin */
......@@ -138,6 +142,7 @@ h2 {
/* line 78 : stdin */
#test-padding-one-argument {
padding: 10px;
padding: 0.625rem;
}
/* line 81 : stdin */
......@@ -249,7 +254,7 @@ h2 {
width: 31.25rem;
}
/* line 156 : stdin */
/* line 152 : stdin */
#test-padding-at-half-line-height {
padding: 12px 0 12px 12px;
/* Make sure that the rule is written out only once in case there is no rem substitution */
......
index.styl
View file @ 96760454
......@@ -35,23 +35,23 @@ remify(value)
/* Abstract shorthand for attributes that can have 1-4 arguments
(top, right, left, bottom) */
abstract-shorthand(attr, originalArguments)
abstract-shorthand(attr, args)
t = null
r = null
b = null
l = null
numOriginalArguments = length(originalArguments)
numOriginalArguments = length(args)
if length(originalArguments) >= 1
t = shift(originalArguments)
if length(originalArguments) >= 1
r = shift(originalArguments)
if length(originalArguments) >= 1
b = shift(originalArguments)
if length(originalArguments) >= 1
l = shift(originalArguments)
if length(args) >= 1
t = shift(args)
if length(args) >= 1
r = shift(args)
if length(args) >= 1
b = shift(args)
if length(args) >= 1
l = shift(args)
rT = remify(t)
rR = remify(r)
......@@ -82,7 +82,7 @@ abstract-shorthand(attr, originalArguments)
{attr} rT rR
else if numOriginalArguments == 1
{attr} t
if !(t = rT)
if !(t == rT)
{attr} rT
/* Abstract longhand for attributes that take a single value */
......@@ -110,58 +110,58 @@ abstract-longhand(attr, args)
/* Line height */
line-height(args...)
abstract-longhand('line-height', arguments)
abstract-longhand('line-height', args)
/* Margin */
margin(args...)
abstract-shorthand('margin', arguments)
abstract-shorthand('margin', args)
margin-top(args...)
abstract-longhand('margin-top', arguments)
abstract-longhand('margin-top', args)
margin-right(args...)
abstract-longhand('margin-right', arguments)
abstract-longhand('margin-right', args)
margin-bottom(args...)
abstract-longhand('margin-bottom', arguments)
abstract-longhand('margin-bottom', args)
margin-left(args...)
abstract-longhand('margin-left', arguments)
abstract-longhand('margin-left', args)
/* Padding */
padding(args...)
abstract-shorthand('padding', arguments)
abstract-shorthand('padding', args)
padding-top(args...)
abstract-longhand('padding-top', arguments)
abstract-longhand('padding-top', args)
padding-right(args...)
abstract-longhand('padding-right', arguments)
abstract-longhand('padding-right', args)
padding-bottom(args...)
abstract-longhand('padding-bottom', arguments)
abstract-longhand('padding-bottom', args)
padding-left(args...)
abstract-longhand('padding-left', arguments)
abstract-longhand('padding-left', args)
/* Font size */
font-size(args...)
abstract-longhand('font-size', arguments)
abstract-longhand('font-size', args)
/* Background size */
background-size(args...)
abstract-shorthand('background-size', arguments)
abstract-shorthand('background-size', args)
/* Max width */
max-width(args...)
abstract-longhand('max-width', arguments)
abstract-longhand('max-width', args)
max-height(args...)
abstract-longhand('max-height', arguments)
abstract-longhand('max-height', args)
/* Border */
......@@ -199,29 +199,29 @@ border-left(args...)
abstract-border('border-left', args, arguments)
border-radius()
abstract-longhand('border-radius', arguments)
abstract-longhand('border-radius', args)
/* Width */
width(args...)
abstract-longhand('width', arguments)
abstract-longhand('width', args)
height(args...)
abstract-longhand('height', arguments)
abstract-longhand('height', args)
/* Relative and absolute positioning */
top(args...)
abstract-longhand('top', arguments)
abstract-longhand('top', args)
bottom(args...)
abstract-longhand('bottom', arguments)
abstract-longhand('bottom', args)
left(args...)
abstract-longhand('left', arguments)
abstract-longhand('left', args)
right(args...)
abstract-longhand('right', arguments)
abstract-longhand('right', args)
/************************************************************
......
tests.html
View file @ 96760454
......@@ -101,7 +101,7 @@
</section>
<section>
<h2>Vertical rhythm helpers</h2>
<div id='test-padding-at-half-line-height' data-assert='padding: 12px 0px 12px 12px'>padding unit(HalfLineHeight, 'px') 0 …</div>
<div id='test-padding-at-half-line-height' data-assert='padding: 12px 0px 12px 12px'>padding HalfLineHeight 0 HalfLineHeight HalfLineHeight</div>
</section>
<script src='dom-style-test-runner.js'></script>
......
tests.styl
View file @ 96760454
......@@ -148,10 +148,6 @@ h2
width 100px !important
width 500px
// Note: This might be a bug in Stylus — if a variable is repeated, as it is here,
// ===== It works only for x x x 0. Any other orientations only result in the last
// variable being used *unless* you explicitly wrap the variable in a unit()
// call as shown here.
// TODO: File this as a bug with the Stylus folks.
// Vertical rhythm helpers.
#test-padding-at-half-line-height
padding unit(HalfLineHeight, 'px') 0 unit(HalfLineHeight, 'px') unit(HalfLineHeight, 'px')
padding HalfLineHeight 0 HalfLineHeight HalfLineHeight
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Like this? Fund us! Your patronage helps keep us independent and going.