基于设备屏幕的Sass函数，改变字体颜色。

要基于设备屏幕大小改变字体颜色，可以使用Sass的条件语句和媒体查询来实现。

首先，我们可以定义一个Sass函数，该函数根据设备屏幕大小返回不同的字体颜色值。然后，在样式中使用该函数来设置字体的颜色。

以下是一个示例代码：

// 定义一个函数，根据设备屏幕大小返回不同的字体颜色
@function responsive-font-color($screen-size) {
  @if $screen-size == "small" {
    @return red; // 小屏幕下的字体颜色为红色
  } @else if $screen-size == "medium" {
    @return green; // 中等屏幕下的字体颜色为绿色
  } @else if $screen-size == "large" {
    @return blue; // 大屏幕下的字体颜色为蓝色
  } @else {
    @return black; // 默认字体颜色为黑色
  }
}

// 媒体查询
@media (max-width: 767px) {
  body {
    color: responsive-font-color("small"); // 对于小屏幕设备，将字体颜色设置为红色
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body {
    color: responsive-font-color("medium"); // 对于中等屏幕设备，将字体颜色设置为绿色
  }
}

@media (min-width: 1024px) {
  body {
    color: responsive-font-color("large"); // 对于大屏幕设备，将字体颜色设置为蓝色
  }
}

在上面的示例中，我们定义了一个名为responsive-font-color的函数，它接受一个参数$screen-size，根据不同的屏幕大小返回对应的颜色值。然后，在媒体查询中使用该函数来设置字体的颜色。

请注意，上述示例中的媒体查询仅作为示例，您可以根据实际需求来定义自己的媒体查询和屏幕大小判断条件。

希望这个示例能帮到您！