188 lines
3.3 KiB
SCSS
188 lines
3.3 KiB
SCSS
// Any styles in this stylesheet will override any previous defined style in Taiga.
|
|
|
|
// Max: Beat it or I'll call the Brute Squad!
|
|
// Fezzik: I'm on the Brute Squad.
|
|
// Max: [sees Fezzik's size] You are the Brute Squad!
|
|
|
|
//**************************
|
|
//** TYPOGRAPHY
|
|
//**************************
|
|
|
|
@each $font-face in OpenSans-CondLight, OpenSans-Light, opensans-regular, opensans-semibold, taiga {
|
|
@font-face {
|
|
font-family: '#{$font-face}';
|
|
src: url('../fonts/#{$font-face}.eot?#iefix') format('embedded-opentype'),
|
|
url('../fonts/#{$font-face}.woff') format('woff'),
|
|
url('../fonts/#{$font-face}.ttf') format('truetype'),
|
|
url('../fonts/#{$font-face}.svg#{$font-face}') format('svg');
|
|
}
|
|
}
|
|
|
|
//*************************
|
|
//** LAYOUT
|
|
//*************************
|
|
|
|
// Default body color and background
|
|
body {
|
|
background: $white; // fallback
|
|
color: $grayer;
|
|
}
|
|
|
|
// Main
|
|
.master {
|
|
background: $white;
|
|
}
|
|
|
|
// Secondary panel
|
|
.menu-secondary {
|
|
background: lighten($primary-light, 22%);
|
|
}
|
|
|
|
// Tertiary panel
|
|
.menu-tertiary {
|
|
background-color: $primary-dark;
|
|
}
|
|
|
|
// Extra bar panel
|
|
.extrabar {
|
|
background: lighten($primary-light, 22%);
|
|
}
|
|
|
|
// Titles
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: $blackish;
|
|
}
|
|
|
|
a {
|
|
color: $grayer;
|
|
&:hover {
|
|
color: $primary;
|
|
}
|
|
}
|
|
|
|
//**************************
|
|
//** SCAFFOLDING
|
|
//**************************
|
|
|
|
//Forms
|
|
input[type="text"],
|
|
input[type="number"],
|
|
input[type="password"],
|
|
input[type="url"],
|
|
input[type="email"],
|
|
input[type="date"],
|
|
input[type="password"],
|
|
select,
|
|
textarea {
|
|
background: $mass-white;
|
|
border-color: $primary;
|
|
color: $grayer;
|
|
@include placeholder {
|
|
color: darken($gray-light, 10%);
|
|
}
|
|
&.checksley-error {
|
|
border: 1px solid $red;
|
|
}
|
|
}
|
|
|
|
// Input errors
|
|
.checksley-error-list {
|
|
@include font-type(light);
|
|
background: rgba($red, .7);
|
|
color: $white;
|
|
}
|
|
|
|
// Blockquote
|
|
blockquote {
|
|
border-left: 5px solid $primary-light;
|
|
}
|
|
|
|
blockquote,
|
|
blockquote p {
|
|
color: $gray;
|
|
}
|
|
|
|
cite {
|
|
color: $gray;
|
|
}
|
|
|
|
|
|
|
|
.summary {
|
|
background: $grayer;
|
|
color: $white;
|
|
}
|
|
|
|
|
|
//************************
|
|
//** NAVIGATION
|
|
//***********************
|
|
|
|
// Top navigation bar
|
|
.navbar {
|
|
background: rgba($red-amaranth, .6);
|
|
&::after {
|
|
background: url('../images/menu-vert.png') repeat top left;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
//In project left navigation bar
|
|
tg-project-menu {
|
|
background-color: rgba(darken($primary-dark, 15%), 1);
|
|
background-image: none;
|
|
}
|
|
|
|
.main-nav {
|
|
svg path {
|
|
fill: $white;
|
|
}
|
|
}
|
|
|
|
//*****************************
|
|
//** TASKBOARD
|
|
//******************************
|
|
|
|
//Taskboard table
|
|
.taskboard-table-header {
|
|
.task-colum-name {
|
|
background: $mass-white;
|
|
border-top: 3px solid $primary;
|
|
.icon {
|
|
fill: $primary;
|
|
}
|
|
}
|
|
}
|
|
.taskboard-table-body {
|
|
.taskboard-tasks-box {
|
|
background: $mass-white;
|
|
}
|
|
}
|
|
|
|
//*****************************
|
|
//** KANBAN
|
|
//******************************
|
|
|
|
//Kanban table
|
|
.kanban-table-header {
|
|
.task-colum-name {
|
|
background: lighten($whitish, 5%);
|
|
border-top: 3px solid $primary;
|
|
.icon {
|
|
color: $primary;
|
|
}
|
|
}
|
|
}
|
|
|
|
.kanban-table-body {
|
|
.kanban-uses-box {
|
|
background: lighten($whitish, 5%);
|
|
}
|
|
}
|