diff --git a/elements/_interactive.scss b/elements/_interactive.scss index 7f7cc1f..95bf501 100644 --- a/elements/_interactive.scss +++ b/elements/_interactive.scss @@ -79,7 +79,7 @@ td > textarea { } } -.io_input, .io_textarea, .io_select { +.input_io, .io_textarea, .io_select { padding: $space_half; color: $color_text_io; background-color: $color_back_io; @@ -114,7 +114,7 @@ td > textarea { } } -.io_input, .io_textarea { +.input_io, .io_textarea { border: $border_io; &[readonly="readonly"], @@ -149,7 +149,7 @@ button { } -.io_button { +.button_io { @extend %basic_button; border: $width_border_io solid $color_border_button; padding: $padding_basic; diff --git a/global/_config.scss b/global/_config.scss index 4cce311..17eab37 100644 --- a/global/_config.scss +++ b/global/_config.scss @@ -157,6 +157,19 @@ $width_border_8: $width_border_basic * 8; $radius_basic: $space_tiny * 2 !default; +$z-indexes: ( + "default": 0, + "content-bottom": 1, + "content-low": 2, + "content-med": 3, + "content-high": 4, + "content-top": 10, + "modal-low": 11, + "modal-med": 12, + "modal-high": 13, + "toast": 100 +); + // IO @@ -177,11 +190,11 @@ $io_input_list: 'input[type="text"]', 'input[type="search"]', 'input:not([type])'; -$io_date_list: '.io_input[type="date"]', - '.io_input[type="time"]', - '.io_input[type="datetime-local"]', - '.io_input[type="month"]', - '.io_input[type="week"]'; +$io_date_list: '.input_io[type="date"]', + '.input_io[type="time"]', + '.input_io[type="datetime-local"]', + '.input_io[type="month"]', + '.input_io[type="week"]'; $io_button_list: 'button', 'input[type="button"]',