define everything in rem

This commit is contained in:
Val Erastov 2018-01-29 01:21:46 -08:00
parent b6d5f5d287
commit 959d0890b0
14 changed files with 31 additions and 31 deletions

View file

@ -1,11 +1,11 @@
@import '../styles/theme';
.root {
padding: 0.45em 0;
padding: 0.5rem 0;
}
.item {
padding: 0.45em 0.55em 0.45em 0.45em;
padding: 0.5rem 0.6rem 0.5rem 0.5rem;
cursor: pointer;
text-transform: capitalize;
white-space: nowrap;
@ -26,15 +26,15 @@
& .hotKey {
color: @font-color-suppressed;
font-size: 0.8em;
padding-left: 1.5em;
font-size: 0.9rem;
padding-left: 1.4rem;
flex-grow: 1;
text-align: right;
}
& .label {
padding-left: 0.45em;
padding-right: 0.25em;
padding-left: 0.5rem;
padding-right: 0.3rem;
}
}

View file

@ -4,6 +4,6 @@
.root > * {
border-bottom: 1px solid @border-color;
padding: 0.3em 0.5em;
padding: 0.3rem 0.6rem;
}

View file

@ -7,7 +7,7 @@
.tab {
@border: 1px solid @border-color;
padding: 0.3em 0.3em 0.4em 0.6em;
padding: 0.4rem 0.4rem 0.4rem 0.7rem;
cursor: pointer;
border-right: @border;
display: inline-block;

View file

@ -2,7 +2,7 @@
.root {
background-color: rgba(255, 255, 255, 0.5);
padding: 0.3em;
padding: 0.3rem;
border-radius: 5px;
}
@ -10,8 +10,8 @@
border-radius: 5px;
text-align: center;
white-space: nowrap;
font-size: 0.9em;
padding: 0.3em 0.1em;
font-size: 1rem;
padding: 0.3rem 0.1rem;
color: #555;
&:hover {
@ -31,7 +31,8 @@
}
.small > * {
font-size: 1.5em;
font-size: 1.6rem;
padding: 0.5rem 0.2rem;
}

View file

@ -14,11 +14,11 @@
line-height: 1;
cursor: default;
border-bottom: 1px solid @border-color;
padding-left: 0.5em;
padding-left: 0.6rem;
}
.button {
display: inline-block;
padding: 0.5em 0.5em 0.6em 0.5em;
padding: 0.6rem 0.5rem 0.6rem 0.5rem;
.button-behavior(@color-danger);
}

View file

@ -2,7 +2,7 @@
display: flex;
justify-content: flex-end;
& > * {
margin-left: 0.5em;
margin-left: 0.5rem;
}
}

View file

@ -13,7 +13,7 @@
background: @bg;
outline: none;
border: @bg 1px solid;
padding: 0.2em;
padding: 0.2rem;
&:focus {
border: #444 1px solid;
}

View file

@ -1,14 +1,14 @@
@import "../theme";
@import "../mixins";
html {
font: 10px 'Lucida Grande', sans-serif;
}
body {
background-color: @bg-color;
color: @font-color;
font: 11px 'Lucida Grande', sans-serif;
}
table {
font-size: 1em;
font-size: 1.1rem;
}
iframe {

View file

@ -1,6 +1,6 @@
:global
#brep-debugger {
font-size: 1.2em;
font-size: 1.2rem;
position: absolute;
z-index: 998;
left:10px;
@ -12,7 +12,7 @@
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
color: #1a1a1a;
& .tool-caption {
padding: 0.3em;
padding: 0.4rem;
background-color: rgb(238, 255, 246);
cursor: default;
user-select: none
@ -34,11 +34,11 @@
visibility: hidden;
}
padding: 0.3em;
padding: 0.4rem;
line-height: 1.5;
button {
font-size: inherit;
padding: 0 0.3em;
padding: 0 0.4rem;
}
& .operands-veiew {
@ -90,7 +90,7 @@
}
}
.button {
font-size: 1.3em;
font-size: 1.7rem;
.clickable;
}
}

View file

@ -7,7 +7,7 @@ import {TOKENS as ACTION_TOKENS} from '../../actions/actionSystemPlugin';
import {TOKENS as KeyboardTokens} from '../../keyboard/keyboardPlugin';
function ActionInfo({actionId, x, y, info, hint, hotKey}) {
let visible = !!actionId;
let visible = !!(actionId && (info || hint || hotKey));
return <AuxWidget visible={visible}
left={x} top={y} className={ls.root} zIndex={550}>

View file

@ -15,7 +15,7 @@
.button {
cursor: pointer;
padding: 0.5em 0.5em 0.35em 0.5em;
padding: 0.5rem 0.5rem 0.4rem 0.5rem;
&:hover {
background-color: @work-area-control-bar-bg-color-active;

View file

@ -16,5 +16,5 @@
}
.leftToolbarGroup > * {
margin-bottom: 0.8em;
margin-bottom: 0.9rem;
}

View file

@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
import 'ui/styles/init/minireset.css';
import 'ui/styles/init/main.less';
import '../../../../css/app3d-legacy.less';
import AppTabs from "./AppTabs";

View file

@ -132,7 +132,7 @@
.modification-button {
line-height: 27px;
font-size: 1.3em;
font-size: 1.3rem;
padding: 0 3px 0 3px;
&:hover {
color: yellowgreen;