From 4e6080d505afc14ffc0968b9a3c7e0a0414bbaee Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Thu, 14 May 2020 11:51:13 +0300 Subject: [PATCH] em to rem conversion --- src/assets/styles/app/_config.scss | 8 +- src/assets/styles/app/_home.scss | 14 +-- src/assets/styles/app/_icons.scss | 4 +- src/assets/styles/app/_news.scss | 6 +- src/components/autocomplete/AutoComplete.vue | 2 +- src/components/badge/Badge.css | 2 +- src/components/datatable/DataTable.vue | 2 +- src/components/dialog/Dialog.vue | 2 +- src/components/dropdown/Dropdown.vue | 4 +- src/components/editor/Editor.vue | 118 +++++++++--------- src/components/fullcalendar/FullCalendar.vue | 56 ++++----- src/components/galleria/Galleria.vue | 4 +- src/components/inputtext/InputText.css | 6 +- src/components/listbox/Listbox.vue | 2 +- src/components/megamenu/MegaMenu.vue | 2 +- src/components/multiselect/MultiSelect.vue | 2 +- src/components/orderlist/OrderList.vue | 4 +- .../organizationchart/OrganizationChart.vue | 2 +- src/components/overlaypanel/OverlayPanel.vue | 2 +- src/components/picklist/PickList.vue | 4 +- src/components/sidebar/Sidebar.vue | 22 ++-- src/components/terminal/Terminal.vue | 2 +- src/components/toast/Toast.vue | 2 +- src/components/tooltip/Tooltip.css | 18 +-- src/components/tree/Tree.vue | 4 +- src/components/treetable/TreeTable.vue | 2 +- src/views/accordion/AccordionDemo.vue | 2 +- src/views/accordion/AccordionDoc.vue | 2 +- src/views/blockui/BlockUIDemo.vue | 2 +- src/views/button/ButtonDoc.vue | 2 +- src/views/card/CardDemo.vue | 2 +- src/views/card/CardDoc.vue | 2 +- src/views/carousel/CarouselDemo.vue | 8 +- src/views/carousel/CarouselDoc.vue | 8 +- src/views/checkbox/CheckboxDemo.vue | 2 +- src/views/datatable/DataTableCrudDemo.vue | 6 +- src/views/datatable/DataTableDemo.vue | 6 +- src/views/datatable/DataTableDoc.vue | 12 +- src/views/datatable/DataTableEditDemo.vue | 6 +- src/views/datatable/DataTableFilterDemo.vue | 4 +- .../datatable/DataTableResponsiveDemo.vue | 8 +- .../datatable/DataTableRowExpandDemo.vue | 6 +- src/views/datatable/DataTableRowGroupDemo.vue | 2 +- src/views/datatable/DataTableStateDemo.vue | 8 +- src/views/datatable/DataTableStyleDemo.vue | 4 +- src/views/dataview/DataViewDemo.vue | 10 +- src/views/dataview/DataViewDoc.vue | 10 +- src/views/dropdown/DropdownDemo.vue | 4 +- src/views/dropdown/DropdownDoc.vue | 4 +- src/views/flexgrid/FlexGridDemo.vue | 6 +- src/views/flexgrid/FlexGridDoc.vue | 6 +- src/views/galleria/GalleriaCaptionDemo.vue | 4 +- src/views/galleria/GalleriaDemo.vue | 14 +-- src/views/galleria/GalleriaDoc.vue | 14 +-- src/views/galleria/GalleriaIndicatorDemo.vue | 24 ++-- src/views/galleria/GalleriaThumbnailDemo.vue | 12 +- src/views/icons/Icons.vue | 2 +- src/views/inplace/InplaceDemo.vue | 2 +- src/views/inplace/InplaceDoc.vue | 4 +- src/views/inputnumber/InputNumberDemo.vue | 2 +- src/views/message/MessageDemo.vue | 4 +- src/views/message/MessageDoc.vue | 4 +- src/views/orderlist/OrderListDemo.vue | 4 +- src/views/orderlist/OrderListDoc.vue | 4 +- .../OrganizationChartDemo.vue | 2 +- .../OrganizationChartDoc.vue | 2 +- src/views/paginator/PaginatorDemo.vue | 2 +- src/views/paginator/PaginatorDoc.vue | 2 +- src/views/panelmenu/PanelMenuDemo.vue | 2 +- src/views/picklist/PickListDemo.vue | 4 +- src/views/picklist/PickListDoc.vue | 4 +- src/views/radiobutton/RadioButtonDemo.vue | 2 +- src/views/selectbutton/SelectButtonDemo.vue | 2 +- src/views/selectbutton/SelectButtonDoc.vue | 2 +- src/views/slider/SliderDemo.vue | 4 +- src/views/slider/SliderDoc.vue | 4 +- src/views/splitbutton/SplitButtonDemo.vue | 2 +- src/views/splitbutton/SplitButtonDoc.vue | 2 +- src/views/tabmenu/TabMenuDemo.vue | 4 +- src/views/tabview/TabViewDemo.vue | 4 +- src/views/tabview/TabViewDoc.vue | 2 +- src/views/tree/TreeDemo.vue | 2 +- src/views/tree/TreeFilterDemo.vue | 2 +- src/views/tree/TreeLazyDemo.vue | 2 +- src/views/tree/TreeSelectionDemo.vue | 2 +- src/views/tree/TreeTemplatingDemo.vue | 2 +- src/views/treetable/TreeTableDemo.vue | 2 +- src/views/treetable/TreeTableDoc.vue | 2 +- .../treetable/TreeTableResponsiveDemo.vue | 4 +- .../tristatecheckbox/TriStateCheckboxDemo.vue | 2 +- 90 files changed, 294 insertions(+), 294 deletions(-) diff --git a/src/assets/styles/app/_config.scss b/src/assets/styles/app/_config.scss index f50815259..fac03aec4 100644 --- a/src/assets/styles/app/_config.scss +++ b/src/assets/styles/app/_config.scss @@ -106,7 +106,7 @@ } .p-grid > div { - padding: 1em .5em; + padding: 1em .5rem; text-align: center; span { @@ -140,7 +140,7 @@ } .free-themes { - padding: 2em; + padding: 2rem; color: var(--text-color); background-color: var(--layer-0); @@ -173,7 +173,7 @@ left: 50%; margin-left: -18px; margin-top: -18px; - padding: .18em; + padding: .18rem; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff; border-radius: 50%; @@ -191,7 +191,7 @@ } .premium-themes { - padding: 2em; + padding: 2rem; background-color: #212529; color: #ffffff; diff --git a/src/assets/styles/app/_home.scss b/src/assets/styles/app/_home.scss index ded90c9ae..233aa1dcd 100644 --- a/src/assets/styles/app/_home.scss +++ b/src/assets/styles/app/_home.scss @@ -43,7 +43,7 @@ margin-left: -50px; margin-bottom: 20px; padding: 10px 50px 10px 175px; - font-size: 1.5em; + font-size: 1.5rem; background-image: linear-gradient(90deg, #445C72 0%, #DBDCDE 100%); position: relative; color: #ffffff; @@ -89,18 +89,18 @@ display: block; font-weight: bold; font-size: 16px; - margin-top: 1em; + margin-top: 1rem; } p { - margin-top: 1em; - margin-bottom: 2em; + margin-top: 1rem; + margin-bottom: 2rem; &.features-tagline { color: var(--text-color); margin-bottom: 0; margin-top: -5px; - margin-bottom: 2em; + margin-bottom: 2rem; } } } @@ -123,7 +123,7 @@ } .p-grid > div { - padding: 2em .5em; + padding: 2em .5rem; } p { @@ -188,7 +188,7 @@ p { line-height: 22px; - margin-bottom: 1em; + margin-bottom: 1rem; } h3 { diff --git a/src/assets/styles/app/_icons.scss b/src/assets/styles/app/_icons.scss index 654f4e053..5fd07450d 100644 --- a/src/assets/styles/app/_icons.scss +++ b/src/assets/styles/app/_icons.scss @@ -4,10 +4,10 @@ } .icons-list i { - font-size: 2em; + font-size: 2rem; } .icons-list .p-md-2 { - padding-bottom: 2em; + padding-bottom: 2rem; } } \ No newline at end of file diff --git a/src/assets/styles/app/_news.scss b/src/assets/styles/app/_news.scss index b6558a6ff..430387c1b 100644 --- a/src/assets/styles/app/_news.scss +++ b/src/assets/styles/app/_news.scss @@ -32,14 +32,14 @@ color: #f2b837; font-size: 25px; font-weight: bold; - margin: 0 .25em; + margin: 0 .25rem; } .helper-text { background-color: #f2b837; color: #212121; - padding: 0 0.2em; - margin-right: 0.3em; + padding: 0 0.2rem; + margin-right: 0.3rem; } } diff --git a/src/components/autocomplete/AutoComplete.vue b/src/components/autocomplete/AutoComplete.vue index 24236d562..ce8e3eabc 100755 --- a/src/components/autocomplete/AutoComplete.vue +++ b/src/components/autocomplete/AutoComplete.vue @@ -437,7 +437,7 @@ export default { .p-autocomplete-loader { position: absolute; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; } .p-autocomplete-dd .p-autocomplete-input { diff --git a/src/components/badge/Badge.css b/src/components/badge/Badge.css index 2cf6c35cb..215efe1e2 100644 --- a/src/components/badge/Badge.css +++ b/src/components/badge/Badge.css @@ -11,7 +11,7 @@ } .p-tag.p-tag-rounded { - border-radius: 10em; + border-radius: 10rem; } .p-overlay-badge { diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue index 6052f3553..f07af4f92 100755 --- a/src/components/datatable/DataTable.vue +++ b/src/components/datatable/DataTable.vue @@ -1926,7 +1926,7 @@ export default { top: 0; right: 0; margin: 0; - width: .5em; + width: .5rem; height: 100%; padding: 0px; cursor:col-resize; diff --git a/src/components/dialog/Dialog.vue b/src/components/dialog/Dialog.vue index 87cc45bf2..8030a2ec6 100755 --- a/src/components/dialog/Dialog.vue +++ b/src/components/dialog/Dialog.vue @@ -332,7 +332,7 @@ export default { .p-dialog-topright .p-dialog, .p-dialog-bottomleft .p-dialog, .p-dialog-bottomright .p-dialog { - margin: .75em; + margin: .75rem; transform: translate3d(0px, 0px, 0px); } .p-dialog-top .p-dialog-enter-active, diff --git a/src/components/dropdown/Dropdown.vue b/src/components/dropdown/Dropdown.vue index 89821b4bf..8df17eb6b 100755 --- a/src/components/dropdown/Dropdown.vue +++ b/src/components/dropdown/Dropdown.vue @@ -466,7 +466,7 @@ export default { .p-dropdown-clear-icon { position: absolute; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; } .p-dropdown-trigger { @@ -529,7 +529,7 @@ input.p-dropdown-label { .p-dropdown-filter-icon { position: absolute; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; } .p-fluid .p-dropdown { diff --git a/src/components/editor/Editor.vue b/src/components/editor/Editor.vue index 3973016af..9f4154b0b 100755 --- a/src/components/editor/Editor.vue +++ b/src/components/editor/Editor.vue @@ -177,7 +177,7 @@ export default { } .ql-editor ol, .ql-editor ul { - padding-left: 1.5em; + padding-left: 1.5rem; } .ql-editor ol > li, .ql-editor ul > li { @@ -209,24 +209,24 @@ export default { .ql-editor li::before { display: inline-block; white-space: nowrap; - width: 1.2em; + width: 1.2rem; } .ql-editor li:not(.ql-direction-rtl)::before { - margin-left: -1.5em; - margin-right: 0.3em; + margin-left: -1.5rem; + margin-right: 0.3rem; text-align: right; } .ql-editor li.ql-direction-rtl::before { - margin-left: 0.3em; - margin-right: -1.5em; + margin-left: 0.3rem; + margin-right: -1.5rem; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { - padding-left: 1.5em; + padding-left: 1.5rem; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { - padding-right: 1.5em; + padding-right: 1.5rem; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; @@ -314,112 +314,112 @@ export default { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { - padding-left: 3em; + padding-left: 3rem; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { - padding-left: 4.5em; + padding-left: 4.5rem; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { - padding-right: 3em; + padding-right: 3rem; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { - padding-right: 4.5em; + padding-right: 4.5rem; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { - padding-left: 6em; + padding-left: 6rem; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { - padding-left: 7.5em; + padding-left: 7.5rem; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { - padding-right: 6em; + padding-right: 6rem; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { - padding-right: 7.5em; + padding-right: 7.5rem; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { - padding-left: 9em; + padding-left: 9rem; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { - padding-left: 10.5em; + padding-left: 10.5rem; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { - padding-right: 9em; + padding-right: 9rem; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { - padding-right: 10.5em; + padding-right: 10.5rem; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { - padding-left: 12em; + padding-left: 12rem; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { - padding-left: 13.5em; + padding-left: 13.5rem; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { - padding-right: 12em; + padding-right: 12rem; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { - padding-right: 13.5em; + padding-right: 13.5rem; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { - padding-left: 15em; + padding-left: 15rem; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { - padding-left: 16.5em; + padding-left: 16.5rem; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { - padding-right: 15em; + padding-right: 15rem; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { - padding-right: 16.5em; + padding-right: 16.5rem; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { - padding-left: 18em; + padding-left: 18rem; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { - padding-left: 19.5em; + padding-left: 19.5rem; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { - padding-right: 18em; + padding-right: 18rem; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { - padding-right: 19.5em; + padding-right: 19.5rem; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { - padding-left: 21em; + padding-left: 21rem; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { - padding-left: 22.5em; + padding-left: 22.5rem; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { - padding-right: 21em; + padding-right: 21rem; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { - padding-right: 22.5em; + padding-right: 22.5rem; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { - padding-left: 24em; + padding-left: 24rem; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { - padding-left: 25.5em; + padding-left: 25.5rem; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { - padding-right: 24em; + padding-right: 24rem; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { - padding-right: 25.5em; + padding-right: 25.5rem; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { - padding-left: 27em; + padding-left: 27rem; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { - padding-left: 28.5em; + padding-left: 28.5rem; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { - padding-right: 27em; + padding-right: 27rem; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { - padding-right: 28.5em; + padding-right: 28.5rem; } .ql-editor .ql-video { display: block; @@ -480,13 +480,13 @@ export default { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { - font-size: 0.75em; + font-size: 0.75rem; } .ql-editor .ql-size-large { - font-size: 1.5em; + font-size: 1.5rem; } .ql-editor .ql-size-huge { - font-size: 2.5em; + font-size: 2.5rem; } .ql-editor .ql-direction-rtl { direction: rtl; @@ -707,22 +707,22 @@ export default { display: none; } .ql-snow .ql-editor h1 { - font-size: 2em; + font-size: 2rem; } .ql-snow .ql-editor h2 { - font-size: 1.5em; + font-size: 1.5rem; } .ql-snow .ql-editor h3 { - font-size: 1.17em; + font-size: 1.17rem; } .ql-snow .ql-editor h4 { - font-size: 1em; + font-size: 1rem; } .ql-snow .ql-editor h5 { - font-size: 0.83em; + font-size: 0.83rem; } .ql-snow .ql-editor h6 { - font-size: 0.67em; + font-size: 0.67rem; } .ql-snow .ql-editor a { text-decoration: underline; @@ -888,22 +888,22 @@ export default { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { - font-size: 2em; + font-size: 2rem; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { - font-size: 1.5em; + font-size: 1.5rem; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { - font-size: 1.17em; + font-size: 1.17rem; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { - font-size: 1em; + font-size: 1rem; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { - font-size: 0.83em; + font-size: 0.83rem; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { - font-size: 0.67em; + font-size: 0.67rem; } .ql-snow .ql-picker.ql-font { width: 108px; diff --git a/src/components/fullcalendar/FullCalendar.vue b/src/components/fullcalendar/FullCalendar.vue index 633589eac..7c3868916 100755 --- a/src/components/fullcalendar/FullCalendar.vue +++ b/src/components/fullcalendar/FullCalendar.vue @@ -71,7 +71,7 @@ export default { body .fc { /* extra precedence to overcome jqui */ - font-size: 1em; } + font-size: 1rem; } /* Colors --------------------------------------------------------------------------------------------------*/ @@ -99,10 +99,10 @@ body .fc { box-sizing: border-box; /* dimensions */ margin: 0; - height: 2.1em; - padding: 0 .6em; + height: 2.1rem; + padding: 0 .6rem; /* text & cursor */ - font-size: 1em; + font-size: 1rem; /* normalize */ white-space: nowrap; cursor: pointer; } @@ -130,9 +130,9 @@ body .fc { .fc button .fc-icon { /* non-theme */ position: relative; - top: -0.05em; + top: -0.05rem; /* seems to be a good adjustment across browsers */ - margin: 0 .2em; + margin: 0 .2rem; vertical-align: middle; } /* @@ -266,7 +266,7 @@ hr.fc-divider { table-layout: fixed; border-collapse: collapse; border-spacing: 0; - font-size: 1em; + font-size: 1rem; /* normalize cross-browser */ } .fc th { @@ -392,7 +392,7 @@ temporary rendered events). /* for resize handle and other inner positioning */ display: block; /* make the tag block */ - font-size: .85em; + font-size: .85rem; line-height: 1.3; border-radius: 3px; border: 1px solid #3a87ad; @@ -612,7 +612,7 @@ tr:first-child > td > .fc-day-grid-event { /* "more" link that represents hidden events */ a.fc-more { margin: 1px 3px; - font-size: .85em; + font-size: .85rem; cursor: pointer; text-decoration: none; } @@ -691,9 +691,9 @@ TODO: more distinction between this file and common.css --------------------------------------------------------------------------------------------------*/ .fc-icon { display: inline-block; - height: 1em; - line-height: 1em; - font-size: 1em; + height: 1rem; + line-height: 1rem; + font-size: 1rem; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; @@ -764,7 +764,7 @@ NOTE: use percentage font sizes or else old IE chokes border-style: solid; } .fc-unthemed .fc-popover .fc-header .fc-close { - font-size: .9em; + font-size: .9rem; margin-top: 2px; } /* List View @@ -864,10 +864,10 @@ NOTE: use percentage font sizes or else old IE chokes text-align: center; } .fc-toolbar.fc-header-toolbar { - margin-bottom: 1em; } + margin-bottom: 1rem; } .fc-toolbar.fc-footer-toolbar { - margin-top: 1em; } + margin-top: 1rem; } .fc-toolbar .fc-left { float: left; } @@ -882,7 +882,7 @@ NOTE: use percentage font sizes or else old IE chokes .fc .fc-toolbar > * > * { /* extra precedence to override button border margins */ float: left; - margin-left: .75em; } + margin-left: .75rem; } /* the first thing within each left/center/right section */ .fc .fc-toolbar > * > :first-child { @@ -934,11 +934,11 @@ NOTE: use percentage font sizes or else old IE chokes .fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { /* there may be week numbers in these views, so no padding-top */ - padding-bottom: 1em; + padding-bottom: 1rem; /* ensure a space at bottom of cell for user selecting/clicking */ } .fc-basic-view .fc-body .fc-row { - min-height: 4em; + min-height: 4rem; /* ensure that all rows are at least this tall */ } /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */ @@ -979,7 +979,7 @@ NOTE: use percentage font sizes or else old IE chokes border-radius: 0 0 0 3px; } .fc-basic-view .fc-day-top .fc-week-number { - min-width: 1.5em; + min-width: 1.5rem; text-align: center; background-color: #f2f2f2; color: #808080; } @@ -991,7 +991,7 @@ NOTE: use percentage font sizes or else old IE chokes .fc-basic-view td.fc-week-number > * { /* work around the way we do column resizing and ensure a minimum width */ display: inline-block; - min-width: 1.25em; } + min-width: 1.25rem; } /* AgendaView all-day area --------------------------------------------------------------------------------------------------*/ @@ -1001,11 +1001,11 @@ NOTE: use percentage font sizes or else old IE chokes /* so the "more.." popover will be over the time grid */ } .fc-agenda-view .fc-day-grid .fc-row { - min-height: 3em; + min-height: 3rem; /* all-day section will never get shorter than this */ } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { - padding-bottom: 1em; + padding-bottom: 1rem; /* give space underneath events for clicking/selecting days */ } /* TimeGrid axis running down the side (for both the all-day area and the slot area) @@ -1086,7 +1086,7 @@ NOTE: use percentage font sizes or else old IE chokes /* TimeGrid Slats (lines that run horizontally) --------------------------------------------------------------------------------------------------*/ .fc-time-grid .fc-slats td { - height: 1.5em; + height: 1.5rem; border-bottom: 0; /* each cell is responsible for its top border */ } @@ -1173,7 +1173,7 @@ be a descendant of the grid when it is being dragged. padding: 0 1px; } .fc-time-grid-event .fc-time { - font-size: .85em; + font-size: .85rem; white-space: nowrap; } /* short mode, where time and title are on the same line */ @@ -1200,7 +1200,7 @@ be a descendant of the grid when it is being dragged. /* seperate with a dash, wrapped in nbsp's */ } .fc-time-grid-event.fc-short .fc-title { - font-size: .85em; + font-size: .85rem; /* make the title text the same size as the time */ padding: 0; /* undo padding from above */ } @@ -1405,12 +1405,12 @@ be a descendant of the grid when it is being dragged. /* use a more border-friendly method for this... */ } .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */ - padding-bottom: 1em; + padding-bottom: 1rem; /* ...gives space within the skeleton. also ensures min height in a way */ } .fc tbody .fc-row .fc-content-skeleton table { /* provides a min-height for the row, but only effective for IE, which exaggerates this value, making it look more like 3em. for other browers, it will already be this tall */ - height: 1em; } + height: 1rem; } /* Undo month-view event limiting. Display all events and hide the "more" links --------------------------------------------------------------------------------------------------*/ .fc-more-cell, @@ -1442,7 +1442,7 @@ be a descendant of the grid when it is being dragged. position: static; } /* in case there are no events, we still want some height */ .fc-time-grid .fc-content-skeleton table { - height: 4em; } + height: 4rem; } /* kill the horizontal spacing made by the event container. event margins will be done below */ .fc-time-grid .fc-event-container { margin: 0 !important; } diff --git a/src/components/galleria/Galleria.vue b/src/components/galleria/Galleria.vue index 28273236a..60c31f29e 100755 --- a/src/components/galleria/Galleria.vue +++ b/src/components/galleria/Galleria.vue @@ -195,7 +195,7 @@ export default { .p-galleria-preview-nav-button { position: absolute; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; display: inline-flex; justify-content: center; align-items: center; @@ -404,7 +404,7 @@ export default { .p-galleria-mask .p-galleria-preview-nav-button { position: fixed; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; } /* Keyboard Support */ diff --git a/src/components/inputtext/InputText.css b/src/components/inputtext/InputText.css index 5e94ab120..00fbfec58 100755 --- a/src/components/inputtext/InputText.css +++ b/src/components/inputtext/InputText.css @@ -35,7 +35,7 @@ position: absolute; pointer-events: none; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; transition-property: all; transition-timing-function: ease; line-height: 1; @@ -45,7 +45,7 @@ .p-float-label input.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { - top: -.75em; + top: -.75rem; font-size: 12px; } @@ -63,5 +63,5 @@ .p-input-icon-right > i { position: absolute; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; } \ No newline at end of file diff --git a/src/components/listbox/Listbox.vue b/src/components/listbox/Listbox.vue index 91a831ea7..9da41cdd2 100755 --- a/src/components/listbox/Listbox.vue +++ b/src/components/listbox/Listbox.vue @@ -253,7 +253,7 @@ export default { .p-listbox-filter-icon { position: absolute; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; } .p-listbox-filter { diff --git a/src/components/megamenu/MegaMenu.vue b/src/components/megamenu/MegaMenu.vue index 1594f24c9..bc68dc6d6 100755 --- a/src/components/megamenu/MegaMenu.vue +++ b/src/components/megamenu/MegaMenu.vue @@ -371,7 +371,7 @@ export default { .p-megamenu-col-6, .p-megamenu-col-12 { flex: 0 0 auto; - padding: 0.5em; + padding: 0.5rem; } .p-megamenu-col-2 { diff --git a/src/components/multiselect/MultiSelect.vue b/src/components/multiselect/MultiSelect.vue index ac483a966..0ad0b3b4b 100755 --- a/src/components/multiselect/MultiSelect.vue +++ b/src/components/multiselect/MultiSelect.vue @@ -482,7 +482,7 @@ export default { .p-multiselect-filter-icon { position: absolute; top: 50%; - margin-top: -.5em; + margin-top: -.5rem; } .p-multiselect-filter-container .p-inputtext { diff --git a/src/components/orderlist/OrderList.vue b/src/components/orderlist/OrderList.vue index 8ba12c5c3..1e7f82769 100755 --- a/src/components/orderlist/OrderList.vue +++ b/src/components/orderlist/OrderList.vue @@ -318,8 +318,8 @@ export default { margin: 0; padding: 0; overflow: auto; - min-height: 12em; - max-height: 24em; + min-height: 12rem; + max-height: 24rem; } .p-orderlist-item { diff --git a/src/components/organizationchart/OrganizationChart.vue b/src/components/organizationchart/OrganizationChart.vue index 2a40d7586..33419a972 100755 --- a/src/components/organizationchart/OrganizationChart.vue +++ b/src/components/organizationchart/OrganizationChart.vue @@ -97,7 +97,7 @@ export default { .p-organizationchart-table > tbody > tr > td { text-align: center; vertical-align: top; - padding: 0 .75em; + padding: 0 .75rem; } .p-organizationchart-node-content { diff --git a/src/components/overlaypanel/OverlayPanel.vue b/src/components/overlaypanel/OverlayPanel.vue index 0fc85f7fb..76987eeb5 100755 --- a/src/components/overlaypanel/OverlayPanel.vue +++ b/src/components/overlaypanel/OverlayPanel.vue @@ -195,7 +195,7 @@ export default { .p-overlaypanel:after, .p-overlaypanel:before { bottom: 100%; - left: 1.25em; + left: 1.25rem; content: " "; height: 0; width: 0; diff --git a/src/components/picklist/PickList.vue b/src/components/picklist/PickList.vue index 3b76d1348..74796eecd 100755 --- a/src/components/picklist/PickList.vue +++ b/src/components/picklist/PickList.vue @@ -495,8 +495,8 @@ export default { margin: 0; padding: 0; overflow: auto; - min-height: 12em; - max-height: 24em; + min-height: 12rem; + max-height: 24rem; } .p-picklist-item { diff --git a/src/components/sidebar/Sidebar.vue b/src/components/sidebar/Sidebar.vue index 6b0f718fa..c458ec525 100755 --- a/src/components/sidebar/Sidebar.vue +++ b/src/components/sidebar/Sidebar.vue @@ -168,14 +168,14 @@ export default { .p-sidebar-left { top: 0; left: 0; - width: 20em; + width: 20rem; height: 100%; } .p-sidebar-right { top: 0; right: 0; - width: 20em; + width: 20rem; height: 100%; } @@ -183,14 +183,14 @@ export default { top: 0; left: 0; width: 100%; - height: 10em; + height: 10rem; } .p-sidebar-bottom { bottom: 0; left: 0; width: 100%; - height: 10em; + height: 10rem; } .p-sidebar-full { @@ -234,32 +234,32 @@ export default { .p-sidebar-left.p-sidebar-sm, .p-sidebar-right.p-sidebar-sm { - width: 20em; + width: 20rem; } .p-sidebar-left.p-sidebar-md, .p-sidebar-right.p-sidebar-md { - width: 40em; + width: 40rem; } .p-sidebar-left.p-sidebar-lg, .p-sidebar-right.p-sidebar-lg { - width: 60em; + width: 60rem; } .p-sidebar-top.p-sidebar-sm, .p-sidebar-bottom.p-sidebar-sm { - height: 10em; + height: 10rem; } .p-sidebar-top.p-sidebar-md, .p-sidebar-bottom.p-sidebar-md { - height: 20em; + height: 20rem; } .p-sidebar-top.p-sidebar-lg, .p-sidebar-bottom.p-sidebar-lg { - height: 30em; + height: 30rem; } @media screen and (max-width: 64em) { @@ -267,7 +267,7 @@ export default { .p-sidebar-left.p-sidebar-md, .p-sidebar-right.p-sidebar-lg, .p-sidebar-right.p-sidebar-md { - width: 20em; + width: 20rem; } } \ No newline at end of file diff --git a/src/components/terminal/Terminal.vue b/src/components/terminal/Terminal.vue index c15ec767d..17d738923 100755 --- a/src/components/terminal/Terminal.vue +++ b/src/components/terminal/Terminal.vue @@ -62,7 +62,7 @@ export default { \ No newline at end of file diff --git a/src/views/button/ButtonDoc.vue b/src/views/button/ButtonDoc.vue index 906cb81b1..4fef146c6 100755 --- a/src/views/button/ButtonDoc.vue +++ b/src/views/button/ButtonDoc.vue @@ -241,7 +241,7 @@ import Button from 'primevue/button'; button { - margin-right: .5em; + margin-right: .5rem; } diff --git a/src/views/card/CardDemo.vue b/src/views/card/CardDemo.vue index 5c72c8b93..a6369d1f4 100755 --- a/src/views/card/CardDemo.vue +++ b/src/views/card/CardDemo.vue @@ -8,7 +8,7 @@
- + diff --git a/src/views/card/CardDoc.vue b/src/views/card/CardDoc.vue index e32257227..1596c89b0 100755 --- a/src/views/card/CardDoc.vue +++ b/src/views/card/CardDoc.vue @@ -81,7 +81,7 @@ import Card from 'primevue/card'; - + @@ -183,7 +183,7 @@ export default { \ No newline at end of file diff --git a/src/views/datatable/DataTableFilterDemo.vue b/src/views/datatable/DataTableFilterDemo.vue index 5af3b0709..fc6ed090a 100755 --- a/src/views/datatable/DataTableFilterDemo.vue +++ b/src/views/datatable/DataTableFilterDemo.vue @@ -197,13 +197,13 @@ export default { .p-dropdown-car-option { img { vertical-align: middle; - margin-right: .5em; + margin-right: .5rem; width: 24px; } span { float: right; - margin-top: .125em; + margin-top: .125rem; } } diff --git a/src/views/datatable/DataTableResponsiveDemo.vue b/src/views/datatable/DataTableResponsiveDemo.vue index f24f8c959..36d7bebbd 100755 --- a/src/views/datatable/DataTableResponsiveDemo.vue +++ b/src/views/datatable/DataTableResponsiveDemo.vue @@ -117,10 +117,10 @@ export default { clear: left; .p-column-title { - padding: .4em; + padding: .4rem; min-width: 30%; display: inline-block; - margin: -.4em 1em -.4em -.4em; + margin: -.4em 1em -.4em -.4rem; font-weight: bold; } } @@ -176,10 +176,10 @@ export default { border: 0 none; .p-column-title { - padding: .4em; + padding: .4rem; min-width: 30%; display: inline-block; - margin: -.4em 1em -.4em -.4em; + margin: -.4em 1em -.4em -.4rem; font-weight: bold; } } diff --git a/src/views/datatable/DataTableRowExpandDemo.vue b/src/views/datatable/DataTableRowExpandDemo.vue index c5f147438..bedd9e117 100755 --- a/src/views/datatable/DataTableRowExpandDemo.vue +++ b/src/views/datatable/DataTableRowExpandDemo.vue @@ -156,10 +156,10 @@ export default { text-align: left; button { - min-width: 10em; + min-width: 10rem; &:first-child { - margin-right: .5em; + margin-right: .5rem; } } } @@ -168,7 +168,7 @@ export default { display: flex; justify-content: space-between; align-items: center; - padding: 2em; + padding: 2rem; & > div { display: flex; diff --git a/src/views/datatable/DataTableRowGroupDemo.vue b/src/views/datatable/DataTableRowGroupDemo.vue index e564fd3dc..8d5a60a0d 100755 --- a/src/views/datatable/DataTableRowGroupDemo.vue +++ b/src/views/datatable/DataTableRowGroupDemo.vue @@ -217,7 +217,7 @@ export default { .p-row-toggler { vertical-align: middle; - margin-right: .25em; + margin-right: .25rem; } } diff --git a/src/views/datatable/DataTableStateDemo.vue b/src/views/datatable/DataTableStateDemo.vue index 6772f7a2b..8299a59cb 100755 --- a/src/views/datatable/DataTableStateDemo.vue +++ b/src/views/datatable/DataTableStateDemo.vue @@ -283,24 +283,24 @@ export default { } .p-column-filter { - margin-top: .5em; + margin-top: .5rem; } .p-multiselect { width: 100%; - margin-top: .5em; + margin-top: .5rem; } .p-dropdown-car-option { img { vertical-align: middle; - margin-right: .5em; + margin-right: .5rem; width: 24px; } span { float: right; - margin-top: .125em; + margin-top: .125rem; } } \ No newline at end of file diff --git a/src/views/datatable/DataTableStyleDemo.vue b/src/views/datatable/DataTableStyleDemo.vue index c3ea33aa9..5f6d2dbd5 100755 --- a/src/views/datatable/DataTableStyleDemo.vue +++ b/src/views/datatable/DataTableStyleDemo.vue @@ -69,7 +69,7 @@ export default { .year-cell { - padding: 0.429em 0.857em; + padding: 0.429em 0.857rem; &.old-car { background-color: #41b783; @@ -116,7 +116,7 @@ export default { diff --git a/src/views/inplace/InplaceDemo.vue b/src/views/inplace/InplaceDemo.vue index eeda836d1..03c00fd4e 100755 --- a/src/views/inplace/InplaceDemo.vue +++ b/src/views/inplace/InplaceDemo.vue @@ -22,7 +22,7 @@