Created
May 28, 2018 15:24
-
-
Save vigonotion/558d5f009c6bfd2b40383c78628405ce to your computer and use it in GitHub Desktop.
Test
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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