From 33268da13cae64e64aa2b251da1612057891eaa3 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 21 Mar 2019 17:16:58 -0400 Subject: [PATCH] switching some colors around for the county names on the leaflet county map --- css/glm-county-map.min.css | 2 +- sass/front/_map.scss | 46 +++++++++++++++++++++++--------------- 2 files changed, 29 insertions(+), 19 deletions(-) diff --git a/css/glm-county-map.min.css b/css/glm-county-map.min.css index a20c0ca..91879b0 100644 --- a/css/glm-county-map.min.css +++ b/css/glm-county-map.min.css @@ -1 +1 @@ -@font-face{font-family:'posterizer';src:url("../../assets/fonts/Posterizer_KG_Rough-webfont.woff")}@font-face{font-family:'pathout';src:url("../../assets/fonts/Pathout Script.otf");src:url("../../assets/fonts/Pathout Script.ttf")}.isle-royale-label{font-size:16px}.isle-royale-label .isle-royale-arrow{position:absolute;top:-40px;left:0;width:100%;font-size:26px;height:100%}.area-label{color:white;border-radius:6px;padding:5px 10px !important;box-shadow:2px 4px 5px 0 rgba(0,0,0,0.5);font-weight:bold !important;font-family:'Lato';font-size:14px}.leaflet-pane.leaflet-marker-pane div:nth-child(8) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(9) .area-label{background:#1c1c1c !important}.leaflet-pane.leaflet-marker-pane div:nth-child(10) .area-label{background:#2fc4eb !important}.leaflet-pane.leaflet-marker-pane div:nth-child(11) .area-label{background:#587386 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(12) .area-label{background:#696969 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(13) .area-label{background:#7dc240 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(14) .area-label{background:white !important;color:black !important;font-weight:bold}.leaflet-pane.leaflet-marker-pane div:nth-child(15) .area-label{background:#685E8F !important}.leaflet-pane.leaflet-marker-pane div:nth-child(16) .area-label{background:#F59E00 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(17) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(18) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(19) .area-label{background:#0056f5 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(20) .area-label{background:#f59e00 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(21) .area-label{background:#8f0056 !important}#glm-county-description{background:#ebf2ee;border-radius:7px;height:165px;width:400px;position:absolute;z-index:999;left:40%;top:10px;font-family:'Lato';text-align:left}#glm-county-description .glm-counties-default{padding:5px;line-height:1.1;font-size:16px}#glm-county-description .county-description-title{padding:5px;font-size:18px;background:#668194;color:white;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:5px;text-transform:uppercase;text-align:center;font-family:'posterizer'}#glm-county-description .glm-county-map-top-list{display:block !important;padding:5px;text-align:center}#glm-county-description .glm-county-map-top-list li{margin:0 !important;padding:0 5px !important;list-style:disc !important} +@font-face{font-family:'posterizer';src:url("../../assets/fonts/Posterizer_KG_Rough-webfont.woff")}@font-face{font-family:'pathout';src:url("../../assets/fonts/Pathout Script.otf");src:url("../../assets/fonts/Pathout Script.ttf")}.isle-royale-label{font-size:16px}.isle-royale-label .isle-royale-arrow{position:absolute;top:-40px;left:0;width:100%;font-size:26px;height:100%}.area-label{color:white;border-radius:6px;padding:5px 10px !important;box-shadow:2px 4px 5px 0 rgba(0,0,0,0.5);font-weight:bold !important;font-family:'Lato';font-size:14px}.leaflet-pane.leaflet-marker-pane div:nth-child(7) .area-label{background:#8f0056 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(8) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(9) .area-label{background:#7dc240 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(10) .area-label{background:#2fc4eb !important}.leaflet-pane.leaflet-marker-pane div:nth-child(11) .area-label{background:#587386 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(12) .area-label{background:#587386 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(13) .area-label{background:#7dc240 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(14) .area-label{background:#2fc4eb !important}.leaflet-pane.leaflet-marker-pane div:nth-child(15) .area-label{background:#685E8F !important}.leaflet-pane.leaflet-marker-pane div:nth-child(16) .area-label{background:#F59E00 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(17) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(18) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(19) .area-label{background:#0056f5 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(20) .area-label{background:#f59e00 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(21) .area-label{background:#685E8F !important}#glm-county-description{background:#ebf2ee;border-radius:7px;height:165px;width:400px;position:absolute;z-index:999;left:40%;top:10px;font-family:'Lato';text-align:left}#glm-county-description .glm-counties-default{padding:5px;line-height:1.1;font-size:16px}#glm-county-description .county-description-title{padding:5px;font-size:18px;background:#668194;color:white;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:5px;text-transform:uppercase;text-align:center;font-family:'posterizer'}#glm-county-description .glm-county-map-top-list{display:block !important;padding:5px;text-align:center}#glm-county-description .glm-county-map-top-list li{margin:0 !important;padding:0 5px !important;list-style:disc !important} diff --git a/sass/front/_map.scss b/sass/front/_map.scss index bb49976..46967e3 100644 --- a/sass/front/_map.scss +++ b/sass/front/_map.scss @@ -27,90 +27,100 @@ font-family: 'Lato'; font-size: 14px; } + // Dickinson +.leaflet-pane.leaflet-marker-pane div:nth-child(7) { + .area-label{ + background: #8f0056 !important; + } + } + + // Gogebic .leaflet-pane.leaflet-marker-pane div:nth-child(8) { .area-label{ background: #eb552f !important; - } } +// Iron .leaflet-pane.leaflet-marker-pane div:nth-child(9) { .area-label{ - background: #1c1c1c !important; - + background: #7dc240 !important; } } - + // Luce .leaflet-pane.leaflet-marker-pane div:nth-child(10) { .area-label{ background: #2fc4eb !important; } } + // Ontonogon .leaflet-pane.leaflet-marker-pane div:nth-child(11) { .area-label{ background: #587386 !important; - } } - + // Schoolcraft .leaflet-pane.leaflet-marker-pane div:nth-child(12) { .area-label{ - background: #696969 !important; - + background: #587386 !important; } } + // Alger .leaflet-pane.leaflet-marker-pane div:nth-child(13) { .area-label{ background: #7dc240 !important; } } - + // Barage .leaflet-pane.leaflet-marker-pane div:nth-child(14) { .area-label{ - background: white !important; - color: black !important; - font-weight: bold; - + background: #2fc4eb !important; } } + // Marquette .leaflet-pane.leaflet-marker-pane div:nth-child(15) { .area-label{ background: #685E8F !important; } } - + // Menominee .leaflet-pane.leaflet-marker-pane div:nth-child(16) { .area-label{ background: #F59E00 !important; } } + // Keweenaw .leaflet-pane.leaflet-marker-pane div:nth-child(17) { .area-label{ background: #eb552f !important; + } - } + } // Delta .leaflet-pane.leaflet-marker-pane div:nth-child(18) { .area-label{ background: #eb552f !important; } } + // Houghton .leaflet-pane.leaflet-marker-pane div:nth-child(19) { .area-label{ background: #0056f5 !important; } } - + // Mackinac .leaflet-pane.leaflet-marker-pane div:nth-child(20) { .area-label{ background: #f59e00 !important; } } + //chippewa .leaflet-pane.leaflet-marker-pane div:nth-child(21) { .area-label{ - background: #8f0056 !important; + background: #685E8F !important; } - } + } + #glm-county-description{ background: lighten(#5E8F72, 47%); border-radius: 7px; -- 2.17.1