Skip to content

Instantly share code, notes, and snippets.

@vigonotion
Created May 28, 2018 15:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vigonotion/558d5f009c6bfd2b40383c78628405ce to your computer and use it in GitHub Desktop.
Save vigonotion/558d5f009c6bfd2b40383c78628405ce to your computer and use it in GitHub Desktop.
Test
// Variables
@import "admin/variables";
// Bulma
@import "node_modules/bulma/sass/utilities/_all";
// Override Bulma variables here
// Set the default font
$family-primary: 'Lato', 'Open Sans', sans-serif;
$family-secondary: 'Open Sans', sans-serif;
$primary: $color-vigonotion;
$title-weight: $weight-light;
h1, h2, h3, h4, h5, h6 {
font-family: $family-secondary;
}
// Box Styles
$box-radius: $radius;
$box-shadow: $shadow-material-card;
// Menu styles
$menu-item-active-color: $color-vigonotion;
$menu-item-active-background-color: $color-vigonotion-dark;
// Pagination
$pagination-current-background-color: $color-vigonotion;
$pagination-current-border-color: initial;
// Set Content (fluid) gap
$gap: 24px;
// Add custom modifiers
.is-vmiddle {
vertical-align: middle;
}
.is-expanded-col {
th, td {
white-space: nowrap;
//text-overflow: ellipsis;
}
.box {
overflow: hidden;
}
.is-expanded {
}
&.is-expanded-first td:nth-child(1),
&.is-expanded-second td:nth-child(2),
&.is-expanded-third td:nth-child(3),
&.is-expanded-fourth td:nth-child(4),
&.is-expanded-fifth td:nth-child(5) {
width: 9999px;
text-overflow: ellipsis;
white-space: initial;
}
}
thead.is-bold {
font-weight: $weight-bold;
}
@include tablet {
.column.is-menu-col {
max-width: 250px;
}
}
// Override Modifiers
.container.is-fluid {
margin-left: $gap;
margin-right: $gap;
max-width: none;
width: auto;
}
$colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert));
@import "node_modules/bulma/bulma";
// Hard-override some styles
// Button Styles
.button:not(.is-text) {
border: none;
box-shadow: $shadow-material-card;
}
// Bulma Vue Modules
@import "node_modules/buefy/src/scss/buefy";
// Quill
@import "node_modules/quill/dist/quill.snow";
// Custom styles
@import "admin/content";
@import "admin/header";
@import "admin/navigation";
@import "admin/form";
@import "admin/users";
@import "admin/editor";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment