mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-22 07:54:11 -05:00
Add the aspect-ratio mixin
This commit is contained in:
parent
60241d2ed7
commit
6ce7600ff2
2 changed files with 9 additions and 0 deletions
1
resources/assets/sass/app.scss
vendored
1
resources/assets/sass/app.scss
vendored
|
@ -7,6 +7,7 @@
|
||||||
@import "font-awesome/scss/font-awesome.scss";
|
@import "font-awesome/scss/font-awesome.scss";
|
||||||
|
|
||||||
// Supplementary
|
// Supplementary
|
||||||
|
@import "mixins/**/*.scss";
|
||||||
@import "sections/**/*.scss";
|
@import "sections/**/*.scss";
|
||||||
@import "pages/**/*.scss";
|
@import "pages/**/*.scss";
|
||||||
|
|
||||||
|
|
8
resources/assets/sass/mixins/_aspect-ratio.scss
vendored
Normal file
8
resources/assets/sass/mixins/_aspect-ratio.scss
vendored
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
@mixin aspect-ratio($width, $height) {
|
||||||
|
&:before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
padding-top: ($height / $width) * 100%;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue