Icontem

File: src/css/default/zebra_datepicker.scss

Recommend this page to a friend!
  Classes of Stefan Gabos  >  Zebra Date Picker  >  src/css/default/zebra_datepicker.scss  >  Download  
File: src/css/default/zebra_datepicker.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Zebra Date Picker
jQuery plugin to let the user pick dates
Author: By
Last change: Using SASS variables and a template for easier theming
Reduced padding
Date: 10 months ago
Size: 1,749 bytes
 

Contents

Class file image Download
$dp_background: #666;
$dp_border_radius: 4px;
$dp_box_shadow: 0px 0px 10px #888;
$dp_color: #222;
$dp_font_size: 13px;
$dp_font_family: Tahoma, Arial, Helvetica, sans-serif;
$dp_padding_width_horizontal: 3px;
$dp_padding_width_vertical: 3px;

$dp_header_background: $dp_background;
$dp_header_color: #fff;
$dp_header_hover_background: lighten($dp_background, 15%);
$dp_header_hover_color: $dp_header_color;
$dp_header_padding: 5px;

$dp_cell_border: 1px solid lighten($dp_background, 35%);
$dp_cell_hover_background: #88a09e;
$dp_cell_hover_color: #fff;
$dp_cell_min_width: 25px;
$dp_cell_padding: 5px;

$dp_weekday_background: lighten($dp_background, 50%);
$dp_weekday_color: $dp_color;
$dp_weekday_disabled_background: lighten($dp_background, 55%);
$dp_weekday_disabled_color: darken($dp_weekday_disabled_background, 15%);

$dp_weekend_background: lighten($dp_background, 44%);
$dp_weekend_color: $dp_color;
$dp_weekend_disabled_background: $dp_weekday_disabled_background;
$dp_weekend_disabled_color: $dp_weekday_disabled_color;

$dp_not_in_month_background: #e0e6f2;
$dp_not_in_month_color: darken($dp_not_in_month_background, 20%);
$dp_not_in_month_disabled_background: $dp_weekday_disabled_background;
$dp_not_in_month_disabled_color: $dp_weekday_disabled_color;

$dp_current_date_color: #cc236b;
$dp_current_date_disabled_color: #b56a6a;

$dp_selected_date_background: #b56a6a;
$dp_selected_date_color: $dp_cell_hover_color;

$dp_heading_background: #ffcc33;
$dp_heading_color: $dp_color;

$dp_time_control_background: $dp_weekday_background;
$dp_time_control_color: $dp_weekday_color;

$dp_time_background: $dp_weekday_disabled_background;
$dp_time_color: $dp_weekday_color;
$dp_time_separator_color: $dp_cell_border;

@import '../template'