assets/css/app.scss in jekyll-theme-opentoolbox-1.1.0 vs assets/css/app.scss in jekyll-theme-opentoolbox-2.0.0
- old
+ new
@@ -3,155 +3,16 @@
////////////////////////////////////////////////
// Custom Theme //
////////////////////////////////////////////////
-$orange: #e67e22;
-$yellow: #FFCB00;
-$green: #68D072;
-$turquoise: #1abc9c;
-$blue: #006eff;
-$purple: #8e44ad;
-$red: #e74c3c;
-$white-ter: #ecf0f1;
-$yellow-invert: #fff;
-$white: #ffffff;
-$grey-lighter: #dbdee0;
-$grey-light: #8c9b9d;
+// This imports all the resources that need to be downloaded over the internet (such as: fonts, stylesheets, etc.)
+@import "external";
+@import "variables";
-$spacing-values: ("none": 0, "small": 10px, "medium": 60px, "large": 150px, "negative-medium": -60px, "negative-large": -150px);
+// Your custom variables/rules/anything goes here
+// Choose your syntax-highlight theme here
+@import "highlight/dark";
-$grey: darken($grey-light, 18);
-$grey-dark: darken($grey, 18);
-$grey-darker: darken($grey, 23);
-
-$background: $white;
-$primary: $blue !default;
-$secondary: $yellow !default;
-$dark: $grey-darker;
-$link: $blue;
-$info: lighten($blue, 15);
-
-$family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI",
- "Helvetica Neue", "Helvetica", "Arial", sans-serif;
-$family-monospace: "Inconsolata", "Consolas", "Monaco", monospace;
-
-$radius-small: 3px;
-$radius: 0.4em;
-$radius-large: 20px;
-$size-6: 15px;
-$size-7: 0.85em;
-$subtitle-color: $grey-dark;
-$mention-weight: bold;
-$mention-color: $link;
-
-$border-width: 2px;
-$border: $grey;
-
-$hr-background-color: transparentize($dark, 0.9);
-$hr-margin: 2rem 5%;
-$hr-height: 1px;
-
-$shadow-large: 0px 0px 60px transparentize($dark, 0.7);
-
-$body-background-color: $background;
-$body-size: 15px;
-
-$footer-background-color: darken($background, 5);
-$button-background-color: $dark;
-$button-border-color: lighten($button-background-color, 15);
-
-$box-color: $dark;
-$box-background-color: $white;
-
-$link-hover: lighten($link, 5);
-$link-focus: darken($link, 5);
-$link-active: darken($link, 5);
-$link-focus-border: $grey-light;
-
-$button-color: $primary;
-$button-disabled-background-color: $grey-light;
-
-$control-height: 2.5em;
-
-$input-color: $grey-darker;
-$input-icon-color: $grey;
-$input-icon-active-color: $input-color;
-$input-hover-color: $grey-light;
-$input-disabled-background-color: $grey-light;
-$input-disabled-border: $grey-lighter;
-
-$table-head: $grey-lighter;
-$table-background-color: $grey-dark;
-$table-cell-border: 1px solid $grey;
-
-$table-row-hover-background-color: $grey-darker;
-$table-striped-row-even-background-color: $grey-darker;
-$table-striped-row-even-hover-background-color: lighten($grey-darker, 2);
-
-$pagination-color: $link;
-$pagination-border-color: $border;
-
-$navbar-height: 4rem;
-
-$navbar-background-color: $dark !important;
-$navbar-item-color: $white;
-$navbar-item-hover-color: $link;
-$navbar-item-hover-background-color: transparent;
-$navbar-item-active-color: $secondary;
-$navbar-dropdown-arrow: $white;
-$navbar-divider-background-color: rgba(0, 0, 0, 0.2);
-$navbar-dropdown-border-top: 1px solid $navbar-divider-background-color;
-$navbar-dropdown-background-color: $dark !important;
-$navbar-dropdown-item-hover-color: $grey-light;
-$navbar-dropdown-item-hover-background-color: transparent;
-$navbar-dropdown-item-active-background-color: transparent;
-$navbar-dropdown-item-active-color: $link;
-
-$dropdown-content-background-color: $white;
-
-$progress-value-background-color: $grey-lighter;
-
-$bulmaswatch-import-font: true !default;
-
-$file-cta-background-color: $grey-darker;
-
-$progress-bar-background-color: $grey-dark;
-
-$panel-heading-background-color: $grey-dark;
-
-.user-mention {
- font-weight: $mention-weight;
- color: $mention-color;
-}
-
-.pagination-previous, .pagination-next {
- &[disabled] {
- background-color: $link !important;
- color: $white !important;
- border: none !important;
- }
-}
-
-.is-dark {
- &.box {
- background-color: $dark !important;
- color: $white;
- }
-}
-
-.thumbnail {
- width: 100%;
-}
-
-.is-rounded {
- border-radius: $radius-large !important;
-}
-
-.has-shadow {
- box-shadow: $shadow-large !important;
-}
-
-@import "highlight";
-
+// Import the main stylesheet in order for the theme to work.
@import "main";