Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
980c5fd7
Commit
980c5fd7
authored
5 years ago
by
Martijn Cuppens
Committed by
XhmikosR
5 years ago
Browse files
Options
Download
Email Patches
Plain Diff
Remove redundant properties & nullify redundant percentages
parent
1bc2d65b
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
scss/mixins/_gradients.scss
+5
-7
scss/mixins/_gradients.scss
with
5 additions
and
7 deletions
+5
-7
scss/mixins/_gradients.scss
+
5
-
7
View file @
980c5fd7
...
@@ -17,33 +17,31 @@
...
@@ -17,33 +17,31 @@
// Creates two color stops, start and end, by specifying a color and position for each color stop.
// Creates two color stops, start and end, by specifying a color and position for each color stop.
@mixin
gradient-x
(
$start-color
:
$gray-700
,
$end-color
:
$gray-800
,
$start-percent
:
0%
,
$end-percent
:
100%
)
{
@mixin
gradient-x
(
$start-color
:
$gray-700
,
$end-color
:
$gray-800
,
$start-percent
:
0%
,
$end-percent
:
100%
)
{
background-image
:
linear-gradient
(
to
right
,
$start-color
$start-percent
,
$end-color
$end-percent
);
background-image
:
linear-gradient
(
to
right
,
$start-color
$start-percent
,
$end-color
$end-percent
);
background-repeat
:
repeat-x
;
}
}
// Vertical gradient, from top to bottom
// Vertical gradient, from top to bottom
//
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
// Creates two color stops, start and end, by specifying a color and position for each color stop.
@mixin
gradient-y
(
$start-color
:
$gray-700
,
$end-color
:
$gray-800
,
$start-percent
:
0%
,
$end-percent
:
100%
)
{
@mixin
gradient-y
(
$start-color
:
$gray-700
,
$end-color
:
$gray-800
,
$start-percent
:
null
,
$end-percent
:
null
)
{
background-image
:
linear-gradient
(
to
bottom
,
$start-color
$start-percent
,
$end-color
$end-percent
);
background-image
:
linear-gradient
(
to
bottom
,
$start-color
$start-percent
,
$end-color
$end-percent
);
background-repeat
:
repeat-x
;
}
}
@mixin
gradient-directional
(
$start-color
:
$gray-700
,
$end-color
:
$gray-800
,
$deg
:
45deg
)
{
@mixin
gradient-directional
(
$start-color
:
$gray-700
,
$end-color
:
$gray-800
,
$deg
:
45deg
)
{
background-image
:
linear-gradient
(
$deg
,
$start-color
,
$end-color
);
background-image
:
linear-gradient
(
$deg
,
$start-color
,
$end-color
);
background-repeat
:
repeat-x
;
}
}
@mixin
gradient-x-three-colors
(
$start-color
:
$blue
,
$mid-color
:
$purple
,
$color-stop
:
50%
,
$end-color
:
$red
)
{
@mixin
gradient-x-three-colors
(
$start-color
:
$blue
,
$mid-color
:
$purple
,
$color-stop
:
50%
,
$end-color
:
$red
)
{
background-image
:
linear-gradient
(
to
right
,
$start-color
,
$mid-color
$color-stop
,
$end-color
);
background-image
:
linear-gradient
(
to
right
,
$start-color
,
$mid-color
$color-stop
,
$end-color
);
background-repeat
:
no-repeat
;
}
}
@mixin
gradient-y-three-colors
(
$start-color
:
$blue
,
$mid-color
:
$purple
,
$color-stop
:
50%
,
$end-color
:
$red
)
{
@mixin
gradient-y-three-colors
(
$start-color
:
$blue
,
$mid-color
:
$purple
,
$color-stop
:
50%
,
$end-color
:
$red
)
{
background-image
:
linear-gradient
(
$start-color
,
$mid-color
$color-stop
,
$end-color
);
background-image
:
linear-gradient
(
$start-color
,
$mid-color
$color-stop
,
$end-color
);
background-repeat
:
no-repeat
;
}
}
@mixin
gradient-radial
(
$inner-color
:
$gray-700
,
$outer-color
:
$gray-800
)
{
@mixin
gradient-radial
(
$inner-color
:
$gray-700
,
$outer-color
:
$gray-800
)
{
background-image
:
radial-gradient
(
circle
,
$inner-color
,
$outer-color
);
background-image
:
radial-gradient
(
circle
,
$inner-color
,
$outer-color
);
background-repeat
:
no-repeat
;
}
}
@mixin
gradient-striped
(
$color
:
rgba
(
$white
,
.15
)
,
$angle
:
45deg
)
{
@mixin
gradient-striped
(
$color
:
rgba
(
$white
,
.15
)
,
$angle
:
45deg
)
{
background-image
:
linear-gradient
(
$angle
,
$color
25%
,
transparent
25%
,
transparent
50%
,
$color
50%
,
$color
75%
,
transparent
75%
,
transparent
);
background-image
:
linear-gradient
(
$angle
,
$color
25%
,
transparent
25%
,
transparent
50%
,
$color
50%
,
$color
75%
,
transparent
75%
,
transparent
);
}
}
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment