init
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
.avatar {
|
||||
/* Center the content */
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
/* Used to position the content */
|
||||
position: relative;
|
||||
|
||||
/* Colors */
|
||||
|
||||
color: #fff;
|
||||
|
||||
/* Rounded border */
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.avatar__letters {
|
||||
/* Center the content */
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.avatars-compact {
|
||||
position: relative;
|
||||
.avatar {
|
||||
margin-left: -9px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
.lx-card {
|
||||
padding: 44px;
|
||||
background-color: #fff;
|
||||
border-radius: 32px;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
.is-editable-false{
|
||||
.cm-content{
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.file-wrapper.selected {
|
||||
box-shadow: inset 0px 0px 0px 2px $primary;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.in-place{
|
||||
padding: 36px;
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
.lx-nav{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: rgba(255,255,255,.7);
|
||||
margin-bottom:0px ;
|
||||
.nav-item{
|
||||
padding:4px 0;
|
||||
margin: 0 16px;
|
||||
color: $primary;
|
||||
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.text-danger.field-content .preview-file-filename{
|
||||
color: $danger;
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
|
||||
.sidebar {
|
||||
background-color: $dark;
|
||||
min-height: 100vh;
|
||||
font-size: 15px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.sidebar-header {
|
||||
color: $white;
|
||||
position: relative;
|
||||
padding: 0 10px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
&:hover .actions {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar .actions {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 8px;
|
||||
background-color: $dark;
|
||||
visibility: hidden;
|
||||
}
|
||||
.sidebar .sidebar-header .actions {
|
||||
background-color: $dark;
|
||||
}
|
||||
.sidebar .sidebar-item .actions {
|
||||
background-color: $white;
|
||||
}
|
||||
|
||||
.sidebar .sidebar-item.active .actions {
|
||||
background-color: $primary;
|
||||
}
|
||||
.sidebar .sidebar-header .actions a,
|
||||
.sidebar .sidebar-header .actions span {
|
||||
color: $white !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sidebar .sidebar-item .actions a {
|
||||
color: $dark !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sidebar .sidebar-item.active .actions a {
|
||||
color: $white !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sidebar-item {
|
||||
a {
|
||||
color: $white;
|
||||
text-decoration: none;
|
||||
padding: 0 0px;
|
||||
}
|
||||
&:hover {
|
||||
background-color: $light;
|
||||
a {
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
position: relative;
|
||||
padding: 0 10px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: $white;
|
||||
&:hover .actions {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.sidebar hr {
|
||||
color: $white;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.sidebar .active {
|
||||
background-color: $primary;
|
||||
a {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
.lx-table {
|
||||
overflow: auto;
|
||||
background-color: #f9f9f9;
|
||||
table {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
th {
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
max-width: 340px;
|
||||
// height: 34px;
|
||||
padding: 8px 16px;
|
||||
// border-bottom: 1px solid #ccc;
|
||||
background: #eee;
|
||||
&.is-sort {
|
||||
background-color: rgba($primary, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
max-width: 340px;
|
||||
height: 48px;
|
||||
padding: 4px 16px;
|
||||
overflow: hidden;
|
||||
&.is-sort {
|
||||
background-color: rgba($primary, 0.1);
|
||||
}
|
||||
}
|
||||
tr {
|
||||
background-color: #fff;
|
||||
&:hover {
|
||||
box-shadow: inset 0em 0em 0em 10em rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
tr:nth-child(odd) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
td:nth-child(odd) {
|
||||
// border-left: 1px solid #e4e4e4;
|
||||
// border-right: 1px solid #e4e4e4;
|
||||
}
|
||||
th:nth-child(odd) {
|
||||
border-left: 1px solid #e4e4e4;
|
||||
border-right: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
.field-ui-number {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.lx-small-text {
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
.wrapper-tiny {
|
||||
background-color: #fff;
|
||||
border-radius: 32px;
|
||||
margin: 44px auto;
|
||||
width: 600px;
|
||||
padding: 44px;
|
||||
|
||||
&.transparent {
|
||||
|
||||
margin: 0px auto;
|
||||
padding: 0px;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.wrapper-small {
|
||||
background-color: #fff;
|
||||
border-radius: 32px;
|
||||
margin: 44px auto;
|
||||
width: 800px;
|
||||
padding: 44px;
|
||||
|
||||
&.transparent {
|
||||
|
||||
margin: 0px auto;
|
||||
padding: 0px;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.wrapper-normal {
|
||||
background-color: #fff;
|
||||
border-radius: 32px;
|
||||
margin: 44px auto;
|
||||
width: 1000px;
|
||||
padding: 44px;
|
||||
|
||||
&.transparent {
|
||||
|
||||
margin: 0px auto;
|
||||
padding: 0px;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper-large {
|
||||
background-color: #fff;
|
||||
border-radius: 32px;
|
||||
margin: 44px auto;
|
||||
max-width: 1920px;
|
||||
min-width: 1000px;
|
||||
padding: 44px;
|
||||
width: fit-content;
|
||||
&.transparent {
|
||||
padding: 0px;
|
||||
margin: 0px auto;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.section-actions {
|
||||
text-align: center;
|
||||
padding: 32px 0;
|
||||
}
|
||||
|
||||
.header-normal {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header-small {
|
||||
text-align: center;
|
||||
font-size: 26px;
|
||||
}
|
||||
@@ -0,0 +1,126 @@
|
||||
// Include any default variable overrides here (though functions won't be available)
|
||||
|
||||
/* SCSS HEX */
|
||||
$green-crayola: #0dab76ff;
|
||||
$green-pigment: #139a43ff;
|
||||
$lincoln-green: #0b5d1eff;
|
||||
$forest-green-traditional: #053b06ff;
|
||||
$black: #000000ff;
|
||||
|
||||
/* SCSS Gradient */
|
||||
$gradient-top: linear-gradient(
|
||||
0deg,
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
$gradient-right: linear-gradient(
|
||||
90deg,
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
$gradient-bottom: linear-gradient(
|
||||
180deg,
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
$gradient-left: linear-gradient(
|
||||
270deg,
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
$gradient-top-right: linear-gradient(
|
||||
45deg,
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
$gradient-bottom-right: linear-gradient(
|
||||
135deg,
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
$gradient-top-left: linear-gradient(
|
||||
225deg,
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
$gradient-bottom-left: linear-gradient(
|
||||
315deg,
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
$gradient-radial: radial-gradient(
|
||||
#0dab76ff,
|
||||
#139a43ff,
|
||||
#0b5d1eff,
|
||||
#053b06ff,
|
||||
#000000ff
|
||||
);
|
||||
|
||||
$primary: $lincoln-green;
|
||||
$table-striped-bg-factor: 0.03;
|
||||
|
||||
@import "../node_modules/bootstrap/scss/bootstrap";
|
||||
@import "./sidebar";
|
||||
@import "./table";
|
||||
@import "./avatar";
|
||||
@import "./codemirror";
|
||||
@import "./wrappers";
|
||||
@import "./in-place";
|
||||
@import "./text";
|
||||
@import "./card";
|
||||
@import "./nav";
|
||||
@import "./files";
|
||||
@import "./revisions";
|
||||
|
||||
body {
|
||||
background-color: rgba(11, 93, 30, 0.04);
|
||||
}
|
||||
|
||||
.btn-spinner .spinner-border {
|
||||
display: none;
|
||||
}
|
||||
.btn-spinner.spinner-on .spinner-border {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.editor-field {
|
||||
padding: 22px 44px;
|
||||
margin: 6px 0;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
border: 0px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0px 0px 4px #ccc;
|
||||
padding: 30px 15px;
|
||||
}
|
||||
Reference in New Issue
Block a user