mirror of
https://github.com/xibyte/jsketcher
synced 2025-12-07 17:04:58 +01:00
define everything in rem
This commit is contained in:
parent
b6d5f5d287
commit
959d0890b0
14 changed files with 31 additions and 31 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,6 +4,6 @@
|
|||
.root > * {
|
||||
|
||||
border-bottom: 1px solid @border-color;
|
||||
padding: 0.3em 0.5em;
|
||||
padding: 0.3rem 0.6rem;
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
& > * {
|
||||
margin-left: 0.5em;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
background: @bg;
|
||||
outline: none;
|
||||
border: @bg 1px solid;
|
||||
padding: 0.2em;
|
||||
padding: 0.2rem;
|
||||
&:focus {
|
||||
border: #444 1px solid;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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}>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -16,5 +16,5 @@
|
|||
}
|
||||
|
||||
.leftToolbarGroup > * {
|
||||
margin-bottom: 0.8em;
|
||||
margin-bottom: 0.9rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue