Skip to content
Snippets Groups Projects
Commit 3c7e48ed authored by Mihail Dunaev's avatar Mihail Dunaev
Browse files

refactor(theme-plugin): remove theme-plugin package

the package is not used anymore so it's just obsolete code

re #348
parent 8024c56d
No related branches found
No related tags found
No related merge requests found
Showing
with 0 additions and 1483 deletions
@import '../variables';
.hero {
border-bottom: 4px $pink solid;
/* stylelint-disable */
margin-bottom: 50px;
margin-left: 10px !important;
margin-right: 10px !important;
margin-top: 40px;
/* stylelint-enable */
padding-bottom: 40px;
text-align: center;
}
.heroBackground {
margin-bottom: 40px;
}
.blogContainer {
border-left: 4px solid $brand-primary;
border-right: 4px solid $teal;
padding: 0 30px;
}
.blogFooter {
padding-top: 50px;
text-align: center;
}
@import '../main.scss';
@import '../variables';
.loginLogo {
display: block;
margin-bottom: 30px;
margin-top: 30px;
img {
width: 100%;
}
}
.login {
border-left: 4px solid $brand-primary;
border-right: 4px solid $teal;
padding-left: 40px !important;
padding-right: 40px !important;
h1,
legend {
margin-left: -25px;
padding-bottom: 20px;
}
button {
margin-bottom: 20px !important;
}
}
@import '../main.scss';
$roundDiameter: 36px;
.button {
border-radius: $roundDiameter/2 !important;
height: $roundDiameter;
width: $roundDiameter; //the styles created this way often go down in the styles chain.
i {
font-size: 20px;
margin-left: -5px;
}
}
@import '../variables';
.container {
.dataset {
padding-right: 2em;
}
table {
margin-left: 3em;
label {
color: black;
}
}
}
//overwrite bootstrap variables
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
$font-family-default: 'karmillaregular', Helvetica, Arial, sans-serif;
$font-family-base: $font-family-default;
$border-radius-base: 0 !default;
$brand-primary: #844d9f; // purple
$link-color: $brand-primary;
//custom variables
$pink: #e50c79;
$teal: #51c2bd;
module.exports = {}
@font-face {
font-family: 'karmillaregular';
font-style: normal;
font-weight: normal;
src: url('../fonts/karmilla-015/karmilla-regular-015-webfont.eot');
src: url('../fonts/karmilla-015/karmilla-regular-015-webfont.eot?#iefix')
format('embedded-opentype'),
url('../fonts/karmilla-015/karmilla-regular-015-webfont.woff2')
format('woff2'),
url('../fonts/karmilla-015/karmilla-regular-015-webfont.woff')
format('woff'),
url('../fonts/karmilla-015/karmilla-regular-015-webfont.ttf')
format('truetype'),
url('../fonts/karmilla-015/karmilla-regular-015-webfont.svg#karmillaregular')
format('svg');
}
@font-face {
font-family: 'karmillabold';
font-style: normal;
font-weight: normal;
src: url('../fonts/karmilla-015/karmilla-bold-015-webfont.eot');
src: url('../fonts/karmilla-015/karmilla-bold-015-webfont.eot?#iefix')
format('embedded-opentype'),
url('../fonts/karmilla-015/karmilla-bold-015-webfont.woff2') format('woff2'),
url('../fonts/karmilla-015/karmilla-bold-015-webfont.woff') format('woff'),
url('../fonts/karmilla-015/karmilla-bold-015-webfont.ttf')
format('truetype'),
url('../fonts/karmilla-015/karmilla-bold-015-webfont.svg#karmillabold')
format('svg');
}
body,
html {
font-family: 'karmillaregular', Helvetica, Arial, sans-serif;
}
.bootstrap {
//overwrite bootstrap variables
//$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
//$font-family-default: 'karmillaregular', Helvetica, Arial, sans-serif;
//$font-family-base: $font-family-default;
//$border-radius-base: 0 !default;
//$brand-primary: #844D9F;// purple
//$link-color: $brand-primary;
//$pink: #E50C79;
//$teal: #51C2BD;
@import 'variables';
@import '~bootstrap-sass/assets/stylesheets/_bootstrap-sprockets.scss';
@import '~bootstrap-sass/assets/stylesheets/_bootstrap.scss';
a {
color: $pink;
text-decoration: underline; //pink
}
h1,
h2,
h3 {
color: $teal !important;
font-family: 'karmillaregular', sans-serif;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 0;
padding-top: 0;
}
h2 {
font-size: 25px;
font-weight: bold;
}
h3 {
color: lighten($teal, 10%) !important;
font-size: 20px;
}
.alert.alert-warning {
background-color: #efd2df;
border: 0;
color: black;
margin-top: 50px;
}
//form
legend {
border: 0;
//color: #43B1A9;//
color: $teal;
font-weight: bold; //teal
}
label {
color: #844d9f;
font-weight: lighter;
}
input[type='text'],
input[type='text'].form-control,
input[type='password'].form-control {
border: 2px solid #bab8b8;
&.error {
border-right: 4px solid $pink;
}
&.success {
border-right: 4px solid $brand-primary;
}
}
.form-group {
margin-bottom: 15px;
margin-top: 15px;
}
.btn-primary {
background-color: $brand-primary;
border-color: transparent;
}
@media (min-width: 768px) {
.navbar-nav {
margin: 10px;
}
.navbar-nav > li > a {
padding-bottom: 20px;
padding-top: 20px;
}
}
.navbar-default {
background-color: transparent;
border: 0;
font-weight: bold;
.container-fluid {
border-bottom: 4px $teal solid;
margin-left: 15px;
margin-right: 15px;
padding-right: 65px;
}
.navbar-brand {
height: 65px;
margin-top: 10px;
padding: 0 30px 5px 15px;
img {
height: 100%;
}
}
.navbar-nav {
> li {
> a {
color: $brand-primary;
text-decoration: none;
}
}
> .active {
> a {
background-color: transparent;
color: $pink;
font-weight: bold;
text-decoration: none;
}
:hover {
background-color: transparent;
}
}
.logout a {
color: $teal;
}
}
}
.table {
margin-bottom: 10px;
> thead {
> tr {
> th {
background-color: transparent;
border: 0;
color: $brand-primary;
text-align: left;
}
}
}
> tbody {
> tr {
> td {
border: 0;
border-top: 1px $brand-primary solid;
padding-bottom: 20px;
padding-top: 20px;
}
}
> tr:first-child {
> td {
border: 0;
}
}
}
td.index,
th.index {
width: 5%;
}
td.main,
th.main {
width: 50%;
}
.btn-primary {
background-color: $teal;
border: 0;
margin-left: 5px;
i {
margin-left: -2px;
margin-top: 2px;
}
}
.btn-success {
background-color: #4b8ac9;
border: 0;
margin-left: 5px;
}
.btn-danger {
background-color: #d13689;
border: 0;
margin-left: 5px;
i {
margin-left: -1px;
}
}
.btn-warning {
border: 0;
margin-left: 5px;
}
}
//custom elements
.btn-wide {
font-family: 'karmillaregular', sans-serif;
font-size: 21px;
padding: 5px 50px;
}
.published .fa-circle {
color: $teal;
}
.unpublished .fa-circle {
color: $pink;
}
}
{
"name": "pubsweet-component-pepper-theme",
"version": "0.0.5",
"description": "Pepper's theme for PubSweet",
"main": "index.js",
"author": "Collaborative Knowledge Foundation",
"license": "MIT",
"repository": {
"type": "git",
"url": "https://gitlab.coko.foundation/pubsweet/pubsweet",
"path": "PepperTheme"
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment