The offset properties of this style were take from Styles/ParkingLanes. Both styles can be used together or stand-alone.

Comments, patches and additions are welcome, please ​contact me.

meta {
        title: "Sidewalks";
        description: "Visualizes the sidewalk attribute of highways. sidewalk=* is rendered as a thick dashed line, separately mapped sidewalks tagged footway=sidewalk are rendered thicker.";
        link: "https://wiki.openstreetmap.org/wiki/Key:sidewalk";
        author: "Cobra";
        version: "0.6_2019-04-09";
        min-josm-version: "4399";
}

meta[lang=de] {
        title: "Gehwege";
        description: "Visualisiert Gehweg-Attribute von Straßen. sidewalk=* wird als gestrichelte dicke Linie gerendert, separat gemappte Gehwege mit footway=sidewalk werden dicker gerendert.";
}

way[sidewalk=right]::sidewalks_right,
way[sidewalk=left]::sidewalks_left,
way[sidewalk=both]::sidewalks_right,
way[sidewalk=no]::sidewalks_right {
        width: 3;
        dashes: 5, 1;
}
way[sidewalk=both]::sidewalks_left,
way[sidewalk=no]::sidewalks_left {
        width: 3;
        dashes: 5, 1;
}

way[sidewalk=right]::sidewalks_right,
way[sidewalk=both]::sidewalks_right,
way[sidewalk=no]::sidewalks_right {
        offset: eval(0 - 10 - (prop("width") * 0.5) - (prop("width", "default") * 0.5));
}

way[sidewalk=left]::sidewalks_left,
way[sidewalk=both]::sidewalks_left,
way[sidewalk=no]::sidewalks_left {
        offset: eval(10 + (prop("width") * 0.5) + (prop("width", "default") * 0.5));
}

way[sidewalk=right]::sidewalks_right,
way[sidewalk=left]::sidewalks_left,
way[sidewalk=both]::sidewalks_right {
        color: #00ff00;
}
way[sidewalk=both]::sidewalks_left {
        color: #00ff00;
}

way[sidewalk=no]::sidewalks_right {
        color: #ff0000;
        opacity: 0.5;
}
way[sidewalk=no]::sidewalks_left {
        color: #ff0000;
        opacity: 0.5;
}

way[footway=sidewalk] {
        width: 3;
}

Styles_Sidewalks-style.mapcss, Styles_Sidewalks.zip