Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Comparing changes

Choose two branches to see what's changed or to start a new pull request. If you need to, you can also compare across forks.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also compare across forks.
  • 1 commit
  • 1 file changed
  • 0 commit comments
  • 1 contributor
Showing with 167 additions and 0 deletions.
  1. +167 −0 bootstrap/slickgrid.scss
View
167 bootstrap/slickgrid.scss
@@ -0,0 +1,167 @@
+/*
+
+Converted from slickgrid.less by ikarahan
+For use with compass-twitter-bootstrap
+
+Used from variables.scss:
+=========================
+
+$baseFontSize
+$tableBorder
+$linkColor
+$linkColorHover
+$tableBackground
+$tableBackgroundAccent
+$textColor
+$navbarLinkColorHover
+$sansFontFamily
+
+
+Usage:
+======
+
+@import "bootstrap/slickgrid.scss";
+
+.grid {
+ // Set dimensions
+ height: 380px; // for 10 rows x 35px
+ width: 800px;
+
+ // Apply all grid styles
+ @include SlickGrid($baseFontSize, $baseFontSize);
+
+ // Add a bottom border to the grid.
+ border-bottom: 1px solid $tableBorder;
+}
+
+
+
+*/
+
+$slickgridHoverHeaderColor: $textColor;
+$slickgridSortingHeaderColor: $textColor;
+
+@mixin ResetColumns {
+ /* like TH */
+ background: $tableBackground;
+ font-family: $sansFontFamily;
+ color: $textColor;
+ font-weight: bold;
+ text-shadow: 0 -1px 0 rgba(0,0,0,.4);
+ a, a:visited {
+ color: $textColor;
+ }
+ a:hover {
+ color: $slickgridHoverHeaderColor;
+ }
+}
+
+@mixin SlickCell ($fontSize: $baseFontSize) {
+ // reset some essentials.
+ padding: 5px 7.5834px;
+ font-size: $fontSize;
+ td {
+ font-size: $fontSize;
+ }
+ body & {
+ line-height: 20px;
+ }
+}
+
+@mixin SlickGrid ($fontSize: $baseFontSize, $headerColumnHeight: 20px) {
+ position: relative;
+
+ input[type="checkbox"] {
+ vertical-align: baseline;
+ margin: 0;
+ }
+
+ .slick-viewport {
+ // Add a top border to visually separate the headers.
+ border-top: 1px solid $tableBorder;
+ }
+
+ .grid-canvas {
+ .slick-row {
+ border: 0 none;
+ position: absolute;
+ width: 100%;
+ }
+ .slick-cell, .slick-headerrow-column {
+ border-top: 0;
+ border-bottom: 1px solid $tableBorder;
+ border-left: 0;
+ border-right: 0;
+ }
+ .even {
+ background: $tableBackgroundAccent;
+ }
+
+
+ /* XXX ... needed ? */
+ .slick-cell {
+ @include SlickCell($fontSize);
+ a, a:visited, .ui-widget-content a, .ui-widget-content a:visited {
+ color: $linkColor;
+ text-decoration: none;
+ }
+ a:hover, .ui-widget-content a:hover {
+ color: $linkColorHover;
+ text-decoration: none;
+ border-bottom: none;
+ }
+ table {
+ height: 100%;
+ border: 0 none;
+ padding: 0;
+ background: none;
+ }
+ td {
+ border: 0 none;
+ padding: 0;
+ vertical-align: middle;
+ text-align: left;
+ }
+ }
+ }
+
+ .slick-header {
+ border-top: 0;
+ border-bottom: 0;
+ }
+
+ .slick-header-columns {
+ background: $tableBackground;
+
+ .slick-header-column {
+ height: $headerColumnHeight;
+ line-height: $fontSize;
+ margin: 0;
+ border: 0;
+ &.ui-state-default {
+ @include SlickCell($fontSize);
+ }
+
+ @include ResetColumns;
+ &.ui-state-default {
+ @include ResetColumns;
+ }
+
+ &.slick-header-column-sorted {
+ font-style: normal;
+ color: $slickgridSortingHeaderColor;
+ }
+ &:hover {
+ color: $slickgridHoverHeaderColor;
+ }
+
+ .slick-sort-indicator-asc {
+ vertical-align: middle;
+ }
+
+ .slick-sort-indicator-desc {
+ vertical-align: middle;
+ }
+ }
+ }
+}

No commit comments for this range

Something went wrong with that request. Please try again.