mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-12-22 17:50:22 -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";
|
||||
|
||||
// Supplementary
|
||||
@import "mixins/**/*.scss";
|
||||
@import "sections/**/*.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