iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(docs-infra): remove redundant Sass mixin (#40944) 

This commit removes the `bp()` Sass mixin, which was only used in one
place (and also included several unused code-branches).

PR Close #40944
This commit is contained in:
George Kalpakas 2021-02-23 16:49:04 +02:00 committed by Zach Arend
parent 2a518fb44c
commit 2475dbe7b2
2 changed files with 1 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/src/styles/1-layouts/_top-menu.scss
View File

@ -216,7 +216,7 @@ mat-toolbar.app-toolbar {
color: $mediumgray; color: $mediumgray;
} }
@include bp(big) { @media (min-width: 1000px) {
transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;
&:focus { &:focus {

42
aio/src/styles/_mixins.scss
View File

@ -1,45 +1,3 @@
/************************************
Media queries
To use these, put this snippet in the appropriate selector:
@include bp(tiny) {
background-color: purple;
}
Replace "tiny" with "medium" or "big" as necessary.
*************************************/
@mixin bp($point) {
$bp-xsmall: "(min-width: 320px)";
$bp-teeny: "(min-width: 480px)";
$bp-tiny: "(min-width: 600px)";
$bp-small: "(min-width: 650px)";
$bp-medium: "(min-width: 800px)";
$bp-big: "(min-width: 1000px)";
@if $point == big {
@media #{$bp-big} { @content; }
}
@else if $point == medium {
@media #{$bp-medium} { @content; }
}
@else if $point == small {
@media #{$bp-small} { @content; }
}
@else if $point == tiny {
@media #{$bp-tiny} { @content; }
}
@else if $point == teeny {
@media #{$bp-teeny} { @content; }
}
@else if $point == xsmall {
@media #{$bp-xsmall} { @content; }
}
}
// REM Font Adjustments // REM Font Adjustments
@mixin font-size($sizeValue) { @mixin font-size($sizeValue) {
font-size: ($sizeValue) + px; font-size: ($sizeValue) + px;