91621641e6
Summary: root node is now centerwed between edge and editor Reviewed By: emilsjolander Differential Revision: D6989159 fbshipit-source-id: ce2621402d380843125fabc43452c64ea3b563dd
77 lines
1.7 KiB
CSS
77 lines
1.7 KiB
CSS
/**
|
|
* Copyright (c) 2014-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
.PlaygroundContainer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
.Playground {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
position: relative;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
background: linear-gradient(-90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px),
|
|
linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),
|
|
linear-gradient(-90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px),
|
|
linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),
|
|
linear-gradient(
|
|
transparent 4px,
|
|
#f5f5f5 4px,
|
|
#f5f5f5 97px,
|
|
transparent 97px
|
|
),
|
|
linear-gradient(-90deg, #e5e5e5 1px, transparent 1px),
|
|
linear-gradient(
|
|
-90deg,
|
|
transparent 4px,
|
|
#f5f5f5 4px,
|
|
#f5f5f5 97px,
|
|
transparent 97px
|
|
),
|
|
linear-gradient(#e5e5e5 1px, transparent 1px), #f5f5f5;
|
|
background-size: 10px 10px, 10px 10px, 100px 100px, 100px 100px, 100px 100px,
|
|
100px 100px, 100px 100px, 100px 100px;
|
|
}
|
|
|
|
.Playground > .YogaNode {
|
|
margin: auto;
|
|
position: static;
|
|
align-self: center;
|
|
}
|
|
|
|
.Playground.standalone > .YogaNode {
|
|
transform: translateX(-175px);
|
|
}
|
|
|
|
.Playground .Actions {
|
|
padding: 15px;
|
|
}
|
|
|
|
.Playground .Actions .ant-btn {
|
|
width: 100%;
|
|
}
|
|
|
|
.Playground .NoContent {
|
|
border-top: 1px solid #E8E8E8;
|
|
font-size: 18px;
|
|
padding: 30px 50px;
|
|
text-align: center;
|
|
color: #D9D9D9;
|
|
font-weight: 300;
|
|
line-height: 130%;
|
|
}
|
|
|
|
.ant-modal-content {
|
|
overflow: hidden;
|
|
}
|