2022-06-13 11:23:16 +02:00

75 lines
1.8 KiB
SCSS

$breakpoint-tablet: 1100px;
$breakpoint-mobile: 850px;
// Color - TODO
$soft_blue: #c8e3f8;
$soft_blue_super_lighten: lighten( $soft_blue, 12% );
$soft_blue_very_lighten: lighten( $soft_blue, 10% );
$soft_blue_lighten: lighten( $soft_blue, 5% );
$soft_blue_very_darken: darken( $soft_blue, 30% );
$strong_blue: #1e88e5;
$strong_blue_darken: darken( $strong_blue, 10% );
$strong_blue_super_darken: darken( $strong_blue, 40% );
$strong_blue_lighten: lighten( $strong_blue, 17% );
$strong_blue_very_lighten: lighten( $strong_blue, 40% );
$strong_blue_super_light: lighten( $strong_blue, 46% );
$orange: #ffa608;
$orange_lighten: lighten( $orange, 10% );
$orange_very_lighten: lighten( $orange, 30% );
$orange_super_lighten: lighten( $orange, 40% );
$orange_darken: darken( $orange, 5% );
$orange_very_darken: darken( $orange, 10% );
$red_error: #990000;
$red: #ff0000;
$red_lighten: lighten( $red, 17% );
$grey_almost_white: #f8f8f8;
$grey_super_light: #efefef;
$grey_very_light: lightgrey;
$grey_light: #aaa;
$grey_normal: grey;
$grey_dark: #606060;
$grey_very_dark: #404040;
$grey_super_dark: #333;
$main_text: $grey_super_dark;
// Samo responsive fixi za malo ozje ekrane, tablice
@media (max-width: $breakpoint-tablet) {
@import "responsive_fixes";
}
// Mobile popravki
@media (max-width: $breakpoint-mobile) {
// Osnova
@import "basic";
@import "header";
@import "footer";
@import "popup";
@import "payments";
// Posamezne strani
@import "pages/my_surveys";
@import "pages/new_survey";
@import "pages/status";
@import "pages/branching";
@import "pages/survey_settings";
@import "pages/survey_theme";
@import "pages/testing";
@import "pages/publish";
@import "pages/data";
@import "pages/analysis";
@import "pages/no_survey";
@import "pages/settings_profile";
@import "pages/archive";
}