diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
| commit | d25ff2bddd44b9dac1ceb248424109d1782dd211 (patch) | |
| tree | 34fcfd824a1a72e7b4d431b688adcea532b62180 /minionlivesmatter/templates/assets/bootstrap/scss/mixins | |
| parent | a2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff) | |
| download | meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip | |
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/bootstrap/scss/mixins')
32 files changed, 0 insertions, 898 deletions
diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_alert.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_alert.scss deleted file mode 100644 index 1e9307e..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_alert.scss +++ /dev/null @@ -1,14 +0,0 @@ -// Alerts - -@mixin alert-variant($background, $border, $body-color) { - color: $body-color; - background-color: $background; - border-color: $border; - - hr { - border-top-color: darken($border, 5%); - } - .alert-link { - color: darken($body-color, 10%); - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_background-variant.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_background-variant.scss deleted file mode 100644 index 54a734d..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_background-variant.scss +++ /dev/null @@ -1,12 +0,0 @@ -// Contextual backgrounds - -@mixin bg-variant($parent, $color) { - #{$parent} { - background-color: $color !important; - } - a#{$parent} { - @include hover-focus { - background-color: darken($color, 10%) !important; - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_badge.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_badge.scss deleted file mode 100644 index 9fa44b6..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_badge.scss +++ /dev/null @@ -1,11 +0,0 @@ -// Badges - -@mixin badge-variant($color) { - background-color: $color; - - &[href] { - @include hover-focus { - background-color: darken($color, 10%); - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_border-radius.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_border-radius.scss deleted file mode 100644 index 2024feb..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_border-radius.scss +++ /dev/null @@ -1,35 +0,0 @@ -// Single side border-radius - -@mixin border-radius($radius: $border-radius) { - @if $enable-rounded { - border-radius: $radius; - } -} - -@mixin border-top-radius($radius) { - @if $enable-rounded { - border-top-left-radius: $radius; - border-top-right-radius: $radius; - } -} - -@mixin border-right-radius($radius) { - @if $enable-rounded { - border-top-right-radius: $radius; - border-bottom-right-radius: $radius; - } -} - -@mixin border-bottom-radius($radius) { - @if $enable-rounded { - border-bottom-right-radius: $radius; - border-bottom-left-radius: $radius; - } -} - -@mixin border-left-radius($radius) { - @if $enable-rounded { - border-top-left-radius: $radius; - border-bottom-left-radius: $radius; - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_box-shadow.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_box-shadow.scss deleted file mode 100644 index b2410e5..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_box-shadow.scss +++ /dev/null @@ -1,5 +0,0 @@ -@mixin box-shadow($shadow...) { - @if $enable-shadows { - box-shadow: $shadow; - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_breakpoints.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_breakpoints.scss deleted file mode 100644 index 904b60f..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_breakpoints.scss +++ /dev/null @@ -1,95 +0,0 @@ -// Breakpoint viewport sizes and media queries. -// -// Breakpoints are defined as a map of (name: minimum width), order from small to large: -// -// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px) -// -// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default. - -// Name of the next breakpoint, or null for the last breakpoint. -// -// >> breakpoint-next(sm) -// md -// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) -// md -// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl)) -// md -@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) { - $n: index($breakpoint-names, $name); - @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null); -} - -// Minimum breakpoint width. Null for the smallest (first) breakpoint. -// -// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) -// 576px -@function breakpoint-min($name, $breakpoints: $grid-breakpoints) { - $min: map-get($breakpoints, $name); - @return if($min != 0, $min, null); -} - -// Maximum breakpoint width. Null for the largest (last) breakpoint. -// The maximum value is calculated as the minimum of the next one less 0.1. -// -// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) -// 767px -@function breakpoint-max($name, $breakpoints: $grid-breakpoints) { - $next: breakpoint-next($name, $breakpoints); - @return if($next, breakpoint-min($next, $breakpoints) - 1px, null); -} - -// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront. -// Useful for making responsive utilities. -// -// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) -// "" (Returns a blank string) -// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) -// "-sm" -@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) { - @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}"); -} - -// Media of at least the minimum breakpoint width. No query for the smallest breakpoint. -// Makes the @content apply to the given breakpoint and wider. -@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) { - $min: breakpoint-min($name, $breakpoints); - @if $min { - @media (min-width: $min) { - @content; - } - } @else { - @content; - } -} - -// Media of at most the maximum breakpoint width. No query for the largest breakpoint. -// Makes the @content apply to the given breakpoint and narrower. -@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) { - $max: breakpoint-max($name, $breakpoints); - @if $max { - @media (max-width: $max) { - @content; - } - } @else { - @content; - } -} - -// Media that spans multiple breakpoint widths. -// Makes the @content apply between the min and max breakpoints -@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) { - @include media-breakpoint-up($lower, $breakpoints) { - @include media-breakpoint-down($upper, $breakpoints) { - @content; - } - } -} - -// Media between the breakpoint's minimum and maximum widths. -// No minimum for the smallest breakpoint, and no maximum for the largest one. -// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. -@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) { - @include media-breakpoint-between($name, $name, $breakpoints) { - @content; - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_buttons.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_buttons.scss deleted file mode 100644 index 91eb444..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_buttons.scss +++ /dev/null @@ -1,86 +0,0 @@ -// Button variants -// -// Easily pump out default styles, as well as :hover, :focus, :active, -// and disabled options for all buttons - -@mixin button-variant($color, $background, $border) { - $active-background: darken($background, 10%); - $active-border: darken($border, 12%); - - color: $color; - background-color: $background; - border-color: $border; - @include box-shadow($btn-box-shadow); - - // Hover and focus styles are shared - @include hover { - color: $color; - background-color: $active-background; - border-color: $active-border; - } - &:focus, - &.focus { - // Avoid using mixin so we can pass custom focus shadow properly - @if $enable-shadows { - box-shadow: $btn-box-shadow, 0 0 0 2px rgba($border, .5); - } @else { - box-shadow: 0 0 0 2px rgba($border, .5); - } - } - - // Disabled comes first so active can properly restyle - &.disabled, - &:disabled { - background-color: $background; - border-color: $border; - } - - &:active, - &.active, - .show > &.dropdown-toggle { - color: $color; - background-color: $active-background; - background-image: none; // Remove the gradient for the pressed/active state - border-color: $active-border; - @include box-shadow($btn-active-box-shadow); - } -} - -@mixin button-outline-variant($color, $color-hover: #fff) { - color: $color; - background-color: transparent; - background-image: none; - border-color: $color; - - @include hover { - color: $color-hover; - background-color: $color; - border-color: $color; - } - - &:focus, - &.focus { - box-shadow: 0 0 0 2px rgba($color, .5); - } - - &.disabled, - &:disabled { - color: $color; - background-color: transparent; - } - - &:active, - &.active, - .show > &.dropdown-toggle { - color: $color-hover; - background-color: $color; - border-color: $color; - } -} - -// Button sizes -@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) { - padding: $padding-y $padding-x; - font-size: $font-size; - @include border-radius($border-radius); -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_cards.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_cards.scss deleted file mode 100644 index 4b1232d..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_cards.scss +++ /dev/null @@ -1,47 +0,0 @@ -// Card variants - -@mixin card-variant($background, $border) { - background-color: $background; - border-color: $border; - - .card-header, - .card-footer { - background-color: transparent; - } -} - -@mixin card-outline-variant($color) { - background-color: transparent; - border-color: $color; -} - -// -// Inverse text within a card for use with dark backgrounds -// - -@mixin card-inverse { - color: rgba(255,255,255,.65); - - .card-header, - .card-footer { - background-color: transparent; - border-color: rgba(255,255,255,.2); - } - .card-header, - .card-footer, - .card-title, - .card-blockquote { - color: #fff; - } - .card-link, - .card-text, - .card-subtitle, - .card-blockquote .blockquote-footer { - color: rgba(255,255,255,.65); - } - .card-link { - @include hover-focus { - color: $card-link-hover-color; - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_clearfix.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_clearfix.scss deleted file mode 100644 index 11a977b..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_clearfix.scss +++ /dev/null @@ -1,7 +0,0 @@ -@mixin clearfix() { - &::after { - display: block; - clear: both; - content: ""; - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_float.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_float.scss deleted file mode 100644 index b43116f..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_float.scss +++ /dev/null @@ -1,9 +0,0 @@ -@mixin float-left { - float: left !important; -} -@mixin float-right { - float: right !important; -} -@mixin float-none { - float: none !important; -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_forms.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_forms.scss deleted file mode 100644 index 33b186a..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_forms.scss +++ /dev/null @@ -1,55 +0,0 @@ -// Form validation states -// -// Used in _forms.scss to generate the form validation CSS for warnings, errors, -// and successes. - -@mixin form-control-validation($color) { - // Color the label and help text - .form-control-feedback, - .form-control-label, - .col-form-label, - .form-check-label, - .custom-control { - color: $color; - } - - // Set the border and box shadow on specific inputs to match - .form-control, - .custom-select, - .custom-file-control { - border-color: $color; - - &:focus { - @include box-shadow($input-box-shadow, 0 0 6px lighten($color, 20%)); - } - } - - // Set validation states also for addons - .input-group-addon { - color: $color; - background-color: lighten($color, 40%); - border-color: $color; - } -} - -// Form control focus state -// -// Generate a customized focus state and for any input with the specified color, -// which defaults to the `@input-border-focus` variable. -// -// We highly encourage you to not customize the default value, but instead use -// this to tweak colors on an as-needed basis. This aesthetic change is based on -// WebKit's default styles, but applicable to a wider range of browsers. Its -// usability and accessibility should be taken into account with any change. -// -// Example usage: change the default blue border and shadow to white for better -// contrast against a dark gray background. -@mixin form-control-focus() { - &:focus { - color: $input-color-focus; - background-color: $input-bg-focus; - border-color: $input-border-focus; - outline: none; - @include box-shadow($input-box-shadow-focus); - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_gradients.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_gradients.scss deleted file mode 100644 index bad79f9..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_gradients.scss +++ /dev/null @@ -1,37 +0,0 @@ -// Gradients - -// Horizontal gradient, from left to right -// -// Creates two color stops, start and end, by specifying a color and position for each color stop. -@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { - background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); - background-repeat: repeat-x; -} - -// Vertical gradient, from top to bottom -// -// Creates two color stops, start and end, by specifying a color and position for each color stop. -@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { - background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); - background-repeat: repeat-x; -} - -@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) { - background-image: linear-gradient($deg, $start-color, $end-color); - background-repeat: repeat-x; -} -@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { - 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: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { - background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color); - background-repeat: no-repeat; -} -@mixin gradient-radial($inner-color: #555, $outer-color: #333) { - background-image: radial-gradient(circle, $inner-color, $outer-color); - background-repeat: no-repeat; -} -@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) { - background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_grid-framework.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_grid-framework.scss deleted file mode 100644 index 0aa814a..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_grid-framework.scss +++ /dev/null @@ -1,65 +0,0 @@ -// Framework grid generation -// -// Used only by Bootstrap to generate the correct number of grid classes given -// any value of `$grid-columns`. - -@mixin make-grid-columns($columns: $grid-columns, $gutters: $grid-gutter-widths, $breakpoints: $grid-breakpoints) { - // Common properties for all breakpoints - %grid-column { - position: relative; - width: 100%; - min-height: 1px; // Prevent columns from collapsing when empty - - @include make-gutters($gutters); - } - - @each $breakpoint in map-keys($breakpoints) { - $infix: breakpoint-infix($breakpoint, $breakpoints); - - // Allow columns to stretch full width below their breakpoints - @for $i from 1 through $columns { - .col#{$infix}-#{$i} { - @extend %grid-column; - } - } - .col#{$infix} { - @extend %grid-column; - } - - @include media-breakpoint-up($breakpoint, $breakpoints) { - // Provide basic `.col-{bp}` classes for equal-width flexbox columns - .col#{$infix} { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - .col#{$infix}-auto { - flex: 0 0 auto; - width: auto; - } - - @for $i from 1 through $columns { - .col#{$infix}-#{$i} { - @include make-col($i, $columns); - } - } - - @each $modifier in (pull, push) { - @for $i from 0 through $columns { - .#{$modifier}#{$infix}-#{$i} { - @include make-col-modifier($modifier, $i, $columns) - } - } - } - - // `$columns - 1` because offsetting by the width of an entire row isn't possible - @for $i from 0 through ($columns - 1) { - @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-xs-0 - .offset#{$infix}-#{$i} { - @include make-col-modifier(offset, $i, $columns) - } - } - } - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_grid.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_grid.scss deleted file mode 100644 index eb6c012..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_grid.scss +++ /dev/null @@ -1,100 +0,0 @@ -/// Grid system -// -// Generate semantic grid columns with these mixins. - -@mixin make-container($gutters: $grid-gutter-widths) { - position: relative; - margin-right: auto; - margin-left: auto; - - @each $breakpoint in map-keys($gutters) { - @include media-breakpoint-up($breakpoint) { - $gutter: map-get($gutters, $breakpoint); - padding-right: ($gutter / 2); - padding-left: ($gutter / 2); - } - } -} - - -// For each breakpoint, define the maximum width of the container in a media query -@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) { - @each $breakpoint, $container-max-width in $max-widths { - @include media-breakpoint-up($breakpoint, $breakpoints) { - width: $container-max-width; - max-width: 100%; - } - } -} - -@mixin make-gutters($gutters: $grid-gutter-widths) { - @each $breakpoint in map-keys($gutters) { - @include media-breakpoint-up($breakpoint) { - $gutter: map-get($gutters, $breakpoint); - padding-right: ($gutter / 2); - padding-left: ($gutter / 2); - } - } -} - -@mixin make-row($gutters: $grid-gutter-widths) { - display: flex; - flex-wrap: wrap; - - @each $breakpoint in map-keys($gutters) { - @include media-breakpoint-up($breakpoint) { - $gutter: map-get($gutters, $breakpoint); - margin-right: ($gutter / -2); - margin-left: ($gutter / -2); - } - } -} - -@mixin make-col-ready($gutters: $grid-gutter-widths) { - position: relative; - // Prevent columns from becoming too narrow when at smaller grid tiers by - // always setting `width: 100%;`. This works because we use `flex` values - // later on to override this initial width. - width: 100%; - min-height: 1px; // Prevent collapsing - - @each $breakpoint in map-keys($gutters) { - @include media-breakpoint-up($breakpoint) { - $gutter: map-get($gutters, $breakpoint); - padding-right: ($gutter / 2); - padding-left: ($gutter / 2); - } - } -} - -@mixin make-col($size, $columns: $grid-columns) { - flex: 0 0 percentage($size / $columns); - // width: percentage($size / $columns); - // Add a `max-width` to ensure content within each column does not blow out - // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari - // do not appear to require this. - max-width: percentage($size / $columns); -} - -@mixin make-col-offset($size, $columns: $grid-columns) { - margin-left: percentage($size / $columns); -} - -@mixin make-col-push($size, $columns: $grid-columns) { - left: if($size > 0, percentage($size / $columns), auto); -} - -@mixin make-col-pull($size, $columns: $grid-columns) { - right: if($size > 0, percentage($size / $columns), auto); -} - -@mixin make-col-modifier($type, $size, $columns) { - // Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626) - @if $type == push { - @include make-col-push($size, $columns); - } @else if $type == pull { - @include make-col-pull($size, $columns); - } @else if $type == offset { - @include make-col-offset($size, $columns); - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_hover.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_hover.scss deleted file mode 100644 index 4aa4b1d..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_hover.scss +++ /dev/null @@ -1,60 +0,0 @@ -@mixin hover { - // TODO: re-enable along with mq4-hover-shim -// @if $enable-hover-media-query { -// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover -// // Currently shimmed by https://github.com/twbs/mq4-hover-shim -// @media (hover: hover) { -// &:hover { @content } -// } -// } -// @else { -// scss-lint:disable Indentation - &:hover { @content } -// scss-lint:enable Indentation -// } -} - - -@mixin hover-focus { - @if $enable-hover-media-query { - &:focus { @content } - @include hover { @content } - } @else { - &:focus, - &:hover { - @content - } - } -} - -@mixin plain-hover-focus { - @if $enable-hover-media-query { - &, - &:focus { - @content - } - @include hover { @content } - } @else { - &, - &:focus, - &:hover { - @content - } - } -} - -@mixin hover-focus-active { - @if $enable-hover-media-query { - &:focus, - &:active { - @content - } - @include hover { @content } - } @else { - &:focus, - &:active, - &:hover { - @content - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_image.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_image.scss deleted file mode 100644 index c2b45f2..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_image.scss +++ /dev/null @@ -1,36 +0,0 @@ -// Image Mixins -// - Responsive image -// - Retina image - - -// Responsive image -// -// Keep images from scaling beyond the width of their parents. - -@mixin img-fluid { - // Part 1: Set a maximum relative to the parent - max-width: 100%; - // Part 2: Override the height to auto, otherwise images will be stretched - // when setting a width and height attribute on the img element. - height: auto; -} - - -// Retina image -// -// Short retina mixin for setting background-image and -size. - -@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { - background-image: url($file-1x); - - // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio, - // but doesn't convert dppx=>dpi. - // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard. - // Compatibility info: http://caniuse.com/#feat=css-media-resolution - @media - only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx - only screen and (min-resolution: 2dppx) { // Standardized - background-image: url($file-2x); - background-size: $width-1x $height-1x; - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_list-group.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_list-group.scss deleted file mode 100644 index ba27b50..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_list-group.scss +++ /dev/null @@ -1,26 +0,0 @@ -// List Groups - -@mixin list-group-item-variant($state, $background, $color) { - .list-group-item-#{$state} { - color: $color; - background-color: $background; - } - - //scss-lint:disable QualifyingElement - a.list-group-item-#{$state}, - button.list-group-item-#{$state} { - color: $color; - - @include hover-focus { - color: $color; - background-color: darken($background, 5%); - } - - &.active { - color: #fff; - background-color: $color; - border-color: $color; - } - } - // scss-lint:enable QualifyingElement -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_lists.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_lists.scss deleted file mode 100644 index 2518562..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_lists.scss +++ /dev/null @@ -1,7 +0,0 @@ -// Lists - -// Unstyled keeps list items block level, just removes default browser padding and list-style -@mixin list-unstyled { - padding-left: 0; - list-style: none; -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_nav-divider.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_nav-divider.scss deleted file mode 100644 index 557673c..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_nav-divider.scss +++ /dev/null @@ -1,10 +0,0 @@ -// Horizontal dividers -// -// Dividers (basically an hr) within dropdowns and nav lists - -@mixin nav-divider($color: #e5e5e5) { - height: 1px; - margin: ($spacer / 2) 0; - overflow: hidden; - background-color: $color; -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_navbar-align.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_navbar-align.scss deleted file mode 100644 index c454a4f..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_navbar-align.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Navbar vertical align -// -// Vertically center elements in the navbar. -// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. - -// @mixin navbar-vertical-align($element-height) { -// margin-top: (($navbar-height - $element-height) / 2); -// margin-bottom: (($navbar-height - $element-height) / 2); -// } diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_pagination.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_pagination.scss deleted file mode 100644 index 8cd9317..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_pagination.scss +++ /dev/null @@ -1,21 +0,0 @@ -// Pagination - -@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) { - .page-link { - padding: $padding-y $padding-x; - font-size: $font-size; - } - - .page-item { - &:first-child { - .page-link { - @include border-left-radius($border-radius); - } - } - &:last-child { - .page-link { - @include border-right-radius($border-radius); - } - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_reset-text.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_reset-text.scss deleted file mode 100644 index 4cf9e79..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_reset-text.scss +++ /dev/null @@ -1,18 +0,0 @@ -// scss-lint:disable DuplicateProperty -@mixin reset-text { - font-family: $font-family-base; - // We deliberately do NOT reset font-size or word-wrap. - font-style: normal; - font-weight: $font-weight-normal; - line-height: $line-height-base; - text-align: left; // Fallback for where `start` is not supported - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_resize.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_resize.scss deleted file mode 100644 index 66f233a..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_resize.scss +++ /dev/null @@ -1,6 +0,0 @@ -// Resize anything - -@mixin resizable($direction) { - overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` - resize: $direction; // Options: horizontal, vertical, both -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_screen-reader.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_screen-reader.scss deleted file mode 100644 index a5fa51c..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_screen-reader.scss +++ /dev/null @@ -1,35 +0,0 @@ -// Only display content to screen readers -// -// See: http://a11yproject.com/posts/how-to-hide-content -// See: http://hugogiraudel.com/2016/10/13/css-hide-and-seek/ - -@mixin sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0,0,0,0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; -} - -// Use in conjunction with .sr-only to only display content when it's focused. -// -// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 -// -// Credit: HTML5 Boilerplate - -@mixin sr-only-focusable { - &:active, - &:focus { - position: static; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; - clip-path: none; - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_size.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_size.scss deleted file mode 100644 index b9dd48e..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_size.scss +++ /dev/null @@ -1,6 +0,0 @@ -// Sizing shortcuts - -@mixin size($width, $height: $width) { - width: $width; - height: $height; -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_table-row.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_table-row.scss deleted file mode 100644 index 84f1d30..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_table-row.scss +++ /dev/null @@ -1,30 +0,0 @@ -// Tables - -@mixin table-row-variant($state, $background) { - // Exact selectors below required to override `.table-striped` and prevent - // inheritance to nested tables. - .table-#{$state} { - &, - > th, - > td { - background-color: $background; - } - } - - // Hover states for `.table-hover` - // Note: this is not available for cells or rows within `thead` or `tfoot`. - .table-hover { - $hover-background: darken($background, 5%); - - .table-#{$state} { - @include hover { - background-color: $hover-background; - - > td, - > th { - background-color: $hover-background; - } - } - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-emphasis.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-emphasis.scss deleted file mode 100644 index 9cd4b6a..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-emphasis.scss +++ /dev/null @@ -1,12 +0,0 @@ -// Typography - -@mixin text-emphasis-variant($parent, $color) { - #{$parent} { - color: $color !important; - } - a#{$parent} { - @include hover-focus { - color: darken($color, 10%) !important; - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-hide.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-hide.scss deleted file mode 100644 index 52a38a9..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-hide.scss +++ /dev/null @@ -1,8 +0,0 @@ -// CSS image replacement -@mixin text-hide() { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-truncate.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-truncate.scss deleted file mode 100644 index 3504bb1..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_text-truncate.scss +++ /dev/null @@ -1,8 +0,0 @@ -// Text truncate -// Requires inline-block or block for proper styling - -@mixin text-truncate() { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_transforms.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_transforms.scss deleted file mode 100644 index 4005c9d..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_transforms.scss +++ /dev/null @@ -1,14 +0,0 @@ -// Applies the given styles only when the browser support CSS3 3D transforms. -@mixin if-supports-3d-transforms() { - @media (-webkit-transform-3d) { - // Old Safari, Old Android - // http://caniuse.com/#feat=css-featurequeries - // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/-webkit-transform-3d - @content; - } - - @supports (transform: translate3d(0,0,0)) { - // The Proper Way: Using a CSS feature query - @content; - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_transition.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_transition.scss deleted file mode 100644 index 7e33dee..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_transition.scss +++ /dev/null @@ -1,9 +0,0 @@ -@mixin transition($transition...) { - @if $enable-transitions { - @if length($transition) == 0 { - transition: $transition-base; - } @else { - transition: $transition; - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_visibility.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_visibility.scss deleted file mode 100644 index f67fc1c..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_visibility.scss +++ /dev/null @@ -1,5 +0,0 @@ -// Visibility - -@mixin invisible($visibility) { - visibility: $visibility !important; -} |
