如何解决nuxt bulma scss为现有图像类添加新的padding-top属性
嗨,我正在尝试添加新的填充属性
is-4by1{ padding-top:25%}
到下级没有成功。
image.sass文件中现有的主代码。
.image
display: block
position: relative
img
display: block
height: auto
width: 100%
&.is-rounded
border-radius: $radius-rounded
&.is-fullwidth
width: 100%
// Ratio
&.is-square,&.is-1by1,&.is-1by2,&.is-1by3
img,.has-ratio
@extend %overlay
height: 100%
width: 100%
&.is-square,&.is-1by1
padding-top: 100%
&.is-1by2
padding-top: 200%
&.is-1by3
padding-top: 300%
这是我到目前为止尝试过的方法,在main.scss中不起作用。
.image.is-4by1.is-4by1{padding-top:25%}
// Import Bulma's core
@import "~bulma/sass/utilities/_all";
// Import Bulma and Buefy styles
@import "~bulma";
@import "~buefy/src/scss/buefy";
PS:源位于 sass 文件中,我正准备访问 scss 文件并在其中添加新属性。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。