:even
is deprecated
$('.article').even()
coreJS/
core/js/
coreViews/
is core/js/views/
I'm trying to find a workaround for the fact iOS doesn't support background-attachment: fixed
. What's the best way to check for iOS, ideally with CSS/Less, so that I can add iOS-specific rules in my theme? I tried the following in my theme.js, but the course page won't load in iOS:
Adapt.on("pageView:postRender", function(view) {
[...]
if (!navigator.userAgent.indexOf("Mac") != -1) return;
var bg = $(".can-background-contentObject");
if (!bg) return;
bg.css("background-image", "none");
}
Any suggestions much appreciated.
I've started getting the following error, which makes no sense as I can verify the variable is defined, and was being used fine the first few times I ran grunt dev
. Not sure what I've done / what I'm missing that's causing this variable to be missed. Any suggestions appreciated:
// less/_defaults/_colors.less
@transparent-light: transparent;
@transparent-dark: transparent;
$ grunt dev
Fatal error: SyntaxError: variable @transparent-light is undefined in src/theme/adapt-contrib-vanilla/less/project/theme-extras.less on line 25, column 1:
24 .header-color-mixin(background, background-inverted);
25 .header-color-mixin(transparent-light, font-color);
26 .header-color-mixin(transparent-dark, font-color-inverted);
FW: v5.17.7
adapt-contrib-vanilla: v5.7.2
.header-color-mixin(background, background-inverted);
.header-color-mixin(transparent-light, font-color);
.header-color-mixin(transparent-dark, font-color-inverted);
.header-color-mixin(@color, @color-inverted) {
.header-color.@{color} {
.menu,
.page {
&__header {
background-color: @@color;
}
}
.menu,
.page {
&__title,
&__subtitle,
&__body,
&__body a,
&__instruction,
&__instruction a {
color: @@color-inverted;
}
}
}
}
https://github.com/adaptlearning/adapt-contrib-vanilla/search?q=heading-color-inverted&type=code
Looks as though heading-color-inverted isn't used but it there incase it needs to be used.