diff --git a/cadasta/core/static/css/main.css b/cadasta/core/static/css/main.css index 313a1a533..8dde3ba3d 100644 --- a/cadasta/core/static/css/main.css +++ b/cadasta/core/static/css/main.css @@ -4297,11 +4297,26 @@ ul.resource-actions > li { border-right: solid 1px #e7e8ea; text-align: center; } .stats li .num { - font-size: 48px; - font-weight: 600; } + font-size: 28px; + font-size: 2.4vw; + font-weight: 600; + font-family: "Roboto Condensed", "Roboto", Helvetica, "Noto Sans Bengali", sans-serif; + letter-spacing: -1px; } .stats li:last-child { border-right: none; } +@media (max-width: 992px) { + .stats li .num { + font-size: 36px; } } + +@media (max-width: 768px) { + .stats li .num { + font-size: 28px; } } + +@media (max-width: 480px) { + .stats li .num { + font-size: 21px; } } + /* =Map location details in right column -------------------------------------------------------------- */ .content-single .detail h2 { diff --git a/cadasta/core/static/css/single.scss b/cadasta/core/static/css/single.scss index 2922248ba..d3bfda1fa 100644 --- a/cadasta/core/static/css/single.scss +++ b/cadasta/core/static/css/single.scss @@ -204,8 +204,11 @@ border-right: solid 1px $table-border-color; text-align: center; .num { - font-size: 48px; + font-size: 28px; + font-size: 2.4vw; font-weight: 600; + font-family: $font-family-sans-serif-alt; + letter-spacing: -1px; } &:last-child { border-right: none; @@ -213,6 +216,24 @@ } } +@media (max-width: $screen-md-min) { + .stats li .num { + font-size: 36px; + } +} + +@media (max-width: $screen-sm-min) { + .stats li .num { + font-size: 28px; + } +} + +@media (max-width: $screen-xs-min) { + .stats li .num { + font-size: 21px; + } +} + /* =Map location details in right column -------------------------------------------------------------- */ diff --git a/cadasta/core/static/js/parsley.js b/cadasta/core/static/js/parsley.js index 694bde0b0..305cd71c3 100644 --- a/cadasta/core/static/js/parsley.js +++ b/cadasta/core/static/js/parsley.js @@ -2352,4 +2352,4 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr return parsley; }); -//# sourceMappingURL=parsley.js.map +// sourceMappingURL=parsley.js.map