55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
|
|
|
|
/* basics */
|
|
$fontsize: 14px;
|
|
$fontfamily: 'Arial';
|
|
$logo_ico: url('');
|
|
|
|
/* Color SCHEME */
|
|
|
|
$oci_main: rgb(131, 150, 189); /* #8396bd */
|
|
$oci_main_60: rgba(131, 150, 189, 0.6);
|
|
$oci_light: rgb(227,231,231); /* #e3e6e6 */
|
|
$oci_light_60: rgba(227,231,231,0.6);
|
|
$oci_white: rgb(255,255,255); /* #ffffff */
|
|
$oci_darkgrey: rgb(38,38,38); /* #262626 */
|
|
$oci_midgrey: rgb(82, 82, 82); /* #262626 */
|
|
$oci_lightgrey: rgb(171,171,171); /* #e3e6e6 */
|
|
$oci_orange: rgb(218, 102, 0);
|
|
$oci_yellow: rgb(255, 200, 1); /* #FFC801 */
|
|
$oci_lightyellow: rgb(255, 255, 74); /* #ffff4a */
|
|
|
|
$oci_black: rgb(0,0,0);
|
|
$oci_black_75: rgba(0,0,0,.075);
|
|
|
|
|
|
$page_bg: $oci_main;
|
|
|
|
|
|
|
|
/* media breaks */
|
|
|
|
$break1: 1270px;
|
|
$break2: 800px;
|
|
$break2a: 798px;
|
|
$break3: 796px;
|
|
$break3a: 700px;
|
|
$break3b: 550px;
|
|
$break4: 361px;
|
|
|
|
|
|
/* other */
|
|
$oci_header: 2.3rem;
|
|
|
|
|
|
/* mixin */
|
|
@mixin noselect {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
@mixin boxshadow {
|
|
-webkit-box-shadow: 1px 1px 3px rgba(50,50,50,.3);
|
|
box-shadow: 1px 1px 3px rgba(50,50,50,.3);
|
|
} |