sjs/media
1
0
Fork 0
mirror of https://github.com/samsonjs/media.git synced 2026-04-04 11:05:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rollback of 4c10d2bd4c

Browse source 
*** Original commit ***

Migrate /-as-division to math.div

If google3 is the source-of-truth for this third_party code (or if this is legacy code that is no longer synced with an external source), just LGTM this CL and Rosie will submit it. If not, you should patch the upstream source of these files, since we will be disabling support for /-as-division in google3 before support is formally removed from the language.

See go/lsc-slash-as-division-deprecation.

Tested:
    TAP found no affected targets. No targets were b...

***

PiperOrigin-RevId: 386432441
This commit is contained in:
olly 2021-07-23 13:12:05 +01:00 committed by kim-vde
parent 8e29e76b51
commit cae309123b
5 changed files with 17 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
docs/_sass/common/_reset.scss
View file

@ -1,5 +1,3 @@
@use 'sass:list';
@mixin block-elements {
h1, h2, h3, h4, h5, h6, p,
hr, blockquote, figure, pre, .highlighter-rouge,
@ -35,7 +33,7 @@ html {
body {
padding: 0;
margin: 0;
font: map-get($base, font-weight) list.slash(map-get($base, font-size), map-get($base, line-height)) map-get($base, font-family);
font: map-get($base, font-weight) #{map-get($base, font-size)}/#{map-get($base, line-height)} map-get($base, font-family);
::-moz-selection {
background: $select-color;
}
@ -53,7 +51,7 @@ body {
}
input, textarea, select, button {
font: map-get($base, font-weight) list.slash(map-get($base, font-size), map-get($base, line-height)) map-get($base, font-family);
font: map-get($base, font-weight) #{map-get($base, font-size)}/#{map-get($base, line-height)} map-get($base, font-family);
color: $text-color;
}

22
docs/_sass/common/_variables.scss
View file

@ -1,5 +1,3 @@
@use 'sass:math';
$base: (
font-family: (-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif),
font-family-code: (Menlo, Monaco, Consolas, Andale Mono, lucida console, Courier New, monospace),
@ -116,16 +114,16 @@ $button-height-sm: 1.5rem;
$button-height-xs: 1.2rem;
$button: (
padding-y-xl: math.div($button-height-xl - map-get($base, font-size-xl), 2),
padding-x-xl: math.div($button-height-xl, 3),
padding-y-lg: math.div($button-height-lg - map-get($base, font-size-lg), 2),
padding-x-lg: math.div($button-height-lg, 3),
padding-y: math.div($button-height - map-get($base, font-size), 2),
padding-x: math.div($button-height, 3),
padding-y-sm: math.div($button-height-sm - map-get($base, font-size-sm), 2),
padding-x-sm: math.div($button-height-sm, 3),
padding-y-xs: math.div($button-height-xs - map-get($base, font-size-xs), 2),
padding-x-xs: math.div($button-height-xs, 3),
padding-y-xl: ($button-height-xl - map-get($base, font-size-xl)) / 2,
padding-x-xl: $button-height-xl / 3,
padding-y-lg: ($button-height-lg - map-get($base, font-size-lg)) / 2,
padding-x-lg: $button-height-lg / 3,
padding-y: ($button-height - map-get($base, font-size)) / 2,
padding-x: $button-height / 3,
padding-y-sm: ($button-height-sm - map-get($base, font-size-sm)) / 2,
padding-x-sm: $button-height-sm / 3,
padding-y-xs: ($button-height-xs - map-get($base, font-size-xs)) / 2,
padding-x-xs: $button-height-xs / 3,
pill-radius: 6rem,

4
docs/_sass/common/classes/_grid.scss
View file

@ -1,5 +1,3 @@
@use 'sass:math';
$grid-columns: 12;
.grid-container {
@ -20,7 +18,7 @@ $grid-columns: 12;
@include flex(1);
} @else {
@include flex(none);
width: percentage(math.div($columns, $grid-columns));
width: percentage($columns / $grid-columns);
}
}

4
docs/_sass/common/components/_toc.scss
View file

@ -1,5 +1,3 @@
@use 'sass:math';
ul.toc {
display: block;
margin: 0;
@ -15,7 +13,7 @@ ul.toc {
}
a {
display: inline-block;
margin: math.div(map-get($spacers, 1), 4) 0;
margin: map-get($spacers, 1) / 4 0;
text-decoration: none !important;
@include link-colors($text-color, $main-color-1);
}

8
docs/_sass/components/_extensions.scss
View file

@ -1,5 +1,3 @@
@use 'sass:math';
.extensions {
margin: map-get($spacers, 3) 0;
@extend .d-print-none;
@ -19,16 +17,16 @@
}
.extensions--video {
padding-top: percentage(math.div(315, 560));
padding-top: percentage(315 / 560);
}
.extensions--slide {
padding-top: percentage(math.div(487, 599));
padding-top: percentage(487 / 599);
}
.extensions--demo {
min-height: 340px;
padding-top: percentage(math.div(315, 560));
padding-top: percentage(315 / 560);
}
.extensions--audio {