first change
This commit is contained in:
3
scss/bootstrap/scss/helpers/_clearfix.scss
Normal file
3
scss/bootstrap/scss/helpers/_clearfix.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
.clearfix {
|
||||
@include clearfix();
|
||||
}
|
12
scss/bootstrap/scss/helpers/_colored-links.scss
Normal file
12
scss/bootstrap/scss/helpers/_colored-links.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
@each $color, $value in $theme-colors {
|
||||
.link-#{$color} {
|
||||
color: $value;
|
||||
|
||||
@if $link-shade-percentage != 0 {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
30
scss/bootstrap/scss/helpers/_position.scss
Normal file
30
scss/bootstrap/scss/helpers/_position.scss
Normal file
@@ -0,0 +1,30 @@
|
||||
// Shorthand
|
||||
|
||||
.fixed-top {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: $zindex-fixed;
|
||||
}
|
||||
|
||||
.fixed-bottom {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: $zindex-fixed;
|
||||
}
|
||||
|
||||
// Responsive sticky top
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
|
||||
.sticky#{$infix}-top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: $zindex-sticky;
|
||||
}
|
||||
}
|
||||
}
|
26
scss/bootstrap/scss/helpers/_ratio.scss
Normal file
26
scss/bootstrap/scss/helpers/_ratio.scss
Normal file
@@ -0,0 +1,26 @@
|
||||
// Credit: Nicolas Gallagher and SUIT CSS.
|
||||
|
||||
.ratio {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
&::before {
|
||||
display: block;
|
||||
padding-top: var(--#{$variable-prefix}aspect-ratio);
|
||||
content: "";
|
||||
}
|
||||
|
||||
> * {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@each $key, $ratio in $aspect-ratios {
|
||||
.ratio-#{$key} {
|
||||
--#{$variable-prefix}aspect-ratio: #{$ratio};
|
||||
}
|
||||
}
|
15
scss/bootstrap/scss/helpers/_stretched-link.scss
Normal file
15
scss/bootstrap/scss/helpers/_stretched-link.scss
Normal file
@@ -0,0 +1,15 @@
|
||||
//
|
||||
// Stretched link
|
||||
//
|
||||
|
||||
.stretched-link {
|
||||
&::#{$stretched-link-pseudo-element} {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: $stretched-link-z-index;
|
||||
content: "";
|
||||
}
|
||||
}
|
7
scss/bootstrap/scss/helpers/_text-truncation.scss
Normal file
7
scss/bootstrap/scss/helpers/_text-truncation.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
//
|
||||
// Text truncation
|
||||
//
|
||||
|
||||
.text-truncate {
|
||||
@include text-truncate();
|
||||
}
|
8
scss/bootstrap/scss/helpers/_visually-hidden.scss
Normal file
8
scss/bootstrap/scss/helpers/_visually-hidden.scss
Normal file
@@ -0,0 +1,8 @@
|
||||
//
|
||||
// Visually hidden
|
||||
//
|
||||
|
||||
.visually-hidden,
|
||||
.visually-hidden-focusable:not(:focus):not(:focus-within) {
|
||||
@include visually-hidden();
|
||||
}
|
Reference in New Issue
Block a user