@tailwind base; @tailwind components; @tailwind utilities; @font-face { font-family: "iransans-medium"; src: url(./assets/fonts/IRANSansXFaNum-Regular.woff); } @font-face { font-family: "iransansBold"; src: url(./assets/fonts/IRANSansX-Bold.woff); } @import "./components/productDesign/ProductDesign.scss"; body { font-family: iransans-medium; direction: rtl; background-color: #f5f5f5; } .comment-num { font-size: 8px; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; border-radius: 50%; } .leaflet-popup-content, .leaflet-draw-toolbar a, .leaflet-popup-content, .leaflet-draw-toolbar span, .leaflet-popup-content, .leaflet-draw-toolbar title, .leaflet-popup-content, .leaflet-draw-toolbar p, l.leaflet-popup-content, .leaflet-draw-toolbar i { font-family: "iransans-medium" !important; } .leaflet-touch .leaflet-draw-actions a { font-family: "iransans-medium" !important; } // ? class for selectbox inside -->> CustomSelectBox <<-- .customizeSelect { background-position: left 0.5rem center; padding-right: 1rem; }