nfp_sites/app/admin/articles.scss
2022-07-22 11:18:33 +00:00

131 lines
1.9 KiB
SCSS

article.editarticle {
background: white;
padding: 0 0 20px;
header {
text-align: center;
padding: 10px;
background: $secondary-bg;
h1 {
color: $secondary-fg;
}
a {
font-size: 14px;
text-decoration: none;
margin-left: 10px;
color: $secondary-light-fg;
}
}
fileupload {
margin: 0 0 20px;
.inside {
height: 150px;
}
}
fileupload.cover {
align-self: center;
min-width: 178px;
}
form {
padding: 0 2rem 1rem;
textarea {
height: 300px;
}
label.slim {
font-size: 0.7em;
}
input.slim {
font-size: 0.8em;
padding: 2px 5px;
}
.loading-spinner {
height: 300px;
position: relative;
}
button.submit {
margin-left: 20px;
}
}
table {
tr.rowhidden td {
background: #e6e6e6;
}
tr.rowfeatured td {
background: hsl(120, 60%, 85%);
}
}
h5 {
margin-bottom: 20px;
}
& > .loading-spinner {
width: 240px;
height: 50px;
position: relative;
&.full {
width: 100%;
}
}
.fileupload {
align-self: flex-start;
padding: 0.5rem;
margin: 0.5rem 0 0.5rem 2rem;
min-width: 150px;
border: none;
border: 1px solid $secondary-bg;
background: $secondary-light-bg;
color: $secondary-light-fg;
position: relative;
text-align: center;
input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.01;
width: 100%;
cursor: pointer;
text-indent: -9999px;
z-index: 2;
}
}
files {
align-items: stretch;
width: 100%;
display: flex;
flex-direction: column;
padding: 1rem 2rem 0;
text-align: left;
h4 {
font-size: 1.1em;
font-weight: bold;
padding: 0 5px 5px;
margin-bottom: 10px;
border-bottom: 1px solid $border;
}
}
}
table span.subarticle {
padding: 0 5px;
}