kazhnuz/kazhnuz.css
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
kazhnuz.css/dist/style.css

1805 lines
251 KiB
CSS
Raw Normal View History

feat: improve character sheet
2019-10-18 15:26:26 +02:00
@charset "UTF-8";
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
/* -------------------------------------------------
KAZHNUZ SPACE SCSS
Auteur : Kazhnuz
Licence : Creative Common BY-SA
Version 0.1
Thème CSS basé sur Spectre et ForkAwesome
créé pour mon blog creatif kazhnuz.space
CC BY-SA Kazhnuz
------------------------------------------------- */
/* --- 00. PALETTE --- */
improvement: rework button styling
2019-10-10 09:53:59 +02:00
/*
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
* Les définitions globales des couleurs du theme.
improvement: rework button styling
2019-10-10 09:53:59 +02:00
*
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
* Elle permettent de définir rapidement à la fois les couleurs
* de base qui seront utilisée pour tout le theme, mais
* également celles spécifiques pour certains sujets (liens, texte)
*
*/
improvement: rework button styling
2019-10-10 09:53:59 +02:00
a, a:hover, a:active {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
::selection {
improvement: use skyblue as secondary color
2019-10-17 16:02:25 +02:00
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
::-moz-selection {
improvement: use skyblue as secondary color
2019-10-17 16:02:25 +02:00
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
mark {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
background-color: #ffd44f; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
blockquote, pre {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
border-color: #d33682; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
/* BACKGROUNDS */
.bg-blue {
background-color: #268bd2 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-violet {
background-color: #d33682 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-purple {
background-color: #6c71c4 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-red {
background-color: #dc322f !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-orange {
background-color: #cb4b16 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-green {
background-color: #859900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-skyblue {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-dark {
background-color: #002b36 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-light {
background-color: #fdf6e3 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #002b36; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-turquoise {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-yellow {
background-color: #b58900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-brown {
background-color: #b58900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-grey {
background-color: #586e75 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-primary {
improvement: use violet as the main color
2019-10-17 15:54:39 +02:00
background-color: #d33682 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-secondary {
improvement: use skyblue as secondary color
2019-10-17 16:02:25 +02:00
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-warning {
background-color: #cb4b16 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-danger {
background-color: #dc322f !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-info {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.bg-success {
background-color: #859900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
/* TEXT */
.text-blue {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #268bd2; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-violet {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #d33682; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-purple {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #6c71c4; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-red {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #dc322f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-orange {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #cb4b16; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-green {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #859900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-skyblue {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-dark {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #002b36; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-light {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-turquoise {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-yellow {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #b58900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-brown {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #b58900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-grey {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #586e75; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-primary {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #d33682; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-secondary {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-warning {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #cb4b16; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-danger {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #dc322f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-info {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-success {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #859900; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
/* --- 01. DEFINITIONS --- */
/*
* Les définitions globales de la stylesheet.
* Elle permette de rapidement modifier le style globale de la fiche en modifiant les éléments centraux
* D'autres définitions importantes sont visibles dans les autres parties de la fiche.
*
* Pour customiser les couleurs, voyez _palette.scss
*/
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
/*
* 2 - Typography ( _typography.scss )
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
*
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
* This part of the (s)css handle everything related to the typography
* like paragraphs, blockquote, etc.
*
*/
/* 2.1 - Font Face */
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
/* 2.1.1 - OpenSans
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-Light-webfont.eot');
src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Light-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Light-webfont.woff') format('woff'),
url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg');
font-weight: 300;
font-style: normal;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-LightItalic-webfont.eot');
src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'),
url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-LightItalic-webfont.svg#open_sansbold') format('svg');
font-weight: 300;
font-style: italic;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-Regular-webfont.eot');
src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
font-weight: 400;
font-style: normal;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-Italic-webfont.eot');
src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Italic-webfont.svg#open_sansbold') format('svg');
font-weight: 400;
font-style: italic;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-Semibold-webfont.eot');
src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg');
font-weight: 600;
font-style: normal;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'),
url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold') format('svg');
font-weight: 600;
font-style: italic;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-Bold-webfont.eot');
src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: 700;
font-style: normal;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-BoldItalic-webfont.eot');
src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold') format('svg');
font-weight: 700;
font-style: italic;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-ExtraBold-webfont.eot');
src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg');
font-weight: 800;
font-style: normal;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
}
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
@font-face {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: 'OpenSans';
src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'),
url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg');
font-weight: 800;
font-style: italic;
}*/
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
/* 2.2 - Global Typography */
body {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: Open Sans, sans-serif;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
text-align: left;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
font-size: 4.75mm;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
line-height: 1.5rem;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
color: #073642;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 400; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.night-mode {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #eee8d5; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
strong {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 600; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
em {
font-style: italic;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 400; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
a {
improvement: use skyblue as secondary color
2019-10-17 16:02:25 +02:00
color: #2aa198;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-decoration: none; }
a:hover, a:active {
color: #2aa198; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
p {
padding: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding-bottom: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: 0; }
p:last-child {
padding-bottom: 0; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
ul, ol {
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
padding: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding-bottom: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: 0; }
ul ul, ul ol, ol ul, ol ol {
padding-bottom: 0;
margin: 0; }
ul li, ol li {
margin: 0;
margin-left: 1.5rem;
line-height: 1.5rem; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
::selection {
improvement: use skyblue as secondary color
2019-10-17 16:02:25 +02:00
background: #2aa198;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
::-moz-selection {
improvement: use skyblue as secondary color
2019-10-17 16:02:25 +02:00
background: #2aa198;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
/* 2.2 - Text Wrapper */
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
.container-typographic p, .container-typographic em, .container-typographic p em {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 400; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
.container-typographic img {
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
max-width: 100%;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
height: auto; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
.container-typographic .article-thumbnail {
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
padding-bottom: 1em;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-align: center; }
.container-typographic .article-thumbnail img {
max-width: 100%;
height: auto; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
.container-typographic .article-excerpt {
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
padding: 0.5em 0.5em 0.5em 0.5em;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-style: italic; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
.container-typographic .article-author {
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
margin: 0;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding: 0; }
.container-typographic .article-author .card-meta {
margin: 0; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
.container-typographic .bypass-flex-fontsize {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
line-height: 1.5rem; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
article.maintext {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-bottom: 1.5rem; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
/* 2.3 - Titles */
h1, h2, h3, h4, h5, h6, h7 {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: Open Sans, sans-serif;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
text-align: left;
font-size: 1em;
padding: 0;
margin: 0;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 400; }
h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title, h7.page-title {
color: #d33682; }
h1.page-title i, h2.page-title i, h3.page-title i, h4.page-title i, h5.page-title i, h6.page-title i, h7.page-title i {
font-size: 0.55em;
position: relative;
top: -0.175em; }
h1.page-title-flex, h2.page-title-flex, h3.page-title-flex, h4.page-title-flex, h5.page-title-flex, h6.page-title-flex, h7.page-title-flex {
display: flex;
flex-direction: row;
justify-content: space-between; }
h1.page-title-flex > span, h1.page-title-flex > i, h1.page-title-flex > a, h2.page-title-flex > span, h2.page-title-flex > i, h2.page-title-flex > a, h3.page-title-flex > span, h3.page-title-flex > i, h3.page-title-flex > a, h4.page-title-flex > span, h4.page-title-flex > i, h4.page-title-flex > a, h5.page-title-flex > span, h5.page-title-flex > i, h5.page-title-flex > a, h6.page-title-flex > span, h6.page-title-flex > i, h6.page-title-flex > a, h7.page-title-flex > span, h7.page-title-flex > i, h7.page-title-flex > a {
display: block; }
h1.page-title-flex > a, h2.page-title-flex > a, h3.page-title-flex > a, h4.page-title-flex > a, h5.page-title-flex > a, h6.page-title-flex > a, h7.page-title-flex > a {
color: #d33682; }
h1.page-title-flex > a:hover, h1.page-title-flex > a:focus, h1.page-title-flex > a:active, h2.page-title-flex > a:hover, h2.page-title-flex > a:focus, h2.page-title-flex > a:active, h3.page-title-flex > a:hover, h3.page-title-flex > a:focus, h3.page-title-flex > a:active, h4.page-title-flex > a:hover, h4.page-title-flex > a:focus, h4.page-title-flex > a:active, h5.page-title-flex > a:hover, h5.page-title-flex > a:focus, h5.page-title-flex > a:active, h6.page-title-flex > a:hover, h6.page-title-flex > a:focus, h6.page-title-flex > a:active, h7.page-title-flex > a:hover, h7.page-title-flex > a:focus, h7.page-title-flex > a:active {
color: #b02669; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
h1 {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: Amatic SC, sans-serif;
font-size: 3.815rem;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
line-height: 4.5rem;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
padding: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding-bottom: 1.5rem;
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-weight: 300;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #d33682; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
h2 {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: Open Sans, sans-serif;
font-size: 2.441rem;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
line-height: 3rem;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
padding: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding-bottom: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 300; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
h3 {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: Open Sans, sans-serif;
font-size: 1.953rem;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
line-height: 3rem;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
padding: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding-bottom: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 600; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
h4 {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: Open Sans, sans-serif;
font-size: 1.563rem;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
line-height: 3rem;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
padding: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding-bottom: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 800; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
h5 {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: Open Sans, sans-serif;
font-size: 1.25rem;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
line-height: 1.5rem;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
padding: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding-bottom: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 600; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
h6 {
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-family: Open Sans, sans-serif;
font-size: 1rem;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
line-height: 1.5rem;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
padding: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding-bottom: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 800; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
/* 2.4 - hr */
hr {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px;
border-color: rgba(1, 1, 1, 0.15);
border-style: solid;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: 1.5em; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
/* 2.5 - Wells and quotes */
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
blockquote, .quote {
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
border-width: 0 0 0 0em;
border-style: none;
border-radius: 0px;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
margin: 0 0 1.5rem 0;
padding: 1.5rem 1rem 1.5rem 1rem;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
max-width: 100%;
background-color: #eee8d5;
font-style: italic;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #073642; }
blockquote:before, .quote:before {
content: ""; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
.well, pre, .pre, .well-pre {
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
border-width: 0 0 0 0em;
border-style: none;
border-radius: 0px;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
margin: 0 0 1.5rem 0;
padding: 1.5rem 1rem 1.5rem 1rem;
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
max-width: 100%;
background-color: #eee8d5;
font-style: italic;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #073642; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
code {
background: transparent;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #dc322f; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
.container-typographic {
max-width: 800px;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: auto; }
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
/* 2.6 - Special styling */
mark {
border-radius: 0.2em;
padding: 0 0.2em 0 0.2em;
background-color: #ffd44f;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: inherit; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.night-mode mark {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
background-color: #d33682; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.time {
font-style: italic;
text-align: right;
width: 100%;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
display: block; }
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
/* 2.6.1 - Colored texts */
.text-blue {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #268bd2; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-violet {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #d33682; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-purple {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #6c71c4; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-red {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #dc322f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-orange {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #cb4b16; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-green {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #859900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-skyblue {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: begin adding typography support
2019-10-15 16:43:25 +02:00
.text-dark {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #002b36; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-light {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-turquoise {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-yellow {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #b58900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-brown {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #b58900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-grey {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #586e75; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-primary {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #d33682; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-secondary {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-warning {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #cb4b16; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-danger {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #dc322f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-info {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.text-success {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #859900; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
/* Table elements */
feat: improve character sheet
2019-10-18 15:26:26 +02:00
table {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
border-collapse: collapse; }
feat: improve character sheet
2019-10-18 15:26:26 +02:00
table, th, td {
border: 0;
padding: 0px;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: 0px; }
feat: improve character sheet
2019-10-18 15:26:26 +02:00
th, td {
vertical-align: center;
padding-top: 0.325em;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-bottom: 0.325em; }
feat: improve character sheet
2019-10-18 15:26:26 +02:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 800; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-blue th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #268bd2; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-violet th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #d33682; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-purple th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #6c71c4; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-red th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #dc322f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-orange th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #cb4b16; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-green th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #859900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-skyblue th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-dark th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #002b36; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-light th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-turquoise th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-yellow th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #b58900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-brown th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #b58900; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-grey th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #586e75; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-primary th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #d33682; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-secondary th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-warning th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #cb4b16; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-danger th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #dc322f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-info th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #2aa198; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.table-success th {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #859900; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
/* --- 03. GLOBAL STYLING --- */
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
/*
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
* Les styles "globaux" touchant toute la page.
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
*
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
*/
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
.no-pills {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
list-style: none; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
.align-center {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-align: center; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
.align-left {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-align: left; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
.align-right {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-align: right; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
/* ------------------ HEADERS ------------------- */
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
#page-header {
fix: fix image background path
2019-12-07 10:29:36 +01:00
background: #2aa198 url("img/background.png") center bottom repeat-x;
improvement: restore global styling
2019-10-17 15:52:38 +02:00
height: 15rem;
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
border-top: 6px solid #073642;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-left: 4.5rem;
padding-right: 4.5rem; }
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
header h1 {
border-style: none !important;
improvement: start using the solarized palette
2019-10-08 13:27:07 +02:00
color: #fdf6e3;
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-weight: 800;
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
font-size: 5.4em;
font-style: oblique;
padding-bottom: 0px;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
line-height: 1.5em; }
header h1 img {
width: 100%;
height: auto;
margin-top: 0.75rem; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
.navbar {
border-left: 0;
improvement: start using the solarized palette
2019-10-08 13:27:07 +02:00
border-right: 0;
feat: rework menus
2019-10-17 14:04:20 +02:00
padding: 0.75rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.navbar a {
color: #fdf6e3; }
.navbar li {
margin: 0; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
.dropdown-menu {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
feat: rework menus
2019-10-17 14:04:20 +02:00
/* ------------------ CONTAINERS ------------------- */
.container-big {
improvement: add new layouts
2019-10-18 13:41:02 +02:00
padding-left: 4.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-right: 4.5rem; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.container-blog {
padding-left: 4.5rem;
padding-right: 4.5rem;
display: grid;
grid-template-columns: auto 360px;
grid-template-rows: auto;
row-gap: 1.5rem;
column-gap: 3rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-template-areas: "main sidebar"; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
main.mainpane {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: main; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
section.sidebar {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: sidebar; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.container-preview {
padding-left: 4.5rem;
padding-right: 4.5rem;
display: grid;
grid-template-columns: 360px auto;
grid-template-rows: auto;
row-gap: 1.5rem;
column-gap: 3rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-template-areas: "sidebar main"; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.container-onecolumn {
max-width: 1280px;
margin: auto;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-bottom: 1.5rem; }
feat: rework menus
2019-10-17 14:04:20 +02:00
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.container-personnage {
padding-left: 4.5rem;
padding-right: 4.5rem;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: auto;
row-gap: 3rem;
column-gap: 3rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-template-areas: "nomp nomp nomp nomp nomp nomp" "info info info info meta meta" "goss goss look look look look" "aime aime aime dete dete dete" "hist hist hist hist hist hist"; }
.container-personnage .card {
margin: 0; }
.container-personnage h1 {
padding: 0; }
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.personnage-nomp {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: nomp; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.personnage-info {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: info; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.personnage-meta {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: meta; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.personnage-goss {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: goss; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.personnage-look {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: look; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.personnage-aime {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: aime; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.personnage-dete {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: dete; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
.personnage-hist {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
grid-area: hist; }
feat: initial version of character sheet
2019-10-18 14:56:08 +02:00
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
/* ------------------ PAGE ------------------- */
#wrapper {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
background-color: #fdf6e3; }
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
/* ------------------ FOOTER ------------------- */
body {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
background-color: #073642; }
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
footer {
color: #fdf6e3;
margin-top: 1.5em;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-left: 4.5rem;
padding-right: 4.5rem;
font-size: 0.8rem !important; }
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
/* social media */
ul.social {
font-size: 1.5em;
padding-bottom: 1.5em;
margin: auto;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-align: center; }
ul.social li {
margin: 0;
list-style: none;
display: inline; }
ul.social li a {
color: #073642;
background-color: #fdf6e3;
padding: 0.3em;
padding-left: 0.36em;
padding-right: 0.36em;
vertical-align: middle;
border-radius: 100%; }
ul.social li a:hover {
color: #fdf6e3;
background-color: #073642; }
chore: refactor and improve global styling
2019-10-09 12:21:50 +02:00
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
/* --- 04. COMPOSANTS --- */
/*
* Les différents composants réutilisables de la page.
*
*/
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
/*
* 2. Cards and containers
* All elements that are supposed to contain other stuff
*
*
*/
feat: rework menus
2019-10-17 14:04:20 +02:00
.card, .menu {
improvement: flatten look
2019-10-08 13:30:13 +02:00
border-radius: 0px 0px 0px 0px;
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #eee8d5;
improvement: flatten look
2019-10-08 13:30:13 +02:00
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
border: none;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
margin: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
margin-bottom: 1.5rem;
padding: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
/* Menu handling */ }
.card-body, .menu-body {
padding: 0 !important;
margin: 0 !important; }
.card-header, .menu-header {
font-size: 1.1em;
font-weight: 300;
border-radius: 0;
padding: 0.75rem;
padding-left: 0;
padding-right: 0;
padding-bottom: 0.75rem !important;
margin-bottom: 0.75rem;
line-height: 1.5rem;
position: relative;
left: -1.875rem;
width: 95%;
position: relative;
z-index: 1;
overflow: visible; }
.card-header:before, .menu-header:before {
content: " ";
position: absolute;
top: 0;
left: -0.75rem;
right: -0.75rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10, .menu-header h1, .menu-header h2, .menu-header h3, .menu-header h4, .menu-header h5, .menu-header h6, .menu-header h7, .menu-header h8, .menu-header h9, .menu-header h10 {
font-family: Open Sans, sans-serif;
font-size: 1rem;
padding: 0px;
margin: 0px;
color: #fdf6e3;
font-weight: 300;
line-height: 1.5rem; }
.card-menu, .menu-menu {
display: flex;
flex-direction: column; }
improvement(blog): fix sidebar Fix #4
2020-03-09 20:56:59 +01:00
.card-menu .menu-element, .card-menu .menu-element-link, .menu-menu .menu-element, .menu-menu .menu-element-link {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
display: flex;
line-height: 1.5rem;
padding-right: 0.75rem;
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
padding-left: 0.375rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: 0;
justify-content: space-between;
word-wrap: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
z-index: 1;
overflow: visible; }
improvement(blog): fix sidebar Fix #4
2020-03-09 20:56:59 +01:00
.card-menu .menu-element:before, .card-menu .menu-element-link:before, .menu-menu .menu-element:before, .menu-menu .menu-element-link:before {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
content: " ";
position: absolute;
top: 0;
left: -0.375rem;
right: -0.375rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
.card-menu a, .menu-menu a {
text-decoration: none;
color: #d33682;
background-color: transparent; }
.card-menu a:hover, .menu-menu a:hover {
text-decoration: none;
color: #d33682;
position: relative;
z-index: 1;
overflow: visible; }
.card-menu a:hover:before, .menu-menu a:hover:before {
content: " ";
position: absolute;
top: 0;
left: -0.375rem;
right: -0.375rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
.card-menu a:hover:before, .menu-menu a:hover:before {
background-color: #e3d9ba; }
.card-menu .menu-divider, .menu-menu .menu-divider {
position: relative;
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
left: -0.375rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
font-weight: 800;
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
padding-top: 0.375rem;
padding-bottom: 0.375rem; }
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
feat: improve character sheet
2019-10-18 15:26:26 +02:00
/* CARD LIST - Make a list part of a card */
ul.card-list {
padding: 0;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: 0; }
ul.card-list li.list-element {
line-height: 1.5rem;
padding-right: 0.75rem;
chore: make lineheight controlled by the definitions
2019-12-07 16:06:38 +01:00
padding-left: 0.375rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: 0; }
feat: improve character sheet
2019-10-18 15:26:26 +02:00
.list-check li.list-element {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
list-style: none; }
.list-check li.list-element::before {
font-family: "ForkAwesome";
content: "";
padding-right: 0.75rem; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: improve character sheet
2019-10-18 15:26:26 +02:00
.list-cross li.list-element {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
list-style: none; }
.list-cross li.list-element::before {
font-family: "ForkAwesome";
content: "";
padding-right: 0.75rem; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: improve character sheet
2019-10-18 15:26:26 +02:00
.list-danger li.list-element::before {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #dc322f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
feat: improve character sheet
2019-10-18 15:26:26 +02:00
.list-success li.list-element::before {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #859900; }
feat: improve character sheet
2019-10-18 15:26:26 +02:00
feat: rework menus
2019-10-17 14:04:20 +02:00
.smallcard, .toast {
improvement: flatten look
2019-10-08 13:30:13 +02:00
border-radius: 0px 0px 0px 0px;
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #eee8d5;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
border: none;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
margin: 0;
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
margin-bottom: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding: 0.75rem; }
.smallcard-header, .toast-header {
font-size: 1.1em;
font-weight: 300;
border-radius: 0;
padding: 0.75rem;
padding-left: 0;
padding-right: 0;
padding-bottom: 0.75rem !important;
margin-bottom: 0.75rem;
line-height: 1.5rem;
position: relative;
left: -1.875rem;
width: 95%;
position: relative;
z-index: 1;
overflow: visible; }
.smallcard-header:before, .toast-header:before {
content: " ";
position: absolute;
top: 0;
left: -0.75rem;
right: -0.75rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
.smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10, .toast-header h1, .toast-header h2, .toast-header h3, .toast-header h4, .toast-header h5, .toast-header h6, .toast-header h7, .toast-header h8, .toast-header h9, .toast-header h10 {
font-family: Open Sans, sans-serif;
font-size: 1rem;
padding: 0px;
margin: 0px;
color: #fdf6e3;
font-weight: 300;
line-height: 1.5rem; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
/* COLORIZE CARDS and TOASTS */
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-blue .card-header, .card-blue .menu-header, .smallcard-blue .card-header, .smallcard-blue .menu-header, .menu-blue .card-header, .menu-blue .menu-header {
background-color: #268bd2 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-blue .card-header:before, .card-blue .menu-header:before, .smallcard-blue .card-header:before, .smallcard-blue .menu-header:before, .menu-blue .card-header:before, .menu-blue .menu-header:before {
background-color: #268bd2 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-violet .card-header, .card-violet .menu-header, .smallcard-violet .card-header, .smallcard-violet .menu-header, .menu-violet .card-header, .menu-violet .menu-header {
background-color: #d33682 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-violet .card-header:before, .card-violet .menu-header:before, .smallcard-violet .card-header:before, .smallcard-violet .menu-header:before, .menu-violet .card-header:before, .menu-violet .menu-header:before {
background-color: #d33682 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-purple .card-header, .card-purple .menu-header, .smallcard-purple .card-header, .smallcard-purple .menu-header, .menu-purple .card-header, .menu-purple .menu-header {
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #6c71c4 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-purple .card-header:before, .card-purple .menu-header:before, .smallcard-purple .card-header:before, .smallcard-purple .menu-header:before, .menu-purple .card-header:before, .menu-purple .menu-header:before {
background-color: #6c71c4 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-red .card-header, .card-red .menu-header, .smallcard-red .card-header, .smallcard-red .menu-header, .menu-red .card-header, .menu-red .menu-header {
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #dc322f !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-red .card-header:before, .card-red .menu-header:before, .smallcard-red .card-header:before, .smallcard-red .menu-header:before, .menu-red .card-header:before, .menu-red .menu-header:before {
background-color: #dc322f !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-orange .card-header, .card-orange .menu-header, .smallcard-orange .card-header, .smallcard-orange .menu-header, .menu-orange .card-header, .menu-orange .menu-header {
background-color: #cb4b16 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-orange .card-header:before, .card-orange .menu-header:before, .smallcard-orange .card-header:before, .smallcard-orange .menu-header:before, .menu-orange .card-header:before, .menu-orange .menu-header:before {
background-color: #cb4b16 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-green .card-header, .card-green .menu-header, .smallcard-green .card-header, .smallcard-green .menu-header, .menu-green .card-header, .menu-green .menu-header {
background-color: #859900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-green .card-header:before, .card-green .menu-header:before, .smallcard-green .card-header:before, .smallcard-green .menu-header:before, .menu-green .card-header:before, .menu-green .menu-header:before {
background-color: #859900 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-skyblue .card-header, .card-skyblue .menu-header, .smallcard-skyblue .card-header, .smallcard-skyblue .menu-header, .menu-skyblue .card-header, .menu-skyblue .menu-header {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-skyblue .card-header:before, .card-skyblue .menu-header:before, .smallcard-skyblue .card-header:before, .smallcard-skyblue .menu-header:before, .menu-skyblue .card-header:before, .menu-skyblue .menu-header:before {
background-color: #2aa198 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-dark .card-header, .card-dark .menu-header, .smallcard-dark .card-header, .smallcard-dark .menu-header, .menu-dark .card-header, .menu-dark .menu-header {
background-color: #002b36 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-dark .card-header:before, .card-dark .menu-header:before, .smallcard-dark .card-header:before, .smallcard-dark .menu-header:before, .menu-dark .card-header:before, .menu-dark .menu-header:before {
background-color: #002b36 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-light .card-header, .card-light .menu-header, .smallcard-light .card-header, .smallcard-light .menu-header, .menu-light .card-header, .menu-light .menu-header {
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #eee8d5 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #002b36; }
.card-light .card-header:before, .card-light .menu-header:before, .smallcard-light .card-header:before, .smallcard-light .menu-header:before, .menu-light .card-header:before, .menu-light .menu-header:before {
background-color: #eee8d5 !important;
color: #002b36; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-turquoise .card-header, .card-turquoise .menu-header, .smallcard-turquoise .card-header, .smallcard-turquoise .menu-header, .menu-turquoise .card-header, .menu-turquoise .menu-header {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-turquoise .card-header:before, .card-turquoise .menu-header:before, .smallcard-turquoise .card-header:before, .smallcard-turquoise .menu-header:before, .menu-turquoise .card-header:before, .menu-turquoise .menu-header:before {
background-color: #2aa198 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-yellow .card-header, .card-yellow .menu-header, .smallcard-yellow .card-header, .smallcard-yellow .menu-header, .menu-yellow .card-header, .menu-yellow .menu-header {
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #b58900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-yellow .card-header:before, .card-yellow .menu-header:before, .smallcard-yellow .card-header:before, .smallcard-yellow .menu-header:before, .menu-yellow .card-header:before, .menu-yellow .menu-header:before {
background-color: #b58900 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-brown .card-header, .card-brown .menu-header, .smallcard-brown .card-header, .smallcard-brown .menu-header, .menu-brown .card-header, .menu-brown .menu-header {
background-color: #b58900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-brown .card-header:before, .card-brown .menu-header:before, .smallcard-brown .card-header:before, .smallcard-brown .menu-header:before, .menu-brown .card-header:before, .menu-brown .menu-header:before {
background-color: #b58900 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-grey .card-header, .card-grey .menu-header, .smallcard-grey .card-header, .smallcard-grey .menu-header, .menu-grey .card-header, .menu-grey .menu-header {
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #586e75 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-grey .card-header:before, .card-grey .menu-header:before, .smallcard-grey .card-header:before, .smallcard-grey .menu-header:before, .menu-grey .card-header:before, .menu-grey .menu-header:before {
background-color: #586e75 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-primary .card-header, .card-primary .menu-header, .smallcard-primary .card-header, .smallcard-primary .menu-header, .menu-primary .card-header, .menu-primary .menu-header {
improvement: use violet as the main color
2019-10-17 15:54:39 +02:00
background-color: #d33682 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-primary .card-header:before, .card-primary .menu-header:before, .smallcard-primary .card-header:before, .smallcard-primary .menu-header:before, .menu-primary .card-header:before, .menu-primary .menu-header:before {
background-color: #d33682 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-secondary .card-header, .card-secondary .menu-header, .smallcard-secondary .card-header, .smallcard-secondary .menu-header, .menu-secondary .card-header, .menu-secondary .menu-header {
improvement: use skyblue as secondary color
2019-10-17 16:02:25 +02:00
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-secondary .card-header:before, .card-secondary .menu-header:before, .smallcard-secondary .card-header:before, .smallcard-secondary .menu-header:before, .menu-secondary .card-header:before, .menu-secondary .menu-header:before {
background-color: #2aa198 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-warning .card-header, .card-warning .menu-header, .smallcard-warning .card-header, .smallcard-warning .menu-header, .menu-warning .card-header, .menu-warning .menu-header {
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #cb4b16 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-warning .card-header:before, .card-warning .menu-header:before, .smallcard-warning .card-header:before, .smallcard-warning .menu-header:before, .menu-warning .card-header:before, .menu-warning .menu-header:before {
background-color: #cb4b16 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-danger .card-header, .card-danger .menu-header, .smallcard-danger .card-header, .smallcard-danger .menu-header, .menu-danger .card-header, .menu-danger .menu-header {
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
background-color: #dc322f !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-danger .card-header:before, .card-danger .menu-header:before, .smallcard-danger .card-header:before, .smallcard-danger .menu-header:before, .menu-danger .card-header:before, .menu-danger .menu-header:before {
background-color: #dc322f !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-info .card-header, .card-info .menu-header, .smallcard-info .card-header, .smallcard-info .menu-header, .menu-info .card-header, .menu-info .menu-header {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-info .card-header:before, .card-info .menu-header:before, .smallcard-info .card-header:before, .smallcard-info .menu-header:before, .menu-info .card-header:before, .menu-info .menu-header:before {
background-color: #2aa198 !important;
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.card-success .card-header, .card-success .menu-header, .smallcard-success .card-header, .smallcard-success .menu-header, .menu-success .card-header, .menu-success .menu-header {
background-color: #859900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.card-success .card-header:before, .card-success .menu-header:before, .smallcard-success .card-header:before, .smallcard-success .menu-header:before, .menu-success .card-header:before, .menu-success .menu-header:before {
background-color: #859900 !important;
color: #fdf6e3; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-blue {
background-color: #268bd2 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-violet {
background-color: #d33682 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-purple {
background-color: #6c71c4 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-red {
background-color: #dc322f !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-orange {
background-color: #cb4b16 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-green {
background-color: #859900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-skyblue {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-dark {
background-color: #002b36 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-light {
background-color: #eee8d5 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #002b36; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-turquoise {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-yellow {
background-color: #b58900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-brown {
background-color: #b58900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-grey {
background-color: #586e75 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-primary {
improvement: use violet as the main color
2019-10-17 15:54:39 +02:00
background-color: #d33682 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-secondary {
improvement: use skyblue as secondary color
2019-10-17 16:02:25 +02:00
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-warning {
background-color: #cb4b16 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-danger {
background-color: #dc322f !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-info {
background-color: #2aa198 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.toast-success {
background-color: #859900 !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
/*
* 3. Buttons and labels
* All clickable elements
*
*/
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
.btn {
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
padding: 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin: 0.75rem;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
line-height: 1.5rem;
improvement: rework button styling
2019-10-10 09:53:59 +02:00
height: auto;
improvement: flatten look
2019-10-08 13:30:13 +02:00
border: 0px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px;
improvement: refactor and rationalize typography
2019-10-18 09:57:05 +02:00
font-weight: 400;
improvement: add new layouts
2019-10-18 13:41:02 +02:00
background-color: transparent;
improvement: rework button styling
2019-10-10 09:53:59 +02:00
position: relative;
z-index: 1;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
overflow: visible; }
.btn:hover, .btn:active, .btn:focus, a:hover > .btn, a:active > .btn, a:focus > .btn {
text-decoration: none;
background-color: transparent; }
.btn:before {
content: " ";
position: absolute;
top: 0;
left: -0.75rem;
right: -0.75rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
.btn:focus {
outline: none;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
.btn:focus:before {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
outline: none; }
.btn:hover, .btn:active {
border: 0px solid rgba(0, 0, 0, 0.3); }
p .btn:last-child {
margin-bottom: 0; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.label, label.label, a.label, .chip, a.chip {
position: relative;
z-index: 1;
overflow: visible;
feat: rework menus
2019-10-17 14:04:20 +02:00
padding-left: 0.375rem;
padding-right: 0.375rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-decoration: none; }
.label:before, label.label:before, a.label:before, .chip:before, a.chip:before {
content: " ";
position: absolute;
top: 0;
left: -0.1875rem;
right: -0.1875rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
feat: rework menus
2019-10-17 14:04:20 +02:00
.menu-label {
position: relative;
z-index: 1;
overflow: visible;
padding-left: 0.375rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-right: 0.375rem; }
.menu-label:before {
content: " ";
position: absolute;
top: 0;
left: -0.1875rem;
right: -0.1875rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.navbar .btn-link {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.navbar .btn-link:before {
background-color: transparent; }
.navbar .btn-link:hover, .navbar .btn-link:active, .navbar .btn-link:focus, a:hover > .navbar .btn-link, a:active > .navbar .btn-link, a:focus > .navbar .btn-link, .navbar .btn-link:not(.disabled):not(:disabled):hover, .navbar .btn-link:not(.disabled):not(:disabled):active, .navbar .btn-link:not(.disabled):not(:disabled):focus, a:hover > .navbar .btn-link:not(.disabled):not(:disabled), a:active > .navbar .btn-link:not(.disabled):not(:disabled), a:focus > .navbar .btn-link:not(.disabled):not(:disabled) {
color: #fffefb; }
.navbar .btn-link:hover:before, .navbar .btn-link:active:before, .navbar .btn-link:focus:before, a:hover > .navbar .btn-link:before, a:active > .navbar .btn-link:before, a:focus > .navbar .btn-link:before, .navbar .btn-link:not(.disabled):not(:disabled):hover:before, .navbar .btn-link:not(.disabled):not(:disabled):active:before, .navbar .btn-link:not(.disabled):not(:disabled):focus:before, a:hover > .navbar .btn-link:not(.disabled):not(:disabled):before, a:active > .navbar .btn-link:not(.disabled):not(:disabled):before, a:focus > .navbar .btn-link:not(.disabled):not(:disabled):before {
background-color: rgba(0, 0, 0, 0.2); }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.btn-readmore {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #d33682; }
.btn-readmore:before {
background-color: transparent; }
.btn-readmore:hover, .btn-readmore:active, .btn-readmore:focus, a:hover > .btn-readmore, a:active > .btn-readmore, a:focus > .btn-readmore, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-readmore:not(.disabled):not(:disabled):focus, a:hover > .btn-readmore:not(.disabled):not(:disabled), a:active > .btn-readmore:not(.disabled):not(:disabled), a:focus > .btn-readmore:not(.disabled):not(:disabled) {
color: #d84b8f; }
.btn-readmore:hover:before, .btn-readmore:active:before, .btn-readmore:focus:before, a:hover > .btn-readmore:before, a:active > .btn-readmore:before, a:focus > .btn-readmore:before, .btn-readmore:not(.disabled):not(:disabled):hover:before, .btn-readmore:not(.disabled):not(:disabled):active:before, .btn-readmore:not(.disabled):not(:disabled):focus:before, a:hover > .btn-readmore:not(.disabled):not(:disabled):before, a:active > .btn-readmore:not(.disabled):not(:disabled):before, a:focus > .btn-readmore:not(.disabled):not(:disabled):before {
background-color: rgba(0, 0, 0, 0.2); }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
improvement: new buttons cleanup
2019-10-10 16:58:18 +02:00
.btn-toolbar {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding: 0 1.5rem; }
improvement: new buttons cleanup
2019-10-10 16:58:18 +02:00
.btn-group {
padding: 0px;
background-color: transparent;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin-bottom: 1.33em; }
improvement: new buttons cleanup
2019-10-10 16:58:18 +02:00
.btn-group .btn {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: 0 0.95rem 0 0.95rem !important; }
improvement: new buttons cleanup
2019-10-10 16:58:18 +02:00
/* ------------------ BREADCRUMB ------------------- */
improvement: rework button styling
2019-10-10 09:53:59 +02:00
ul.breadcrumb, ol.breadcrumb, .breadcrumb {
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
padding-top: 0em;
improvement: rework button styling
2019-10-10 09:53:59 +02:00
background-color: transparent;
chore: first broken attempt at adding mod scaling
2019-10-16 14:23:38 +02:00
margin: 0;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-bottom: 2rem; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.breadcrumb li.breadcrumb-item {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding: 0; }
.breadcrumb li.breadcrumb-item:before {
display: none; }
.breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item span {
display: inline-block;
padding: 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin: 0.75rem;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
line-height: 1.5rem;
height: auto;
border: 0px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px;
font-weight: 400;
background-color: transparent;
position: relative;
z-index: 1;
overflow: visible;
color: #073642;
margin: 0 0.6rem 0 0.6rem; }
.breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item span:hover, .breadcrumb li.breadcrumb-item span:active, .breadcrumb li.breadcrumb-item span:focus, a:hover > .breadcrumb li.breadcrumb-item span, a:active > .breadcrumb li.breadcrumb-item span, a:focus > .breadcrumb li.breadcrumb-item span {
text-decoration: none;
background-color: transparent; }
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before {
content: " ";
position: absolute;
top: 0;
left: -0.75rem;
right: -0.75rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
.breadcrumb li.breadcrumb-item a:focus, .breadcrumb li.breadcrumb-item span:focus {
outline: none;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
.breadcrumb li.breadcrumb-item a:focus:before, .breadcrumb li.breadcrumb-item span:focus:before {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
outline: none; }
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before {
background-color: #eee8d5; }
.breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item span:hover, .breadcrumb li.breadcrumb-item span:active, .breadcrumb li.breadcrumb-item span:focus, a:hover > .breadcrumb li.breadcrumb-item span, a:active > .breadcrumb li.breadcrumb-item span, a:focus > .breadcrumb li.breadcrumb-item span, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled) {
color: #094959; }
.breadcrumb li.breadcrumb-item a:hover:before, .breadcrumb li.breadcrumb-item a:active:before, .breadcrumb li.breadcrumb-item a:focus:before, a:hover > .breadcrumb li.breadcrumb-item a:before, a:active > .breadcrumb li.breadcrumb-item a:before, a:focus > .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item span:hover:before, .breadcrumb li.breadcrumb-item span:active:before, .breadcrumb li.breadcrumb-item span:focus:before, a:hover > .breadcrumb li.breadcrumb-item span:before, a:active > .breadcrumb li.breadcrumb-item span:before, a:focus > .breadcrumb li.breadcrumb-item span:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before {
background-color: #e7dec3; }
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before {
content: " " !important;
border-right: 1px solid rgba(0, 0, 0, 0.2); }
.breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item span.active {
color: #fdf6e3; }
.breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item span.active:before {
background-color: #d33682; }
.breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:focus, a:hover > .breadcrumb li.breadcrumb-item a.active, a:active > .breadcrumb li.breadcrumb-item a.active, a:focus > .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item span.active:hover, .breadcrumb li.breadcrumb-item span.active:active, .breadcrumb li.breadcrumb-item span.active:focus, a:hover > .breadcrumb li.breadcrumb-item span.active, a:active > .breadcrumb li.breadcrumb-item span.active, a:focus > .breadcrumb li.breadcrumb-item span.active, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled) {
color: #fffefb; }
.breadcrumb li.breadcrumb-item a.active:hover:before, .breadcrumb li.breadcrumb-item a.active:active:before, .breadcrumb li.breadcrumb-item a.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:before, a:active > .breadcrumb li.breadcrumb-item a.active:before, a:focus > .breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item span.active:hover:before, .breadcrumb li.breadcrumb-item span.active:active:before, .breadcrumb li.breadcrumb-item span.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item span.active:before, a:active > .breadcrumb li.breadcrumb-item span.active:before, a:focus > .breadcrumb li.breadcrumb-item span.active:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before {
background-color: #d33682; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-blue, a.btn-blue, .badge-blue, .chip-blue, a.chip-blue, a.badge-blue, .label-blue, a.label-blue, label.label-blue {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-blue:before, a.btn-blue:before, .badge-blue:before, .chip-blue:before, a.chip-blue:before, a.badge-blue:before, .label-blue:before, a.label-blue:before, label.label-blue:before {
background-color: #268bd2; }
.btn-blue:hover, .btn-blue:active, .btn-blue:focus, a:hover > .btn-blue, a:active > .btn-blue, a:focus > .btn-blue, .btn-blue:not(.disabled):not(:disabled):hover, .btn-blue:not(.disabled):not(:disabled):active, .btn-blue:not(.disabled):not(:disabled):focus, a:hover > .btn-blue:not(.disabled):not(:disabled), a:active > .btn-blue:not(.disabled):not(:disabled), a:focus > .btn-blue:not(.disabled):not(:disabled), a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus, a:hover > a.btn-blue, a:active > a.btn-blue, a:focus > a.btn-blue, a.btn-blue:not(.disabled):not(:disabled):hover, a.btn-blue:not(.disabled):not(:disabled):active, a.btn-blue:not(.disabled):not(:disabled):focus, a:hover > a.btn-blue:not(.disabled):not(:disabled), a:active > a.btn-blue:not(.disabled):not(:disabled), a:focus > a.btn-blue:not(.disabled):not(:disabled), .badge-blue:hover, .badge-blue:active, .badge-blue:focus, a:hover > .badge-blue, a:active > .badge-blue, a:focus > .badge-blue, .badge-blue:not(.disabled):not(:disabled):hover, .badge-blue:not(.disabled):not(:disabled):active, .badge-blue:not(.disabled):not(:disabled):focus, a:hover > .badge-blue:not(.disabled):not(:disabled), a:active > .badge-blue:not(.disabled):not(:disabled), a:focus > .badge-blue:not(.disabled):not(:disabled), .chip-blue:hover, .chip-blue:active, .chip-blue:focus, a:hover > .chip-blue, a:active > .chip-blue, a:focus > .chip-blue, .chip-blue:not(.disabled):not(:disabled):hover, .chip-blue:not(.disabled):not(:disabled):active, .chip-blue:not(.disabled):not(:disabled):focus, a:hover > .chip-blue:not(.disabled):not(:disabled), a:active > .chip-blue:not(.disabled):not(:disabled), a:focus > .chip-blue:not(.disabled):not(:disabled), a.chip-blue:hover, a.chip-blue:active, a.chip-blue:focus, a:hover > a.chip-blue, a:active > a.chip-blue, a:focus > a.chip-blue, a.chip-blue:not(.disabled):not(:disabled):hover, a.chip-blue:not(.disabled):not(:disabled):active, a.chip-blue:not(.disabled):not(:disabled):focus, a:hover > a.chip-blue:not(.disabled):not(:disabled), a:active > a.chip-blue:not(.disabled):not(:disabled), a:focus > a.chip-blue:not(.disabled):not(:disabled), a.badge-blue:hover, a.badge-blue:active, a.badge-blue:focus, a:hover > a.badge-blue, a:active > a.badge-blue, a:focus > a.badge-blue, a.badge-blue:not(.disabled):not(:disabled):hover, a.badge-blue:not(.disabled):not(:disabled):active, a.badge-blue:not(.disabled):not(:disabled):focus, a:hover > a.badge-blue:not(.disabled):not(:disabled), a:active > a.badge-blue:not(.disabled):not(:disabled), a:focus > a.badge-blue:not(.disabled):not(:disabled), .label-blue:hover, .label-blue:active, .label-blue:focus, a:hover > .label-blue, a:active > .label-blue, a:focus > .label-blue, .label-blue:not(.disabled):not(:disabled):hover, .label-blue:not(.disabled):not(:disabled):active, .label-blue:not(.disabled):not(:disabled):focus, a:hover > .label-blue:not(.disabled):not(:disabled), a:active > .label-blue:not(.disabled):not(:disabled), a:focus > .label-blue:not(.disabled):not(:disabled), a.label-blue:hover, a.label-blue:active, a.label-blue:focus, a:hover > a.label-blue, a:active > a.label-blue, a:focus > a.label-blue, a.label-blue:not(.disabled):not(:disabled):hover, a.label-blue:not(.disabled):not(:disabled):active, a.label-blue:not(.disabled):not(:disabled):focus, a:hover > a.label-blue:not(.disabled):not(:disabled), a:active > a.label-blue:not(.disabled):not(:disabled), a:focus > a.label-blue:not(.disabled):not(:disabled), label.label-blue:hover, label.label-blue:active, label.label-blue:focus, a:hover > label.label-blue, a:active > label.label-blue, a:focus > label.label-blue, label.label-blue:not(.disabled):not(:disabled):hover, label.label-blue:not(.disabled):not(:disabled):active, label.label-blue:not(.disabled):not(:disabled):focus, a:hover > label.label-blue:not(.disabled):not(:disabled), a:active > label.label-blue:not(.disabled):not(:disabled), a:focus > label.label-blue:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-blue:hover:before, .btn-blue:active:before, .btn-blue:focus:before, a:hover > .btn-blue:before, a:active > .btn-blue:before, a:focus > .btn-blue:before, .btn-blue:not(.disabled):not(:disabled):hover:before, .btn-blue:not(.disabled):not(:disabled):active:before, .btn-blue:not(.disabled):not(:disabled):focus:before, a:hover > .btn-blue:not(.disabled):not(:disabled):before, a:active > .btn-blue:not(.disabled):not(:disabled):before, a:focus > .btn-blue:not(.disabled):not(:disabled):before, a.btn-blue:hover:before, a.btn-blue:active:before, a.btn-blue:focus:before, a:hover > a.btn-blue:before, a:active > a.btn-blue:before, a:focus > a.btn-blue:before, a.btn-blue:not(.disabled):not(:disabled):hover:before, a.btn-blue:not(.disabled):not(:disabled):active:before, a.btn-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-blue:not(.disabled):not(:disabled):before, a:active > a.btn-blue:not(.disabled):not(:disabled):before, a:focus > a.btn-blue:not(.disabled):not(:disabled):before, .badge-blue:hover:before, .badge-blue:active:before, .badge-blue:focus:before, a:hover > .badge-blue:before, a:active > .badge-blue:before, a:focus > .badge-blue:before, .badge-blue:not(.disabled):not(:disabled):hover:before, .badge-blue:not(.disabled):not(:disabled):active:before, .badge-blue:not(.disabled):not(:disabled):focus:before, a:hover > .badge-blue:not(.disabled):not(:disabled):before, a:active > .badge-blue:not(.disabled):not(:disabled):before, a:focus > .badge-blue:not(.disabled):not(:disabled):before, .chip-blue:hover:before, .chip-blue:active:before, .chip-blue:focus:before, a:hover > .chip-blue:before, a:active > .chip-blue:before, a:focus > .chip-blue:before, .chip-blue:not(.disabled):not(:disabled):hover:before, .chip-blue:not(.disabled):not(:disabled):active:before, .chip-blue:not(.disabled):not(:disabled):focus:before, a:hover > .chip-blue:not(.disabled):not(:disabled):before, a:active > .chip-blue:not(.disabled):not(:disabled):before, a:focus > .chip-blue:not(.disabled):not(:disabled):before, a.chip-blue:hover:before, a.chip-blue:active:before, a.chip-blue:focus:before, a:hover > a.chip-blue:before, a:active > a.chip-blue:before, a:focus > a.chip-blue:before, a.chip-blue:not(.disabled):not(:disabled):hover:before, a.chip-blue:not(.disabled):not(:disabled):active:before, a.chip-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-blue:not(.disabled):not(:disabled):before, a:active > a.chip-blue:not(.disabled):not(:disabled):before, a:focus > a.chip-blue:not(.disabled):not(:disabled):before, a.badge-blue:hover:before, a.badge-blue:active:before, a.badge-blue:focus:before, a:hover > a.badge-blue:before, a:active > a.badge-blue:before, a:focus > a.badge-blue:before, a.badge-blue:not(.disabled):not(:disabled):hover:before, a.badge-blue:not(.disabled):not(:disabled):active:before, a.badge-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-blue:not(.disabled):not(:disabled):before, a:active > a.badge-blue:not(.disabled):not(:disabled):before, a:focus > a.badge-blue:not(.disabled):not(:disabled):before, .label-blue:hover:before, .label-blue:active:before, .label-blue:focus:before, a:hover > .label-blue:before, a:active > .label-blue:before, a:focus > .label-blue:before, .label-blue:not(.disabled):not(:disabled):hover:before, .label-blue:not(.disabled):not(:disabled):active:before, .label-blue:not(.disabled):not(:disabled):focus:before, a:hover > .label-blue:not(.disabled):not(:disabled):before, a:active > .label-blue:not(.disabled):not(:disabled):before, a:focus > .label-blue:not(.disabled):not(:disabled):before, a.label-blue:hover:before, a.label-blue:active:before, a.label-blue:focus:before, a:hover > a.label-blue:before, a:active > a.label-blue:before, a:focus > a.label-blue:before, a.label-blue:not(.disabled):not(:disabled):hover:before, a.label-blue:not(.disabled):not(:disabled):active:before, a.label-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.label-blue:not(.disabled):not(:disabled):before, a:active > a.label-blue:not(.disabled):not(:disabled):before, a:focus > a.labe
background-color: #2076b2; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-violet, a.btn-violet, .badge-violet, .chip-violet, a.chip-violet, a.badge-violet, .label-violet, a.label-violet, label.label-violet {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-violet:before, a.btn-violet:before, .badge-violet:before, .chip-violet:before, a.chip-violet:before, a.badge-violet:before, .label-violet:before, a.label-violet:before, label.label-violet:before {
background-color: #d33682; }
.btn-violet:hover, .btn-violet:active, .btn-violet:focus, a:hover > .btn-violet, a:active > .btn-violet, a:focus > .btn-violet, .btn-violet:not(.disabled):not(:disabled):hover, .btn-violet:not(.disabled):not(:disabled):active, .btn-violet:not(.disabled):not(:disabled):focus, a:hover > .btn-violet:not(.disabled):not(:disabled), a:active > .btn-violet:not(.disabled):not(:disabled), a:focus > .btn-violet:not(.disabled):not(:disabled), a.btn-violet:hover, a.btn-violet:active, a.btn-violet:focus, a:hover > a.btn-violet, a:active > a.btn-violet, a:focus > a.btn-violet, a.btn-violet:not(.disabled):not(:disabled):hover, a.btn-violet:not(.disabled):not(:disabled):active, a.btn-violet:not(.disabled):not(:disabled):focus, a:hover > a.btn-violet:not(.disabled):not(:disabled), a:active > a.btn-violet:not(.disabled):not(:disabled), a:focus > a.btn-violet:not(.disabled):not(:disabled), .badge-violet:hover, .badge-violet:active, .badge-violet:focus, a:hover > .badge-violet, a:active > .badge-violet, a:focus > .badge-violet, .badge-violet:not(.disabled):not(:disabled):hover, .badge-violet:not(.disabled):not(:disabled):active, .badge-violet:not(.disabled):not(:disabled):focus, a:hover > .badge-violet:not(.disabled):not(:disabled), a:active > .badge-violet:not(.disabled):not(:disabled), a:focus > .badge-violet:not(.disabled):not(:disabled), .chip-violet:hover, .chip-violet:active, .chip-violet:focus, a:hover > .chip-violet, a:active > .chip-violet, a:focus > .chip-violet, .chip-violet:not(.disabled):not(:disabled):hover, .chip-violet:not(.disabled):not(:disabled):active, .chip-violet:not(.disabled):not(:disabled):focus, a:hover > .chip-violet:not(.disabled):not(:disabled), a:active > .chip-violet:not(.disabled):not(:disabled), a:focus > .chip-violet:not(.disabled):not(:disabled), a.chip-violet:hover, a.chip-violet:active, a.chip-violet:focus, a:hover > a.chip-violet, a:active > a.chip-violet, a:focus > a.chip-violet, a.chip-violet:not(.disabled):not(:disabled):hover, a.chip-violet:not(.disabled):not(:disabled):active, a.chip-violet:not(.disabled):not(:disabled):focus, a:hover > a.chip-violet:not(.disabled):not(:disabled), a:active > a.chip-violet:not(.disabled):not(:disabled), a:focus > a.chip-violet:not(.disabled):not(:disabled), a.badge-violet:hover, a.badge-violet:active, a.badge-violet:focus, a:hover > a.badge-violet, a:active > a.badge-violet, a:focus > a.badge-violet, a.badge-violet:not(.disabled):not(:disabled):hover, a.badge-violet:not(.disabled):not(:disabled):active, a.badge-violet:not(.disabled):not(:disabled):focus, a:hover > a.badge-violet:not(.disabled):not(:disabled), a:active > a.badge-violet:not(.disabled):not(:disabled), a:focus > a.badge-violet:not(.disabled):not(:disabled), .label-violet:hover, .label-violet:active, .label-violet:focus, a:hover > .label-violet, a:active > .label-violet, a:focus > .label-violet, .label-violet:not(.disabled):not(:disabled):hover, .label-violet:not(.disabled):not(:disabled):active, .label-violet:not(.disabled):not(:disabled):focus, a:hover > .label-violet:not(.disabled):not(:disabled), a:active > .label-violet:not(.disabled):not(:disabled), a:focus > .label-violet:not(.disabled):not(:disabled), a.label-violet:hover, a.label-violet:active, a.label-violet:focus, a:hover > a.label-violet, a:active > a.label-violet, a:focus > a.label-violet, a.label-violet:not(.disabled):not(:disabled):hover, a.label-violet:not(.disabled):not(:disabled):active, a.label-violet:not(.disabled):not(:disabled):focus, a:hover > a.label-violet:not(.disabled):not(:disabled), a:active > a.label-violet:not(.disabled):not(:disabled), a:focus > a.label-violet:not(.disabled):not(:disabled), label.label-violet:hover, label.label-violet:active, label.label-violet:focus, a:hover > label.label-violet, a:active > label.label-violet, a:focus > label.label-violet, label.label-violet:not(.disabled):not(:disabled):hover, label.label-violet:not(.disabled):not(:disabled):active, label.label-violet:not(.disabled):not(:disabled):focus, a:hover > label.label-violet:not(.disabled):not(:disabled), a:active > label.label-violet:not(.dis
color: #fffefb; }
.btn-violet:hover:before, .btn-violet:active:before, .btn-violet:focus:before, a:hover > .btn-violet:before, a:active > .btn-violet:before, a:focus > .btn-violet:before, .btn-violet:not(.disabled):not(:disabled):hover:before, .btn-violet:not(.disabled):not(:disabled):active:before, .btn-violet:not(.disabled):not(:disabled):focus:before, a:hover > .btn-violet:not(.disabled):not(:disabled):before, a:active > .btn-violet:not(.disabled):not(:disabled):before, a:focus > .btn-violet:not(.disabled):not(:disabled):before, a.btn-violet:hover:before, a.btn-violet:active:before, a.btn-violet:focus:before, a:hover > a.btn-violet:before, a:active > a.btn-violet:before, a:focus > a.btn-violet:before, a.btn-violet:not(.disabled):not(:disabled):hover:before, a.btn-violet:not(.disabled):not(:disabled):active:before, a.btn-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-violet:not(.disabled):not(:disabled):before, a:active > a.btn-violet:not(.disabled):not(:disabled):before, a:focus > a.btn-violet:not(.disabled):not(:disabled):before, .badge-violet:hover:before, .badge-violet:active:before, .badge-violet:focus:before, a:hover > .badge-violet:before, a:active > .badge-violet:before, a:focus > .badge-violet:before, .badge-violet:not(.disabled):not(:disabled):hover:before, .badge-violet:not(.disabled):not(:disabled):active:before, .badge-violet:not(.disabled):not(:disabled):focus:before, a:hover > .badge-violet:not(.disabled):not(:disabled):before, a:active > .badge-violet:not(.disabled):not(:disabled):before, a:focus > .badge-violet:not(.disabled):not(:disabled):before, .chip-violet:hover:before, .chip-violet:active:before, .chip-violet:focus:before, a:hover > .chip-violet:before, a:active > .chip-violet:before, a:focus > .chip-violet:before, .chip-violet:not(.disabled):not(:disabled):hover:before, .chip-violet:not(.disabled):not(:disabled):active:before, .chip-violet:not(.disabled):not(:disabled):focus:before, a:hover > .chip-violet:not(.disabled):not(:disabled):before, a:active > .chip-violet:not(.disabled):not(:disabled):before, a:focus > .chip-violet:not(.disabled):not(:disabled):before, a.chip-violet:hover:before, a.chip-violet:active:before, a.chip-violet:focus:before, a:hover > a.chip-violet:before, a:active > a.chip-violet:before, a:focus > a.chip-violet:before, a.chip-violet:not(.disabled):not(:disabled):hover:before, a.chip-violet:not(.disabled):not(:disabled):active:before, a.chip-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-violet:not(.disabled):not(:disabled):before, a:active > a.chip-violet:not(.disabled):not(:disabled):before, a:focus > a.chip-violet:not(.disabled):not(:disabled):before, a.badge-violet:hover:before, a.badge-violet:active:before, a.badge-violet:focus:before, a:hover > a.badge-violet:before, a:active > a.badge-violet:before, a:focus > a.badge-violet:before, a.badge-violet:not(.disabled):not(:disabled):hover:before, a.badge-violet:not(.disabled):not(:disabled):active:before, a.badge-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-violet:not(.disabled):not(:disabled):before, a:active > a.badge-violet:not(.disabled):not(:disabled):before, a:focus > a.badge-violet:not(.disabled):not(:disabled):before, .label-violet:hover:before, .label-violet:active:before, .label-violet:focus:before, a:hover > .label-violet:before, a:active > .label-violet:before, a:focus > .label-violet:before, .label-violet:not(.disabled):not(:disabled):hover:before, .label-violet:not(.disabled):not(:disabled):active:before, .label-violet:not(.disabled):not(:disabled):focus:before, a:hover > .label-violet:not(.disabled):not(:disabled):before, a:active > .label-violet:not(.disabled):not(:disabled):before, a:focus > .label-violet:not(.disabled):not(:disabled):before, a.label-violet:hover:before, a.label-violet:active:before, a.label-violet:focus:before, a:hover > a.label-violet:before, a:active > a.label-violet:before, a:focus > a.label-violet:before, a.label-violet:not(.disabled):not(:disabled):hover:before, a.label-violet:not(.disabled):not(:disabled):active:before, a.label-viol
background-color: #ba296f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-purple, a.btn-purple, .badge-purple, .chip-purple, a.chip-purple, a.badge-purple, .label-purple, a.label-purple, label.label-purple {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-purple:before, a.btn-purple:before, .badge-purple:before, .chip-purple:before, a.chip-purple:before, a.badge-purple:before, .label-purple:before, a.label-purple:before, label.label-purple:before {
background-color: #6c71c4; }
.btn-purple:hover, .btn-purple:active, .btn-purple:focus, a:hover > .btn-purple, a:active > .btn-purple, a:focus > .btn-purple, .btn-purple:not(.disabled):not(:disabled):hover, .btn-purple:not(.disabled):not(:disabled):active, .btn-purple:not(.disabled):not(:disabled):focus, a:hover > .btn-purple:not(.disabled):not(:disabled), a:active > .btn-purple:not(.disabled):not(:disabled), a:focus > .btn-purple:not(.disabled):not(:disabled), a.btn-purple:hover, a.btn-purple:active, a.btn-purple:focus, a:hover > a.btn-purple, a:active > a.btn-purple, a:focus > a.btn-purple, a.btn-purple:not(.disabled):not(:disabled):hover, a.btn-purple:not(.disabled):not(:disabled):active, a.btn-purple:not(.disabled):not(:disabled):focus, a:hover > a.btn-purple:not(.disabled):not(:disabled), a:active > a.btn-purple:not(.disabled):not(:disabled), a:focus > a.btn-purple:not(.disabled):not(:disabled), .badge-purple:hover, .badge-purple:active, .badge-purple:focus, a:hover > .badge-purple, a:active > .badge-purple, a:focus > .badge-purple, .badge-purple:not(.disabled):not(:disabled):hover, .badge-purple:not(.disabled):not(:disabled):active, .badge-purple:not(.disabled):not(:disabled):focus, a:hover > .badge-purple:not(.disabled):not(:disabled), a:active > .badge-purple:not(.disabled):not(:disabled), a:focus > .badge-purple:not(.disabled):not(:disabled), .chip-purple:hover, .chip-purple:active, .chip-purple:focus, a:hover > .chip-purple, a:active > .chip-purple, a:focus > .chip-purple, .chip-purple:not(.disabled):not(:disabled):hover, .chip-purple:not(.disabled):not(:disabled):active, .chip-purple:not(.disabled):not(:disabled):focus, a:hover > .chip-purple:not(.disabled):not(:disabled), a:active > .chip-purple:not(.disabled):not(:disabled), a:focus > .chip-purple:not(.disabled):not(:disabled), a.chip-purple:hover, a.chip-purple:active, a.chip-purple:focus, a:hover > a.chip-purple, a:active > a.chip-purple, a:focus > a.chip-purple, a.chip-purple:not(.disabled):not(:disabled):hover, a.chip-purple:not(.disabled):not(:disabled):active, a.chip-purple:not(.disabled):not(:disabled):focus, a:hover > a.chip-purple:not(.disabled):not(:disabled), a:active > a.chip-purple:not(.disabled):not(:disabled), a:focus > a.chip-purple:not(.disabled):not(:disabled), a.badge-purple:hover, a.badge-purple:active, a.badge-purple:focus, a:hover > a.badge-purple, a:active > a.badge-purple, a:focus > a.badge-purple, a.badge-purple:not(.disabled):not(:disabled):hover, a.badge-purple:not(.disabled):not(:disabled):active, a.badge-purple:not(.disabled):not(:disabled):focus, a:hover > a.badge-purple:not(.disabled):not(:disabled), a:active > a.badge-purple:not(.disabled):not(:disabled), a:focus > a.badge-purple:not(.disabled):not(:disabled), .label-purple:hover, .label-purple:active, .label-purple:focus, a:hover > .label-purple, a:active > .label-purple, a:focus > .label-purple, .label-purple:not(.disabled):not(:disabled):hover, .label-purple:not(.disabled):not(:disabled):active, .label-purple:not(.disabled):not(:disabled):focus, a:hover > .label-purple:not(.disabled):not(:disabled), a:active > .label-purple:not(.disabled):not(:disabled), a:focus > .label-purple:not(.disabled):not(:disabled), a.label-purple:hover, a.label-purple:active, a.label-purple:focus, a:hover > a.label-purple, a:active > a.label-purple, a:focus > a.label-purple, a.label-purple:not(.disabled):not(:disabled):hover, a.label-purple:not(.disabled):not(:disabled):active, a.label-purple:not(.disabled):not(:disabled):focus, a:hover > a.label-purple:not(.disabled):not(:disabled), a:active > a.label-purple:not(.disabled):not(:disabled), a:focus > a.label-purple:not(.disabled):not(:disabled), label.label-purple:hover, label.label-purple:active, label.label-purple:focus, a:hover > label.label-purple, a:active > label.label-purple, a:focus > label.label-purple, label.label-purple:not(.disabled):not(:disabled):hover, label.label-purple:not(.disabled):not(:disabled):active, label.label-purple:not(.disabled):not(:disabled):focus, a:hover > label.label-purple:not(.disabled):not(:disabled), a:active > label.label-purple:not(.dis
color: #fffefb; }
.btn-purple:hover:before, .btn-purple:active:before, .btn-purple:focus:before, a:hover > .btn-purple:before, a:active > .btn-purple:before, a:focus > .btn-purple:before, .btn-purple:not(.disabled):not(:disabled):hover:before, .btn-purple:not(.disabled):not(:disabled):active:before, .btn-purple:not(.disabled):not(:disabled):focus:before, a:hover > .btn-purple:not(.disabled):not(:disabled):before, a:active > .btn-purple:not(.disabled):not(:disabled):before, a:focus > .btn-purple:not(.disabled):not(:disabled):before, a.btn-purple:hover:before, a.btn-purple:active:before, a.btn-purple:focus:before, a:hover > a.btn-purple:before, a:active > a.btn-purple:before, a:focus > a.btn-purple:before, a.btn-purple:not(.disabled):not(:disabled):hover:before, a.btn-purple:not(.disabled):not(:disabled):active:before, a.btn-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-purple:not(.disabled):not(:disabled):before, a:active > a.btn-purple:not(.disabled):not(:disabled):before, a:focus > a.btn-purple:not(.disabled):not(:disabled):before, .badge-purple:hover:before, .badge-purple:active:before, .badge-purple:focus:before, a:hover > .badge-purple:before, a:active > .badge-purple:before, a:focus > .badge-purple:before, .badge-purple:not(.disabled):not(:disabled):hover:before, .badge-purple:not(.disabled):not(:disabled):active:before, .badge-purple:not(.disabled):not(:disabled):focus:before, a:hover > .badge-purple:not(.disabled):not(:disabled):before, a:active > .badge-purple:not(.disabled):not(:disabled):before, a:focus > .badge-purple:not(.disabled):not(:disabled):before, .chip-purple:hover:before, .chip-purple:active:before, .chip-purple:focus:before, a:hover > .chip-purple:before, a:active > .chip-purple:before, a:focus > .chip-purple:before, .chip-purple:not(.disabled):not(:disabled):hover:before, .chip-purple:not(.disabled):not(:disabled):active:before, .chip-purple:not(.disabled):not(:disabled):focus:before, a:hover > .chip-purple:not(.disabled):not(:disabled):before, a:active > .chip-purple:not(.disabled):not(:disabled):before, a:focus > .chip-purple:not(.disabled):not(:disabled):before, a.chip-purple:hover:before, a.chip-purple:active:before, a.chip-purple:focus:before, a:hover > a.chip-purple:before, a:active > a.chip-purple:before, a:focus > a.chip-purple:before, a.chip-purple:not(.disabled):not(:disabled):hover:before, a.chip-purple:not(.disabled):not(:disabled):active:before, a.chip-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-purple:not(.disabled):not(:disabled):before, a:active > a.chip-purple:not(.disabled):not(:disabled):before, a:focus > a.chip-purple:not(.disabled):not(:disabled):before, a.badge-purple:hover:before, a.badge-purple:active:before, a.badge-purple:focus:before, a:hover > a.badge-purple:before, a:active > a.badge-purple:before, a:focus > a.badge-purple:before, a.badge-purple:not(.disabled):not(:disabled):hover:before, a.badge-purple:not(.disabled):not(:disabled):active:before, a.badge-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-purple:not(.disabled):not(:disabled):before, a:active > a.badge-purple:not(.disabled):not(:disabled):before, a:focus > a.badge-purple:not(.disabled):not(:disabled):before, .label-purple:hover:before, .label-purple:active:before, .label-purple:focus:before, a:hover > .label-purple:before, a:active > .label-purple:before, a:focus > .label-purple:before, .label-purple:not(.disabled):not(:disabled):hover:before, .label-purple:not(.disabled):not(:disabled):active:before, .label-purple:not(.disabled):not(:disabled):focus:before, a:hover > .label-purple:not(.disabled):not(:disabled):before, a:active > .label-purple:not(.disabled):not(:disabled):before, a:focus > .label-purple:not(.disabled):not(:disabled):before, a.label-purple:hover:before, a.label-purple:active:before, a.label-purple:focus:before, a:hover > a.label-purple:before, a:active > a.label-purple:before, a:focus > a.label-purple:before, a.label-purple:not(.disabled):not(:disabled):hover:before, a.label-purple:not(.disabled):not(:disabled):active:before, a.label-purp
background-color: #5157b9; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-red, a.btn-red, .badge-red, .chip-red, a.chip-red, a.badge-red, .label-red, a.label-red, label.label-red {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-red:before, a.btn-red:before, .badge-red:before, .chip-red:before, a.chip-red:before, a.badge-red:before, .label-red:before, a.label-red:before, label.label-red:before {
background-color: #dc322f; }
.btn-red:hover, .btn-red:active, .btn-red:focus, a:hover > .btn-red, a:active > .btn-red, a:focus > .btn-red, .btn-red:not(.disabled):not(:disabled):hover, .btn-red:not(.disabled):not(:disabled):active, .btn-red:not(.disabled):not(:disabled):focus, a:hover > .btn-red:not(.disabled):not(:disabled), a:active > .btn-red:not(.disabled):not(:disabled), a:focus > .btn-red:not(.disabled):not(:disabled), a.btn-red:hover, a.btn-red:active, a.btn-red:focus, a:hover > a.btn-red, a:active > a.btn-red, a:focus > a.btn-red, a.btn-red:not(.disabled):not(:disabled):hover, a.btn-red:not(.disabled):not(:disabled):active, a.btn-red:not(.disabled):not(:disabled):focus, a:hover > a.btn-red:not(.disabled):not(:disabled), a:active > a.btn-red:not(.disabled):not(:disabled), a:focus > a.btn-red:not(.disabled):not(:disabled), .badge-red:hover, .badge-red:active, .badge-red:focus, a:hover > .badge-red, a:active > .badge-red, a:focus > .badge-red, .badge-red:not(.disabled):not(:disabled):hover, .badge-red:not(.disabled):not(:disabled):active, .badge-red:not(.disabled):not(:disabled):focus, a:hover > .badge-red:not(.disabled):not(:disabled), a:active > .badge-red:not(.disabled):not(:disabled), a:focus > .badge-red:not(.disabled):not(:disabled), .chip-red:hover, .chip-red:active, .chip-red:focus, a:hover > .chip-red, a:active > .chip-red, a:focus > .chip-red, .chip-red:not(.disabled):not(:disabled):hover, .chip-red:not(.disabled):not(:disabled):active, .chip-red:not(.disabled):not(:disabled):focus, a:hover > .chip-red:not(.disabled):not(:disabled), a:active > .chip-red:not(.disabled):not(:disabled), a:focus > .chip-red:not(.disabled):not(:disabled), a.chip-red:hover, a.chip-red:active, a.chip-red:focus, a:hover > a.chip-red, a:active > a.chip-red, a:focus > a.chip-red, a.chip-red:not(.disabled):not(:disabled):hover, a.chip-red:not(.disabled):not(:disabled):active, a.chip-red:not(.disabled):not(:disabled):focus, a:hover > a.chip-red:not(.disabled):not(:disabled), a:active > a.chip-red:not(.disabled):not(:disabled), a:focus > a.chip-red:not(.disabled):not(:disabled), a.badge-red:hover, a.badge-red:active, a.badge-red:focus, a:hover > a.badge-red, a:active > a.badge-red, a:focus > a.badge-red, a.badge-red:not(.disabled):not(:disabled):hover, a.badge-red:not(.disabled):not(:disabled):active, a.badge-red:not(.disabled):not(:disabled):focus, a:hover > a.badge-red:not(.disabled):not(:disabled), a:active > a.badge-red:not(.disabled):not(:disabled), a:focus > a.badge-red:not(.disabled):not(:disabled), .label-red:hover, .label-red:active, .label-red:focus, a:hover > .label-red, a:active > .label-red, a:focus > .label-red, .label-red:not(.disabled):not(:disabled):hover, .label-red:not(.disabled):not(:disabled):active, .label-red:not(.disabled):not(:disabled):focus, a:hover > .label-red:not(.disabled):not(:disabled), a:active > .label-red:not(.disabled):not(:disabled), a:focus > .label-red:not(.disabled):not(:disabled), a.label-red:hover, a.label-red:active, a.label-red:focus, a:hover > a.label-red, a:active > a.label-red, a:focus > a.label-red, a.label-red:not(.disabled):not(:disabled):hover, a.label-red:not(.disabled):not(:disabled):active, a.label-red:not(.disabled):not(:disabled):focus, a:hover > a.label-red:not(.disabled):not(:disabled), a:active > a.label-red:not(.disabled):not(:disabled), a:focus > a.label-red:not(.disabled):not(:disabled), label.label-red:hover, label.label-red:active, label.label-red:focus, a:hover > label.label-red, a:active > label.label-red, a:focus > label.label-red, label.label-red:not(.disabled):not(:disabled):hover, label.label-red:not(.disabled):not(:disabled):active, label.label-red:not(.disabled):not(:disabled):focus, a:hover > label.label-red:not(.disabled):not(:disabled), a:active > label.label-red:not(.disabled):not(:disabled), a:focus > label.label-red:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-red:hover:before, .btn-red:active:before, .btn-red:focus:before, a:hover > .btn-red:before, a:active > .btn-red:before, a:focus > .btn-red:before, .btn-red:not(.disabled):not(:disabled):hover:before, .btn-red:not(.disabled):not(:disabled):active:before, .btn-red:not(.disabled):not(:disabled):focus:before, a:hover > .btn-red:not(.disabled):not(:disabled):before, a:active > .btn-red:not(.disabled):not(:disabled):before, a:focus > .btn-red:not(.disabled):not(:disabled):before, a.btn-red:hover:before, a.btn-red:active:before, a.btn-red:focus:before, a:hover > a.btn-red:before, a:active > a.btn-red:before, a:focus > a.btn-red:before, a.btn-red:not(.disabled):not(:disabled):hover:before, a.btn-red:not(.disabled):not(:disabled):active:before, a.btn-red:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-red:not(.disabled):not(:disabled):before, a:active > a.btn-red:not(.disabled):not(:disabled):before, a:focus > a.btn-red:not(.disabled):not(:disabled):before, .badge-red:hover:before, .badge-red:active:before, .badge-red:focus:before, a:hover > .badge-red:before, a:active > .badge-red:before, a:focus > .badge-red:before, .badge-red:not(.disabled):not(:disabled):hover:before, .badge-red:not(.disabled):not(:disabled):active:before, .badge-red:not(.disabled):not(:disabled):focus:before, a:hover > .badge-red:not(.disabled):not(:disabled):before, a:active > .badge-red:not(.disabled):not(:disabled):before, a:focus > .badge-red:not(.disabled):not(:disabled):before, .chip-red:hover:before, .chip-red:active:before, .chip-red:focus:before, a:hover > .chip-red:before, a:active > .chip-red:before, a:focus > .chip-red:before, .chip-red:not(.disabled):not(:disabled):hover:before, .chip-red:not(.disabled):not(:disabled):active:before, .chip-red:not(.disabled):not(:disabled):focus:before, a:hover > .chip-red:not(.disabled):not(:disabled):before, a:active > .chip-red:not(.disabled):not(:disabled):before, a:focus > .chip-red:not(.disabled):not(:disabled):before, a.chip-red:hover:before, a.chip-red:active:before, a.chip-red:focus:before, a:hover > a.chip-red:before, a:active > a.chip-red:before, a:focus > a.chip-red:before, a.chip-red:not(.disabled):not(:disabled):hover:before, a.chip-red:not(.disabled):not(:disabled):active:before, a.chip-red:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-red:not(.disabled):not(:disabled):before, a:active > a.chip-red:not(.disabled):not(:disabled):before, a:focus > a.chip-red:not(.disabled):not(:disabled):before, a.badge-red:hover:before, a.badge-red:active:before, a.badge-red:focus:before, a:hover > a.badge-red:before, a:active > a.badge-red:before, a:focus > a.badge-red:before, a.badge-red:not(.disabled):not(:disabled):hover:before, a.badge-red:not(.disabled):not(:disabled):active:before, a.badge-red:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-red:not(.disabled):not(:disabled):before, a:active > a.badge-red:not(.disabled):not(:disabled):before, a:focus > a.badge-red:not(.disabled):not(:disabled):before, .label-red:hover:before, .label-red:active:before, .label-red:focus:before, a:hover > .label-red:before, a:active > .label-red:before, a:focus > .label-red:before, .label-red:not(.disabled):not(:disabled):hover:before, .label-red:not(.disabled):not(:disabled):active:before, .label-red:not(.disabled):not(:disabled):focus:before, a:hover > .label-red:not(.disabled):not(:disabled):before, a:active > .label-red:not(.disabled):not(:disabled):before, a:focus > .label-red:not(.disabled):not(:disabled):before, a.label-red:hover:before, a.label-red:active:before, a.label-red:focus:before, a:hover > a.label-red:before, a:active > a.label-red:before, a:focus > a.label-red:before, a.label-red:not(.disabled):not(:disabled):hover:before, a.label-red:not(.disabled):not(:disabled):active:before, a.label-red:not(.disabled):not(:disabled):focus:before, a:hover > a.label-red:not(.disabled):not(:disabled):before, a:active > a.label-red:not(.disabled):not(:disabled):before, a:focus > a.label-red:not(.disabled):not(:disabled):before, label.label-red:hover:before, label.label-red:activ
background-color: #c42421; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-orange, a.btn-orange, .badge-orange, .chip-orange, a.chip-orange, a.badge-orange, .label-orange, a.label-orange, label.label-orange {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-orange:before, a.btn-orange:before, .badge-orange:before, .chip-orange:before, a.chip-orange:before, a.badge-orange:before, .label-orange:before, a.label-orange:before, label.label-orange:before {
background-color: #cb4b16; }
.btn-orange:hover, .btn-orange:active, .btn-orange:focus, a:hover > .btn-orange, a:active > .btn-orange, a:focus > .btn-orange, .btn-orange:not(.disabled):not(:disabled):hover, .btn-orange:not(.disabled):not(:disabled):active, .btn-orange:not(.disabled):not(:disabled):focus, a:hover > .btn-orange:not(.disabled):not(:disabled), a:active > .btn-orange:not(.disabled):not(:disabled), a:focus > .btn-orange:not(.disabled):not(:disabled), a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus, a:hover > a.btn-orange, a:active > a.btn-orange, a:focus > a.btn-orange, a.btn-orange:not(.disabled):not(:disabled):hover, a.btn-orange:not(.disabled):not(:disabled):active, a.btn-orange:not(.disabled):not(:disabled):focus, a:hover > a.btn-orange:not(.disabled):not(:disabled), a:active > a.btn-orange:not(.disabled):not(:disabled), a:focus > a.btn-orange:not(.disabled):not(:disabled), .badge-orange:hover, .badge-orange:active, .badge-orange:focus, a:hover > .badge-orange, a:active > .badge-orange, a:focus > .badge-orange, .badge-orange:not(.disabled):not(:disabled):hover, .badge-orange:not(.disabled):not(:disabled):active, .badge-orange:not(.disabled):not(:disabled):focus, a:hover > .badge-orange:not(.disabled):not(:disabled), a:active > .badge-orange:not(.disabled):not(:disabled), a:focus > .badge-orange:not(.disabled):not(:disabled), .chip-orange:hover, .chip-orange:active, .chip-orange:focus, a:hover > .chip-orange, a:active > .chip-orange, a:focus > .chip-orange, .chip-orange:not(.disabled):not(:disabled):hover, .chip-orange:not(.disabled):not(:disabled):active, .chip-orange:not(.disabled):not(:disabled):focus, a:hover > .chip-orange:not(.disabled):not(:disabled), a:active > .chip-orange:not(.disabled):not(:disabled), a:focus > .chip-orange:not(.disabled):not(:disabled), a.chip-orange:hover, a.chip-orange:active, a.chip-orange:focus, a:hover > a.chip-orange, a:active > a.chip-orange, a:focus > a.chip-orange, a.chip-orange:not(.disabled):not(:disabled):hover, a.chip-orange:not(.disabled):not(:disabled):active, a.chip-orange:not(.disabled):not(:disabled):focus, a:hover > a.chip-orange:not(.disabled):not(:disabled), a:active > a.chip-orange:not(.disabled):not(:disabled), a:focus > a.chip-orange:not(.disabled):not(:disabled), a.badge-orange:hover, a.badge-orange:active, a.badge-orange:focus, a:hover > a.badge-orange, a:active > a.badge-orange, a:focus > a.badge-orange, a.badge-orange:not(.disabled):not(:disabled):hover, a.badge-orange:not(.disabled):not(:disabled):active, a.badge-orange:not(.disabled):not(:disabled):focus, a:hover > a.badge-orange:not(.disabled):not(:disabled), a:active > a.badge-orange:not(.disabled):not(:disabled), a:focus > a.badge-orange:not(.disabled):not(:disabled), .label-orange:hover, .label-orange:active, .label-orange:focus, a:hover > .label-orange, a:active > .label-orange, a:focus > .label-orange, .label-orange:not(.disabled):not(:disabled):hover, .label-orange:not(.disabled):not(:disabled):active, .label-orange:not(.disabled):not(:disabled):focus, a:hover > .label-orange:not(.disabled):not(:disabled), a:active > .label-orange:not(.disabled):not(:disabled), a:focus > .label-orange:not(.disabled):not(:disabled), a.label-orange:hover, a.label-orange:active, a.label-orange:focus, a:hover > a.label-orange, a:active > a.label-orange, a:focus > a.label-orange, a.label-orange:not(.disabled):not(:disabled):hover, a.label-orange:not(.disabled):not(:disabled):active, a.label-orange:not(.disabled):not(:disabled):focus, a:hover > a.label-orange:not(.disabled):not(:disabled), a:active > a.label-orange:not(.disabled):not(:disabled), a:focus > a.label-orange:not(.disabled):not(:disabled), label.label-orange:hover, label.label-orange:active, label.label-orange:focus, a:hover > label.label-orange, a:active > label.label-orange, a:focus > label.label-orange, label.label-orange:not(.disabled):not(:disabled):hover, label.label-orange:not(.disabled):not(:disabled):active, label.label-orange:not(.disabled):not(:disabled):focus, a:hover > label.label-orange:not(.disabled):not(:disabled), a:active > label.label-orange:not(.dis
color: #fffefb; }
.btn-orange:hover:before, .btn-orange:active:before, .btn-orange:focus:before, a:hover > .btn-orange:before, a:active > .btn-orange:before, a:focus > .btn-orange:before, .btn-orange:not(.disabled):not(:disabled):hover:before, .btn-orange:not(.disabled):not(:disabled):active:before, .btn-orange:not(.disabled):not(:disabled):focus:before, a:hover > .btn-orange:not(.disabled):not(:disabled):before, a:active > .btn-orange:not(.disabled):not(:disabled):before, a:focus > .btn-orange:not(.disabled):not(:disabled):before, a.btn-orange:hover:before, a.btn-orange:active:before, a.btn-orange:focus:before, a:hover > a.btn-orange:before, a:active > a.btn-orange:before, a:focus > a.btn-orange:before, a.btn-orange:not(.disabled):not(:disabled):hover:before, a.btn-orange:not(.disabled):not(:disabled):active:before, a.btn-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-orange:not(.disabled):not(:disabled):before, a:active > a.btn-orange:not(.disabled):not(:disabled):before, a:focus > a.btn-orange:not(.disabled):not(:disabled):before, .badge-orange:hover:before, .badge-orange:active:before, .badge-orange:focus:before, a:hover > .badge-orange:before, a:active > .badge-orange:before, a:focus > .badge-orange:before, .badge-orange:not(.disabled):not(:disabled):hover:before, .badge-orange:not(.disabled):not(:disabled):active:before, .badge-orange:not(.disabled):not(:disabled):focus:before, a:hover > .badge-orange:not(.disabled):not(:disabled):before, a:active > .badge-orange:not(.disabled):not(:disabled):before, a:focus > .badge-orange:not(.disabled):not(:disabled):before, .chip-orange:hover:before, .chip-orange:active:before, .chip-orange:focus:before, a:hover > .chip-orange:before, a:active > .chip-orange:before, a:focus > .chip-orange:before, .chip-orange:not(.disabled):not(:disabled):hover:before, .chip-orange:not(.disabled):not(:disabled):active:before, .chip-orange:not(.disabled):not(:disabled):focus:before, a:hover > .chip-orange:not(.disabled):not(:disabled):before, a:active > .chip-orange:not(.disabled):not(:disabled):before, a:focus > .chip-orange:not(.disabled):not(:disabled):before, a.chip-orange:hover:before, a.chip-orange:active:before, a.chip-orange:focus:before, a:hover > a.chip-orange:before, a:active > a.chip-orange:before, a:focus > a.chip-orange:before, a.chip-orange:not(.disabled):not(:disabled):hover:before, a.chip-orange:not(.disabled):not(:disabled):active:before, a.chip-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-orange:not(.disabled):not(:disabled):before, a:active > a.chip-orange:not(.disabled):not(:disabled):before, a:focus > a.chip-orange:not(.disabled):not(:disabled):before, a.badge-orange:hover:before, a.badge-orange:active:before, a.badge-orange:focus:before, a:hover > a.badge-orange:before, a:active > a.badge-orange:before, a:focus > a.badge-orange:before, a.badge-orange:not(.disabled):not(:disabled):hover:before, a.badge-orange:not(.disabled):not(:disabled):active:before, a.badge-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-orange:not(.disabled):not(:disabled):before, a:active > a.badge-orange:not(.disabled):not(:disabled):before, a:focus > a.badge-orange:not(.disabled):not(:disabled):before, .label-orange:hover:before, .label-orange:active:before, .label-orange:focus:before, a:hover > .label-orange:before, a:active > .label-orange:before, a:focus > .label-orange:before, .label-orange:not(.disabled):not(:disabled):hover:before, .label-orange:not(.disabled):not(:disabled):active:before, .label-orange:not(.disabled):not(:disabled):focus:before, a:hover > .label-orange:not(.disabled):not(:disabled):before, a:active > .label-orange:not(.disabled):not(:disabled):before, a:focus > .label-orange:not(.disabled):not(:disabled):before, a.label-orange:hover:before, a.label-orange:active:before, a.label-orange:focus:before, a:hover > a.label-orange:before, a:active > a.label-orange:before, a:focus > a.label-orange:before, a.label-orange:not(.disabled):not(:disabled):hover:before, a.label-orange:not(.disabled):not(:disabled):active:before, a.label-oran
background-color: #a83e12; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-green, a.btn-green, .badge-green, .chip-green, a.chip-green, a.badge-green, .label-green, a.label-green, label.label-green {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-green:before, a.btn-green:before, .badge-green:before, .chip-green:before, a.chip-green:before, a.badge-green:before, .label-green:before, a.label-green:before, label.label-green:before {
background-color: #859900; }
.btn-green:hover, .btn-green:active, .btn-green:focus, a:hover > .btn-green, a:active > .btn-green, a:focus > .btn-green, .btn-green:not(.disabled):not(:disabled):hover, .btn-green:not(.disabled):not(:disabled):active, .btn-green:not(.disabled):not(:disabled):focus, a:hover > .btn-green:not(.disabled):not(:disabled), a:active > .btn-green:not(.disabled):not(:disabled), a:focus > .btn-green:not(.disabled):not(:disabled), a.btn-green:hover, a.btn-green:active, a.btn-green:focus, a:hover > a.btn-green, a:active > a.btn-green, a:focus > a.btn-green, a.btn-green:not(.disabled):not(:disabled):hover, a.btn-green:not(.disabled):not(:disabled):active, a.btn-green:not(.disabled):not(:disabled):focus, a:hover > a.btn-green:not(.disabled):not(:disabled), a:active > a.btn-green:not(.disabled):not(:disabled), a:focus > a.btn-green:not(.disabled):not(:disabled), .badge-green:hover, .badge-green:active, .badge-green:focus, a:hover > .badge-green, a:active > .badge-green, a:focus > .badge-green, .badge-green:not(.disabled):not(:disabled):hover, .badge-green:not(.disabled):not(:disabled):active, .badge-green:not(.disabled):not(:disabled):focus, a:hover > .badge-green:not(.disabled):not(:disabled), a:active > .badge-green:not(.disabled):not(:disabled), a:focus > .badge-green:not(.disabled):not(:disabled), .chip-green:hover, .chip-green:active, .chip-green:focus, a:hover > .chip-green, a:active > .chip-green, a:focus > .chip-green, .chip-green:not(.disabled):not(:disabled):hover, .chip-green:not(.disabled):not(:disabled):active, .chip-green:not(.disabled):not(:disabled):focus, a:hover > .chip-green:not(.disabled):not(:disabled), a:active > .chip-green:not(.disabled):not(:disabled), a:focus > .chip-green:not(.disabled):not(:disabled), a.chip-green:hover, a.chip-green:active, a.chip-green:focus, a:hover > a.chip-green, a:active > a.chip-green, a:focus > a.chip-green, a.chip-green:not(.disabled):not(:disabled):hover, a.chip-green:not(.disabled):not(:disabled):active, a.chip-green:not(.disabled):not(:disabled):focus, a:hover > a.chip-green:not(.disabled):not(:disabled), a:active > a.chip-green:not(.disabled):not(:disabled), a:focus > a.chip-green:not(.disabled):not(:disabled), a.badge-green:hover, a.badge-green:active, a.badge-green:focus, a:hover > a.badge-green, a:active > a.badge-green, a:focus > a.badge-green, a.badge-green:not(.disabled):not(:disabled):hover, a.badge-green:not(.disabled):not(:disabled):active, a.badge-green:not(.disabled):not(:disabled):focus, a:hover > a.badge-green:not(.disabled):not(:disabled), a:active > a.badge-green:not(.disabled):not(:disabled), a:focus > a.badge-green:not(.disabled):not(:disabled), .label-green:hover, .label-green:active, .label-green:focus, a:hover > .label-green, a:active > .label-green, a:focus > .label-green, .label-green:not(.disabled):not(:disabled):hover, .label-green:not(.disabled):not(:disabled):active, .label-green:not(.disabled):not(:disabled):focus, a:hover > .label-green:not(.disabled):not(:disabled), a:active > .label-green:not(.disabled):not(:disabled), a:focus > .label-green:not(.disabled):not(:disabled), a.label-green:hover, a.label-green:active, a.label-green:focus, a:hover > a.label-green, a:active > a.label-green, a:focus > a.label-green, a.label-green:not(.disabled):not(:disabled):hover, a.label-green:not(.disabled):not(:disabled):active, a.label-green:not(.disabled):not(:disabled):focus, a:hover > a.label-green:not(.disabled):not(:disabled), a:active > a.label-green:not(.disabled):not(:disabled), a:focus > a.label-green:not(.disabled):not(:disabled), label.label-green:hover, label.label-green:active, label.label-green:focus, a:hover > label.label-green, a:active > label.label-green, a:focus > label.label-green, label.label-green:not(.disabled):not(:disabled):hover, label.label-green:not(.disabled):not(:disabled):active, label.label-green:not(.disabled):not(:disabled):focus, a:hover > label.label-green:not(.disabled):not(:disabled), a:active > label.label-green:not(.disabled):not(:disabled), a:focus > label.label-green:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-green:hover:before, .btn-green:active:before, .btn-green:focus:before, a:hover > .btn-green:before, a:active > .btn-green:before, a:focus > .btn-green:before, .btn-green:not(.disabled):not(:disabled):hover:before, .btn-green:not(.disabled):not(:disabled):active:before, .btn-green:not(.disabled):not(:disabled):focus:before, a:hover > .btn-green:not(.disabled):not(:disabled):before, a:active > .btn-green:not(.disabled):not(:disabled):before, a:focus > .btn-green:not(.disabled):not(:disabled):before, a.btn-green:hover:before, a.btn-green:active:before, a.btn-green:focus:before, a:hover > a.btn-green:before, a:active > a.btn-green:before, a:focus > a.btn-green:before, a.btn-green:not(.disabled):not(:disabled):hover:before, a.btn-green:not(.disabled):not(:disabled):active:before, a.btn-green:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-green:not(.disabled):not(:disabled):before, a:active > a.btn-green:not(.disabled):not(:disabled):before, a:focus > a.btn-green:not(.disabled):not(:disabled):before, .badge-green:hover:before, .badge-green:active:before, .badge-green:focus:before, a:hover > .badge-green:before, a:active > .badge-green:before, a:focus > .badge-green:before, .badge-green:not(.disabled):not(:disabled):hover:before, .badge-green:not(.disabled):not(:disabled):active:before, .badge-green:not(.disabled):not(:disabled):focus:before, a:hover > .badge-green:not(.disabled):not(:disabled):before, a:active > .badge-green:not(.disabled):not(:disabled):before, a:focus > .badge-green:not(.disabled):not(:disabled):before, .chip-green:hover:before, .chip-green:active:before, .chip-green:focus:before, a:hover > .chip-green:before, a:active > .chip-green:before, a:focus > .chip-green:before, .chip-green:not(.disabled):not(:disabled):hover:before, .chip-green:not(.disabled):not(:disabled):active:before, .chip-green:not(.disabled):not(:disabled):focus:before, a:hover > .chip-green:not(.disabled):not(:disabled):before, a:active > .chip-green:not(.disabled):not(:disabled):before, a:focus > .chip-green:not(.disabled):not(:disabled):before, a.chip-green:hover:before, a.chip-green:active:before, a.chip-green:focus:before, a:hover > a.chip-green:before, a:active > a.chip-green:before, a:focus > a.chip-green:before, a.chip-green:not(.disabled):not(:disabled):hover:before, a.chip-green:not(.disabled):not(:disabled):active:before, a.chip-green:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-green:not(.disabled):not(:disabled):before, a:active > a.chip-green:not(.disabled):not(:disabled):before, a:focus > a.chip-green:not(.disabled):not(:disabled):before, a.badge-green:hover:before, a.badge-green:active:before, a.badge-green:focus:before, a:hover > a.badge-green:before, a:active > a.badge-green:before, a:focus > a.badge-green:before, a.badge-green:not(.disabled):not(:disabled):hover:before, a.badge-green:not(.disabled):not(:disabled):active:before, a.badge-green:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-green:not(.disabled):not(:disabled):before, a:active > a.badge-green:not(.disabled):not(:disabled):before, a:focus > a.badge-green:not(.disabled):not(:disabled):before, .label-green:hover:before, .label-green:active:before, .label-green:focus:before, a:hover > .label-green:before, a:active > .label-green:before, a:focus > .label-green:before, .label-green:not(.disabled):not(:disabled):hover:before, .label-green:not(.disabled):not(:disabled):active:before, .label-green:not(.disabled):not(:disabled):focus:before, a:hover > .label-green:not(.disabled):not(:disabled):before, a:active > .label-green:not(.disabled):not(:disabled):before, a:focus > .label-green:not(.disabled):not(:disabled):before, a.label-green:hover:before, a.label-green:active:before, a.label-green:focus:before, a:hover > a.label-green:before, a:active > a.label-green:before, a:focus > a.label-green:before, a.label-green:not(.disabled):not(:disabled):hover:before, a.label-green:not(.disabled):not(:disabled):active:before, a.label-green:not(.disabled):not(:disabled):focus:before, a:hover > a.label-green:not(.disabled):not(:di
background-color: #647300; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-skyblue, a.btn-skyblue, .badge-skyblue, .chip-skyblue, a.chip-skyblue, a.badge-skyblue, .label-skyblue, a.label-skyblue, label.label-skyblue {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-skyblue:before, a.btn-skyblue:before, .badge-skyblue:before, .chip-skyblue:before, a.chip-skyblue:before, a.badge-skyblue:before, .label-skyblue:before, a.label-skyblue:before, label.label-skyblue:before {
background-color: #2aa198; }
.btn-skyblue:hover, .btn-skyblue:active, .btn-skyblue:focus, a:hover > .btn-skyblue, a:active > .btn-skyblue, a:focus > .btn-skyblue, .btn-skyblue:not(.disabled):not(:disabled):hover, .btn-skyblue:not(.disabled):not(:disabled):active, .btn-skyblue:not(.disabled):not(:disabled):focus, a:hover > .btn-skyblue:not(.disabled):not(:disabled), a:active > .btn-skyblue:not(.disabled):not(:disabled), a:focus > .btn-skyblue:not(.disabled):not(:disabled), a.btn-skyblue:hover, a.btn-skyblue:active, a.btn-skyblue:focus, a:hover > a.btn-skyblue, a:active > a.btn-skyblue, a:focus > a.btn-skyblue, a.btn-skyblue:not(.disabled):not(:disabled):hover, a.btn-skyblue:not(.disabled):not(:disabled):active, a.btn-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.btn-skyblue:not(.disabled):not(:disabled), a:active > a.btn-skyblue:not(.disabled):not(:disabled), a:focus > a.btn-skyblue:not(.disabled):not(:disabled), .badge-skyblue:hover, .badge-skyblue:active, .badge-skyblue:focus, a:hover > .badge-skyblue, a:active > .badge-skyblue, a:focus > .badge-skyblue, .badge-skyblue:not(.disabled):not(:disabled):hover, .badge-skyblue:not(.disabled):not(:disabled):active, .badge-skyblue:not(.disabled):not(:disabled):focus, a:hover > .badge-skyblue:not(.disabled):not(:disabled), a:active > .badge-skyblue:not(.disabled):not(:disabled), a:focus > .badge-skyblue:not(.disabled):not(:disabled), .chip-skyblue:hover, .chip-skyblue:active, .chip-skyblue:focus, a:hover > .chip-skyblue, a:active > .chip-skyblue, a:focus > .chip-skyblue, .chip-skyblue:not(.disabled):not(:disabled):hover, .chip-skyblue:not(.disabled):not(:disabled):active, .chip-skyblue:not(.disabled):not(:disabled):focus, a:hover > .chip-skyblue:not(.disabled):not(:disabled), a:active > .chip-skyblue:not(.disabled):not(:disabled), a:focus > .chip-skyblue:not(.disabled):not(:disabled), a.chip-skyblue:hover, a.chip-skyblue:active, a.chip-skyblue:focus, a:hover > a.chip-skyblue, a:active > a.chip-skyblue, a:focus > a.chip-skyblue, a.chip-skyblue:not(.disabled):not(:disabled):hover, a.chip-skyblue:not(.disabled):not(:disabled):active, a.chip-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.chip-skyblue:not(.disabled):not(:disabled), a:active > a.chip-skyblue:not(.disabled):not(:disabled), a:focus > a.chip-skyblue:not(.disabled):not(:disabled), a.badge-skyblue:hover, a.badge-skyblue:active, a.badge-skyblue:focus, a:hover > a.badge-skyblue, a:active > a.badge-skyblue, a:focus > a.badge-skyblue, a.badge-skyblue:not(.disabled):not(:disabled):hover, a.badge-skyblue:not(.disabled):not(:disabled):active, a.badge-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.badge-skyblue:not(.disabled):not(:disabled), a:active > a.badge-skyblue:not(.disabled):not(:disabled), a:focus > a.badge-skyblue:not(.disabled):not(:disabled), .label-skyblue:hover, .label-skyblue:active, .label-skyblue:focus, a:hover > .label-skyblue, a:active > .label-skyblue, a:focus > .label-skyblue, .label-skyblue:not(.disabled):not(:disabled):hover, .label-skyblue:not(.disabled):not(:disabled):active, .label-skyblue:not(.disabled):not(:disabled):focus, a:hover > .label-skyblue:not(.disabled):not(:disabled), a:active > .label-skyblue:not(.disabled):not(:disabled), a:focus > .label-skyblue:not(.disabled):not(:disabled), a.label-skyblue:hover, a.label-skyblue:active, a.label-skyblue:focus, a:hover > a.label-skyblue, a:active > a.label-skyblue, a:focus > a.label-skyblue, a.label-skyblue:not(.disabled):not(:disabled):hover, a.label-skyblue:not(.disabled):not(:disabled):active, a.label-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.label-skyblue:not(.disabled):not(:disabled), a:active > a.label-skyblue:not(.disabled):not(:disabled), a:focus > a.label-skyblue:not(.disabled):not(:disabled), label.label-skyblue:hover, label.label-skyblue:active, label.label-skyblue:focus, a:hover > label.label-skyblue, a:active > label.label-skyblue, a:focus > label.label-skyblue, label.label-skyblue:not(.disabled):not(:disabled):hover, label.label-skyblue:not(.disabled):not(:disabled):active, label.label-skyblue:not(.disabled):not(:disabled):
color: #fffefb; }
.btn-skyblue:hover:before, .btn-skyblue:active:before, .btn-skyblue:focus:before, a:hover > .btn-skyblue:before, a:active > .btn-skyblue:before, a:focus > .btn-skyblue:before, .btn-skyblue:not(.disabled):not(:disabled):hover:before, .btn-skyblue:not(.disabled):not(:disabled):active:before, .btn-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .btn-skyblue:not(.disabled):not(:disabled):before, a:active > .btn-skyblue:not(.disabled):not(:disabled):before, a:focus > .btn-skyblue:not(.disabled):not(:disabled):before, a.btn-skyblue:hover:before, a.btn-skyblue:active:before, a.btn-skyblue:focus:before, a:hover > a.btn-skyblue:before, a:active > a.btn-skyblue:before, a:focus > a.btn-skyblue:before, a.btn-skyblue:not(.disabled):not(:disabled):hover:before, a.btn-skyblue:not(.disabled):not(:disabled):active:before, a.btn-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-skyblue:not(.disabled):not(:disabled):before, a:active > a.btn-skyblue:not(.disabled):not(:disabled):before, a:focus > a.btn-skyblue:not(.disabled):not(:disabled):before, .badge-skyblue:hover:before, .badge-skyblue:active:before, .badge-skyblue:focus:before, a:hover > .badge-skyblue:before, a:active > .badge-skyblue:before, a:focus > .badge-skyblue:before, .badge-skyblue:not(.disabled):not(:disabled):hover:before, .badge-skyblue:not(.disabled):not(:disabled):active:before, .badge-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .badge-skyblue:not(.disabled):not(:disabled):before, a:active > .badge-skyblue:not(.disabled):not(:disabled):before, a:focus > .badge-skyblue:not(.disabled):not(:disabled):before, .chip-skyblue:hover:before, .chip-skyblue:active:before, .chip-skyblue:focus:before, a:hover > .chip-skyblue:before, a:active > .chip-skyblue:before, a:focus > .chip-skyblue:before, .chip-skyblue:not(.disabled):not(:disabled):hover:before, .chip-skyblue:not(.disabled):not(:disabled):active:before, .chip-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .chip-skyblue:not(.disabled):not(:disabled):before, a:active > .chip-skyblue:not(.disabled):not(:disabled):before, a:focus > .chip-skyblue:not(.disabled):not(:disabled):before, a.chip-skyblue:hover:before, a.chip-skyblue:active:before, a.chip-skyblue:focus:before, a:hover > a.chip-skyblue:before, a:active > a.chip-skyblue:before, a:focus > a.chip-skyblue:before, a.chip-skyblue:not(.disabled):not(:disabled):hover:before, a.chip-skyblue:not(.disabled):not(:disabled):active:before, a.chip-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-skyblue:not(.disabled):not(:disabled):before, a:active > a.chip-skyblue:not(.disabled):not(:disabled):before, a:focus > a.chip-skyblue:not(.disabled):not(:disabled):before, a.badge-skyblue:hover:before, a.badge-skyblue:active:before, a.badge-skyblue:focus:before, a:hover > a.badge-skyblue:before, a:active > a.badge-skyblue:before, a:focus > a.badge-skyblue:before, a.badge-skyblue:not(.disabled):not(:disabled):hover:before, a.badge-skyblue:not(.disabled):not(:disabled):active:before, a.badge-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-skyblue:not(.disabled):not(:disabled):before, a:active > a.badge-skyblue:not(.disabled):not(:disabled):before, a:focus > a.badge-skyblue:not(.disabled):not(:disabled):before, .label-skyblue:hover:before, .label-skyblue:active:before, .label-skyblue:focus:before, a:hover > .label-skyblue:before, a:active > .label-skyblue:before, a:focus > .label-skyblue:before, .label-skyblue:not(.disabled):not(:disabled):hover:before, .label-skyblue:not(.disabled):not(:disabled):active:before, .label-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .label-skyblue:not(.disabled):not(:disabled):before, a:active > .label-skyblue:not(.disabled):not(:disabled):before, a:focus > .label-skyblue:not(.disabled):not(:disabled):before, a.label-skyblue:hover:before, a.label-skyblue:active:before, a.label-skyblue:focus:before, a:hover > a.label-skyblue:before, a:active > a.label-skyblue:before, a:focus > a.label-skyblue:before, a.label-skyblue:not(.disabled):not(:disab
background-color: #22837b; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-dark, a.btn-dark, .badge-dark, .chip-dark, a.chip-dark, a.badge-dark, .label-dark, a.label-dark, label.label-dark {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-dark:before, a.btn-dark:before, .badge-dark:before, .chip-dark:before, a.chip-dark:before, a.badge-dark:before, .label-dark:before, a.label-dark:before, label.label-dark:before {
background-color: #002b36; }
.btn-dark:hover, .btn-dark:active, .btn-dark:focus, a:hover > .btn-dark, a:active > .btn-dark, a:focus > .btn-dark, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active, .btn-dark:not(.disabled):not(:disabled):focus, a:hover > .btn-dark:not(.disabled):not(:disabled), a:active > .btn-dark:not(.disabled):not(:disabled), a:focus > .btn-dark:not(.disabled):not(:disabled), a.btn-dark:hover, a.btn-dark:active, a.btn-dark:focus, a:hover > a.btn-dark, a:active > a.btn-dark, a:focus > a.btn-dark, a.btn-dark:not(.disabled):not(:disabled):hover, a.btn-dark:not(.disabled):not(:disabled):active, a.btn-dark:not(.disabled):not(:disabled):focus, a:hover > a.btn-dark:not(.disabled):not(:disabled), a:active > a.btn-dark:not(.disabled):not(:disabled), a:focus > a.btn-dark:not(.disabled):not(:disabled), .badge-dark:hover, .badge-dark:active, .badge-dark:focus, a:hover > .badge-dark, a:active > .badge-dark, a:focus > .badge-dark, .badge-dark:not(.disabled):not(:disabled):hover, .badge-dark:not(.disabled):not(:disabled):active, .badge-dark:not(.disabled):not(:disabled):focus, a:hover > .badge-dark:not(.disabled):not(:disabled), a:active > .badge-dark:not(.disabled):not(:disabled), a:focus > .badge-dark:not(.disabled):not(:disabled), .chip-dark:hover, .chip-dark:active, .chip-dark:focus, a:hover > .chip-dark, a:active > .chip-dark, a:focus > .chip-dark, .chip-dark:not(.disabled):not(:disabled):hover, .chip-dark:not(.disabled):not(:disabled):active, .chip-dark:not(.disabled):not(:disabled):focus, a:hover > .chip-dark:not(.disabled):not(:disabled), a:active > .chip-dark:not(.disabled):not(:disabled), a:focus > .chip-dark:not(.disabled):not(:disabled), a.chip-dark:hover, a.chip-dark:active, a.chip-dark:focus, a:hover > a.chip-dark, a:active > a.chip-dark, a:focus > a.chip-dark, a.chip-dark:not(.disabled):not(:disabled):hover, a.chip-dark:not(.disabled):not(:disabled):active, a.chip-dark:not(.disabled):not(:disabled):focus, a:hover > a.chip-dark:not(.disabled):not(:disabled), a:active > a.chip-dark:not(.disabled):not(:disabled), a:focus > a.chip-dark:not(.disabled):not(:disabled), a.badge-dark:hover, a.badge-dark:active, a.badge-dark:focus, a:hover > a.badge-dark, a:active > a.badge-dark, a:focus > a.badge-dark, a.badge-dark:not(.disabled):not(:disabled):hover, a.badge-dark:not(.disabled):not(:disabled):active, a.badge-dark:not(.disabled):not(:disabled):focus, a:hover > a.badge-dark:not(.disabled):not(:disabled), a:active > a.badge-dark:not(.disabled):not(:disabled), a:focus > a.badge-dark:not(.disabled):not(:disabled), .label-dark:hover, .label-dark:active, .label-dark:focus, a:hover > .label-dark, a:active > .label-dark, a:focus > .label-dark, .label-dark:not(.disabled):not(:disabled):hover, .label-dark:not(.disabled):not(:disabled):active, .label-dark:not(.disabled):not(:disabled):focus, a:hover > .label-dark:not(.disabled):not(:disabled), a:active > .label-dark:not(.disabled):not(:disabled), a:focus > .label-dark:not(.disabled):not(:disabled), a.label-dark:hover, a.label-dark:active, a.label-dark:focus, a:hover > a.label-dark, a:active > a.label-dark, a:focus > a.label-dark, a.label-dark:not(.disabled):not(:disabled):hover, a.label-dark:not(.disabled):not(:disabled):active, a.label-dark:not(.disabled):not(:disabled):focus, a:hover > a.label-dark:not(.disabled):not(:disabled), a:active > a.label-dark:not(.disabled):not(:disabled), a:focus > a.label-dark:not(.disabled):not(:disabled), label.label-dark:hover, label.label-dark:active, label.label-dark:focus, a:hover > label.label-dark, a:active > label.label-dark, a:focus > label.label-dark, label.label-dark:not(.disabled):not(:disabled):hover, label.label-dark:not(.disabled):not(:disabled):active, label.label-dark:not(.disabled):not(:disabled):focus, a:hover > label.label-dark:not(.disabled):not(:disabled), a:active > label.label-dark:not(.disabled):not(:disabled), a:focus > label.label-dark:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-dark:hover:before, .btn-dark:active:before, .btn-dark:focus:before, a:hover > .btn-dark:before, a:active > .btn-dark:before, a:focus > .btn-dark:before, .btn-dark:not(.disabled):not(:disabled):hover:before, .btn-dark:not(.disabled):not(:disabled):active:before, .btn-dark:not(.disabled):not(:disabled):focus:before, a:hover > .btn-dark:not(.disabled):not(:disabled):before, a:active > .btn-dark:not(.disabled):not(:disabled):before, a:focus > .btn-dark:not(.disabled):not(:disabled):before, a.btn-dark:hover:before, a.btn-dark:active:before, a.btn-dark:focus:before, a:hover > a.btn-dark:before, a:active > a.btn-dark:before, a:focus > a.btn-dark:before, a.btn-dark:not(.disabled):not(:disabled):hover:before, a.btn-dark:not(.disabled):not(:disabled):active:before, a.btn-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-dark:not(.disabled):not(:disabled):before, a:active > a.btn-dark:not(.disabled):not(:disabled):before, a:focus > a.btn-dark:not(.disabled):not(:disabled):before, .badge-dark:hover:before, .badge-dark:active:before, .badge-dark:focus:before, a:hover > .badge-dark:before, a:active > .badge-dark:before, a:focus > .badge-dark:before, .badge-dark:not(.disabled):not(:disabled):hover:before, .badge-dark:not(.disabled):not(:disabled):active:before, .badge-dark:not(.disabled):not(:disabled):focus:before, a:hover > .badge-dark:not(.disabled):not(:disabled):before, a:active > .badge-dark:not(.disabled):not(:disabled):before, a:focus > .badge-dark:not(.disabled):not(:disabled):before, .chip-dark:hover:before, .chip-dark:active:before, .chip-dark:focus:before, a:hover > .chip-dark:before, a:active > .chip-dark:before, a:focus > .chip-dark:before, .chip-dark:not(.disabled):not(:disabled):hover:before, .chip-dark:not(.disabled):not(:disabled):active:before, .chip-dark:not(.disabled):not(:disabled):focus:before, a:hover > .chip-dark:not(.disabled):not(:disabled):before, a:active > .chip-dark:not(.disabled):not(:disabled):before, a:focus > .chip-dark:not(.disabled):not(:disabled):before, a.chip-dark:hover:before, a.chip-dark:active:before, a.chip-dark:focus:before, a:hover > a.chip-dark:before, a:active > a.chip-dark:before, a:focus > a.chip-dark:before, a.chip-dark:not(.disabled):not(:disabled):hover:before, a.chip-dark:not(.disabled):not(:disabled):active:before, a.chip-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-dark:not(.disabled):not(:disabled):before, a:active > a.chip-dark:not(.disabled):not(:disabled):before, a:focus > a.chip-dark:not(.disabled):not(:disabled):before, a.badge-dark:hover:before, a.badge-dark:active:before, a.badge-dark:focus:before, a:hover > a.badge-dark:before, a:active > a.badge-dark:before, a:focus > a.badge-dark:before, a.badge-dark:not(.disabled):not(:disabled):hover:before, a.badge-dark:not(.disabled):not(:disabled):active:before, a.badge-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-dark:not(.disabled):not(:disabled):before, a:active > a.badge-dark:not(.disabled):not(:disabled):before, a:focus > a.badge-dark:not(.disabled):not(:disabled):before, .label-dark:hover:before, .label-dark:active:before, .label-dark:focus:before, a:hover > .label-dark:before, a:active > .label-dark:before, a:focus > .label-dark:before, .label-dark:not(.disabled):not(:disabled):hover:before, .label-dark:not(.disabled):not(:disabled):active:before, .label-dark:not(.disabled):not(:disabled):focus:before, a:hover > .label-dark:not(.disabled):not(:disabled):before, a:active > .label-dark:not(.disabled):not(:disabled):before, a:focus > .label-dark:not(.disabled):not(:disabled):before, a.label-dark:hover:before, a.label-dark:active:before, a.label-dark:focus:before, a:hover > a.label-dark:before, a:active > a.label-dark:before, a:focus > a.label-dark:before, a.label-dark:not(.disabled):not(:disabled):hover:before, a.label-dark:not(.disabled):not(:disabled):active:before, a.label-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.label-dark:not(.disabled):not(:disabled):before, a:active > a.label-dark:not(.disabled):not(:disabled):before, a:focus > a.labe
background-color: #000d10; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-light, a.btn-light, .badge-light, .chip-light, a.chip-light, a.badge-light, .label-light, a.label-light, label.label-light {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #002b36; }
.btn-light:before, a.btn-light:before, .badge-light:before, .chip-light:before, a.chip-light:before, a.badge-light:before, .label-light:before, a.label-light:before, label.label-light:before {
background-color: #eee8d5; }
.btn-light:hover, .btn-light:active, .btn-light:focus, a:hover > .btn-light, a:active > .btn-light, a:focus > .btn-light, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active, .btn-light:not(.disabled):not(:disabled):focus, a:hover > .btn-light:not(.disabled):not(:disabled), a:active > .btn-light:not(.disabled):not(:disabled), a:focus > .btn-light:not(.disabled):not(:disabled), a.btn-light:hover, a.btn-light:active, a.btn-light:focus, a:hover > a.btn-light, a:active > a.btn-light, a:focus > a.btn-light, a.btn-light:not(.disabled):not(:disabled):hover, a.btn-light:not(.disabled):not(:disabled):active, a.btn-light:not(.disabled):not(:disabled):focus, a:hover > a.btn-light:not(.disabled):not(:disabled), a:active > a.btn-light:not(.disabled):not(:disabled), a:focus > a.btn-light:not(.disabled):not(:disabled), .badge-light:hover, .badge-light:active, .badge-light:focus, a:hover > .badge-light, a:active > .badge-light, a:focus > .badge-light, .badge-light:not(.disabled):not(:disabled):hover, .badge-light:not(.disabled):not(:disabled):active, .badge-light:not(.disabled):not(:disabled):focus, a:hover > .badge-light:not(.disabled):not(:disabled), a:active > .badge-light:not(.disabled):not(:disabled), a:focus > .badge-light:not(.disabled):not(:disabled), .chip-light:hover, .chip-light:active, .chip-light:focus, a:hover > .chip-light, a:active > .chip-light, a:focus > .chip-light, .chip-light:not(.disabled):not(:disabled):hover, .chip-light:not(.disabled):not(:disabled):active, .chip-light:not(.disabled):not(:disabled):focus, a:hover > .chip-light:not(.disabled):not(:disabled), a:active > .chip-light:not(.disabled):not(:disabled), a:focus > .chip-light:not(.disabled):not(:disabled), a.chip-light:hover, a.chip-light:active, a.chip-light:focus, a:hover > a.chip-light, a:active > a.chip-light, a:focus > a.chip-light, a.chip-light:not(.disabled):not(:disabled):hover, a.chip-light:not(.disabled):not(:disabled):active, a.chip-light:not(.disabled):not(:disabled):focus, a:hover > a.chip-light:not(.disabled):not(:disabled), a:active > a.chip-light:not(.disabled):not(:disabled), a:focus > a.chip-light:not(.disabled):not(:disabled), a.badge-light:hover, a.badge-light:active, a.badge-light:focus, a:hover > a.badge-light, a:active > a.badge-light, a:focus > a.badge-light, a.badge-light:not(.disabled):not(:disabled):hover, a.badge-light:not(.disabled):not(:disabled):active, a.badge-light:not(.disabled):not(:disabled):focus, a:hover > a.badge-light:not(.disabled):not(:disabled), a:active > a.badge-light:not(.disabled):not(:disabled), a:focus > a.badge-light:not(.disabled):not(:disabled), .label-light:hover, .label-light:active, .label-light:focus, a:hover > .label-light, a:active > .label-light, a:focus > .label-light, .label-light:not(.disabled):not(:disabled):hover, .label-light:not(.disabled):not(:disabled):active, .label-light:not(.disabled):not(:disabled):focus, a:hover > .label-light:not(.disabled):not(:disabled), a:active > .label-light:not(.disabled):not(:disabled), a:focus > .label-light:not(.disabled):not(:disabled), a.label-light:hover, a.label-light:active, a.label-light:focus, a:hover > a.label-light, a:active > a.label-light, a:focus > a.label-light, a.label-light:not(.disabled):not(:disabled):hover, a.label-light:not(.disabled):not(:disabled):active, a.label-light:not(.disabled):not(:disabled):focus, a:hover > a.label-light:not(.disabled):not(:disabled), a:active > a.label-light:not(.disabled):not(:disabled), a:focus > a.label-light:not(.disabled):not(:disabled), label.label-light:hover, label.label-light:active, label.label-light:focus, a:hover > label.label-light, a:active > label.label-light, a:focus > label.label-light, label.label-light:not(.disabled):not(:disabled):hover, label.label-light:not(.disabled):not(:disabled):active, label.label-light:not(.disabled):not(:disabled):focus, a:hover > label.label-light:not(.disabled):not(:disabled), a:active > label.label-light:not(.disabled):not(:disabled), a:focus > label.label-light:not(.disabled):not(:disabled) {
color: #003f50; }
.btn-light:hover:before, .btn-light:active:before, .btn-light:focus:before, a:hover > .btn-light:before, a:active > .btn-light:before, a:focus > .btn-light:before, .btn-light:not(.disabled):not(:disabled):hover:before, .btn-light:not(.disabled):not(:disabled):active:before, .btn-light:not(.disabled):not(:disabled):focus:before, a:hover > .btn-light:not(.disabled):not(:disabled):before, a:active > .btn-light:not(.disabled):not(:disabled):before, a:focus > .btn-light:not(.disabled):not(:disabled):before, a.btn-light:hover:before, a.btn-light:active:before, a.btn-light:focus:before, a:hover > a.btn-light:before, a:active > a.btn-light:before, a:focus > a.btn-light:before, a.btn-light:not(.disabled):not(:disabled):hover:before, a.btn-light:not(.disabled):not(:disabled):active:before, a.btn-light:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-light:not(.disabled):not(:disabled):before, a:active > a.btn-light:not(.disabled):not(:disabled):before, a:focus > a.btn-light:not(.disabled):not(:disabled):before, .badge-light:hover:before, .badge-light:active:before, .badge-light:focus:before, a:hover > .badge-light:before, a:active > .badge-light:before, a:focus > .badge-light:before, .badge-light:not(.disabled):not(:disabled):hover:before, .badge-light:not(.disabled):not(:disabled):active:before, .badge-light:not(.disabled):not(:disabled):focus:before, a:hover > .badge-light:not(.disabled):not(:disabled):before, a:active > .badge-light:not(.disabled):not(:disabled):before, a:focus > .badge-light:not(.disabled):not(:disabled):before, .chip-light:hover:before, .chip-light:active:before, .chip-light:focus:before, a:hover > .chip-light:before, a:active > .chip-light:before, a:focus > .chip-light:before, .chip-light:not(.disabled):not(:disabled):hover:before, .chip-light:not(.disabled):not(:disabled):active:before, .chip-light:not(.disabled):not(:disabled):focus:before, a:hover > .chip-light:not(.disabled):not(:disabled):before, a:active > .chip-light:not(.disabled):not(:disabled):before, a:focus > .chip-light:not(.disabled):not(:disabled):before, a.chip-light:hover:before, a.chip-light:active:before, a.chip-light:focus:before, a:hover > a.chip-light:before, a:active > a.chip-light:before, a:focus > a.chip-light:before, a.chip-light:not(.disabled):not(:disabled):hover:before, a.chip-light:not(.disabled):not(:disabled):active:before, a.chip-light:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-light:not(.disabled):not(:disabled):before, a:active > a.chip-light:not(.disabled):not(:disabled):before, a:focus > a.chip-light:not(.disabled):not(:disabled):before, a.badge-light:hover:before, a.badge-light:active:before, a.badge-light:focus:before, a:hover > a.badge-light:before, a:active > a.badge-light:before, a:focus > a.badge-light:before, a.badge-light:not(.disabled):not(:disabled):hover:before, a.badge-light:not(.disabled):not(:disabled):active:before, a.badge-light:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-light:not(.disabled):not(:disabled):before, a:active > a.badge-light:not(.disabled):not(:disabled):before, a:focus > a.badge-light:not(.disabled):not(:disabled):before, .label-light:hover:before, .label-light:active:before, .label-light:focus:before, a:hover > .label-light:before, a:active > .label-light:before, a:focus > .label-light:before, .label-light:not(.disabled):not(:disabled):hover:before, .label-light:not(.disabled):not(:disabled):active:before, .label-light:not(.disabled):not(:disabled):focus:before, a:hover > .label-light:not(.disabled):not(:disabled):before, a:active > .label-light:not(.disabled):not(:disabled):before, a:focus > .label-light:not(.disabled):not(:disabled):before, a.label-light:hover:before, a.label-light:active:before, a.label-light:focus:before, a:hover > a.label-light:before, a:active > a.label-light:before, a:focus > a.label-light:before, a.label-light:not(.disabled):not(:disabled):hover:before, a.label-light:not(.disabled):not(:disabled):active:before, a.label-light:not(.disabled):not(:disabled):focus:before, a:hover > a.label-light:not(.disabled):not(:di
background-color: #e3d9ba; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-turquoise, a.btn-turquoise, .badge-turquoise, .chip-turquoise, a.chip-turquoise, a.badge-turquoise, .label-turquoise, a.label-turquoise, label.label-turquoise {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-turquoise:before, a.btn-turquoise:before, .badge-turquoise:before, .chip-turquoise:before, a.chip-turquoise:before, a.badge-turquoise:before, .label-turquoise:before, a.label-turquoise:before, label.label-turquoise:before {
background-color: #2aa198; }
.btn-turquoise:hover, .btn-turquoise:active, .btn-turquoise:focus, a:hover > .btn-turquoise, a:active > .btn-turquoise, a:focus > .btn-turquoise, .btn-turquoise:not(.disabled):not(:disabled):hover, .btn-turquoise:not(.disabled):not(:disabled):active, .btn-turquoise:not(.disabled):not(:disabled):focus, a:hover > .btn-turquoise:not(.disabled):not(:disabled), a:active > .btn-turquoise:not(.disabled):not(:disabled), a:focus > .btn-turquoise:not(.disabled):not(:disabled), a.btn-turquoise:hover, a.btn-turquoise:active, a.btn-turquoise:focus, a:hover > a.btn-turquoise, a:active > a.btn-turquoise, a:focus > a.btn-turquoise, a.btn-turquoise:not(.disabled):not(:disabled):hover, a.btn-turquoise:not(.disabled):not(:disabled):active, a.btn-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.btn-turquoise:not(.disabled):not(:disabled), a:active > a.btn-turquoise:not(.disabled):not(:disabled), a:focus > a.btn-turquoise:not(.disabled):not(:disabled), .badge-turquoise:hover, .badge-turquoise:active, .badge-turquoise:focus, a:hover > .badge-turquoise, a:active > .badge-turquoise, a:focus > .badge-turquoise, .badge-turquoise:not(.disabled):not(:disabled):hover, .badge-turquoise:not(.disabled):not(:disabled):active, .badge-turquoise:not(.disabled):not(:disabled):focus, a:hover > .badge-turquoise:not(.disabled):not(:disabled), a:active > .badge-turquoise:not(.disabled):not(:disabled), a:focus > .badge-turquoise:not(.disabled):not(:disabled), .chip-turquoise:hover, .chip-turquoise:active, .chip-turquoise:focus, a:hover > .chip-turquoise, a:active > .chip-turquoise, a:focus > .chip-turquoise, .chip-turquoise:not(.disabled):not(:disabled):hover, .chip-turquoise:not(.disabled):not(:disabled):active, .chip-turquoise:not(.disabled):not(:disabled):focus, a:hover > .chip-turquoise:not(.disabled):not(:disabled), a:active > .chip-turquoise:not(.disabled):not(:disabled), a:focus > .chip-turquoise:not(.disabled):not(:disabled), a.chip-turquoise:hover, a.chip-turquoise:active, a.chip-turquoise:focus, a:hover > a.chip-turquoise, a:active > a.chip-turquoise, a:focus > a.chip-turquoise, a.chip-turquoise:not(.disabled):not(:disabled):hover, a.chip-turquoise:not(.disabled):not(:disabled):active, a.chip-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.chip-turquoise:not(.disabled):not(:disabled), a:active > a.chip-turquoise:not(.disabled):not(:disabled), a:focus > a.chip-turquoise:not(.disabled):not(:disabled), a.badge-turquoise:hover, a.badge-turquoise:active, a.badge-turquoise:focus, a:hover > a.badge-turquoise, a:active > a.badge-turquoise, a:focus > a.badge-turquoise, a.badge-turquoise:not(.disabled):not(:disabled):hover, a.badge-turquoise:not(.disabled):not(:disabled):active, a.badge-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.badge-turquoise:not(.disabled):not(:disabled), a:active > a.badge-turquoise:not(.disabled):not(:disabled), a:focus > a.badge-turquoise:not(.disabled):not(:disabled), .label-turquoise:hover, .label-turquoise:active, .label-turquoise:focus, a:hover > .label-turquoise, a:active > .label-turquoise, a:focus > .label-turquoise, .label-turquoise:not(.disabled):not(:disabled):hover, .label-turquoise:not(.disabled):not(:disabled):active, .label-turquoise:not(.disabled):not(:disabled):focus, a:hover > .label-turquoise:not(.disabled):not(:disabled), a:active > .label-turquoise:not(.disabled):not(:disabled), a:focus > .label-turquoise:not(.disabled):not(:disabled), a.label-turquoise:hover, a.label-turquoise:active, a.label-turquoise:focus, a:hover > a.label-turquoise, a:active > a.label-turquoise, a:focus > a.label-turquoise, a.label-turquoise:not(.disabled):not(:disabled):hover, a.label-turquoise:not(.disabled):not(:disabled):active, a.label-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.label-turquoise:not(.disabled):not(:disabled), a:active > a.label-turquoise:not(.disabled):not(:disabled), a:focus > a.label-turquoise:not(.disabled):not(:disabled), label.label-turquoise:hover, label.label-turquoise:active, label.label-turquoise:focus, a:hover > label.label-turquoise, a:active > label.label-turqu
color: #fffefb; }
.btn-turquoise:hover:before, .btn-turquoise:active:before, .btn-turquoise:focus:before, a:hover > .btn-turquoise:before, a:active > .btn-turquoise:before, a:focus > .btn-turquoise:before, .btn-turquoise:not(.disabled):not(:disabled):hover:before, .btn-turquoise:not(.disabled):not(:disabled):active:before, .btn-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .btn-turquoise:not(.disabled):not(:disabled):before, a:active > .btn-turquoise:not(.disabled):not(:disabled):before, a:focus > .btn-turquoise:not(.disabled):not(:disabled):before, a.btn-turquoise:hover:before, a.btn-turquoise:active:before, a.btn-turquoise:focus:before, a:hover > a.btn-turquoise:before, a:active > a.btn-turquoise:before, a:focus > a.btn-turquoise:before, a.btn-turquoise:not(.disabled):not(:disabled):hover:before, a.btn-turquoise:not(.disabled):not(:disabled):active:before, a.btn-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-turquoise:not(.disabled):not(:disabled):before, a:active > a.btn-turquoise:not(.disabled):not(:disabled):before, a:focus > a.btn-turquoise:not(.disabled):not(:disabled):before, .badge-turquoise:hover:before, .badge-turquoise:active:before, .badge-turquoise:focus:before, a:hover > .badge-turquoise:before, a:active > .badge-turquoise:before, a:focus > .badge-turquoise:before, .badge-turquoise:not(.disabled):not(:disabled):hover:before, .badge-turquoise:not(.disabled):not(:disabled):active:before, .badge-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .badge-turquoise:not(.disabled):not(:disabled):before, a:active > .badge-turquoise:not(.disabled):not(:disabled):before, a:focus > .badge-turquoise:not(.disabled):not(:disabled):before, .chip-turquoise:hover:before, .chip-turquoise:active:before, .chip-turquoise:focus:before, a:hover > .chip-turquoise:before, a:active > .chip-turquoise:before, a:focus > .chip-turquoise:before, .chip-turquoise:not(.disabled):not(:disabled):hover:before, .chip-turquoise:not(.disabled):not(:disabled):active:before, .chip-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .chip-turquoise:not(.disabled):not(:disabled):before, a:active > .chip-turquoise:not(.disabled):not(:disabled):before, a:focus > .chip-turquoise:not(.disabled):not(:disabled):before, a.chip-turquoise:hover:before, a.chip-turquoise:active:before, a.chip-turquoise:focus:before, a:hover > a.chip-turquoise:before, a:active > a.chip-turquoise:before, a:focus > a.chip-turquoise:before, a.chip-turquoise:not(.disabled):not(:disabled):hover:before, a.chip-turquoise:not(.disabled):not(:disabled):active:before, a.chip-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-turquoise:not(.disabled):not(:disabled):before, a:active > a.chip-turquoise:not(.disabled):not(:disabled):before, a:focus > a.chip-turquoise:not(.disabled):not(:disabled):before, a.badge-turquoise:hover:before, a.badge-turquoise:active:before, a.badge-turquoise:focus:before, a:hover > a.badge-turquoise:before, a:active > a.badge-turquoise:before, a:focus > a.badge-turquoise:before, a.badge-turquoise:not(.disabled):not(:disabled):hover:before, a.badge-turquoise:not(.disabled):not(:disabled):active:before, a.badge-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-turquoise:not(.disabled):not(:disabled):before, a:active > a.badge-turquoise:not(.disabled):not(:disabled):before, a:focus > a.badge-turquoise:not(.disabled):not(:disabled):before, .label-turquoise:hover:before, .label-turquoise:active:before, .label-turquoise:focus:before, a:hover > .label-turquoise:before, a:active > .label-turquoise:before, a:focus > .label-turquoise:before, .label-turquoise:not(.disabled):not(:disabled):hover:before, .label-turquoise:not(.disabled):not(:disabled):active:before, .label-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .label-turquoise:not(.disabled):not(:disabled):before, a:active > .label-turquoise:not(.disabled):not(:disabled):before, a:focus > .label-turquoise:not(.disabled):not(:disabled):before, a.label-turquoise:hover:before, a.label-turquoise:active:before, a.
background-color: #22837b; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-yellow, a.btn-yellow, .badge-yellow, .chip-yellow, a.chip-yellow, a.badge-yellow, .label-yellow, a.label-yellow, label.label-yellow {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-yellow:before, a.btn-yellow:before, .badge-yellow:before, .chip-yellow:before, a.chip-yellow:before, a.badge-yellow:before, .label-yellow:before, a.label-yellow:before, label.label-yellow:before {
background-color: #b58900; }
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, a:hover > .btn-yellow, a:active > .btn-yellow, a:focus > .btn-yellow, .btn-yellow:not(.disabled):not(:disabled):hover, .btn-yellow:not(.disabled):not(:disabled):active, .btn-yellow:not(.disabled):not(:disabled):focus, a:hover > .btn-yellow:not(.disabled):not(:disabled), a:active > .btn-yellow:not(.disabled):not(:disabled), a:focus > .btn-yellow:not(.disabled):not(:disabled), a.btn-yellow:hover, a.btn-yellow:active, a.btn-yellow:focus, a:hover > a.btn-yellow, a:active > a.btn-yellow, a:focus > a.btn-yellow, a.btn-yellow:not(.disabled):not(:disabled):hover, a.btn-yellow:not(.disabled):not(:disabled):active, a.btn-yellow:not(.disabled):not(:disabled):focus, a:hover > a.btn-yellow:not(.disabled):not(:disabled), a:active > a.btn-yellow:not(.disabled):not(:disabled), a:focus > a.btn-yellow:not(.disabled):not(:disabled), .badge-yellow:hover, .badge-yellow:active, .badge-yellow:focus, a:hover > .badge-yellow, a:active > .badge-yellow, a:focus > .badge-yellow, .badge-yellow:not(.disabled):not(:disabled):hover, .badge-yellow:not(.disabled):not(:disabled):active, .badge-yellow:not(.disabled):not(:disabled):focus, a:hover > .badge-yellow:not(.disabled):not(:disabled), a:active > .badge-yellow:not(.disabled):not(:disabled), a:focus > .badge-yellow:not(.disabled):not(:disabled), .chip-yellow:hover, .chip-yellow:active, .chip-yellow:focus, a:hover > .chip-yellow, a:active > .chip-yellow, a:focus > .chip-yellow, .chip-yellow:not(.disabled):not(:disabled):hover, .chip-yellow:not(.disabled):not(:disabled):active, .chip-yellow:not(.disabled):not(:disabled):focus, a:hover > .chip-yellow:not(.disabled):not(:disabled), a:active > .chip-yellow:not(.disabled):not(:disabled), a:focus > .chip-yellow:not(.disabled):not(:disabled), a.chip-yellow:hover, a.chip-yellow:active, a.chip-yellow:focus, a:hover > a.chip-yellow, a:active > a.chip-yellow, a:focus > a.chip-yellow, a.chip-yellow:not(.disabled):not(:disabled):hover, a.chip-yellow:not(.disabled):not(:disabled):active, a.chip-yellow:not(.disabled):not(:disabled):focus, a:hover > a.chip-yellow:not(.disabled):not(:disabled), a:active > a.chip-yellow:not(.disabled):not(:disabled), a:focus > a.chip-yellow:not(.disabled):not(:disabled), a.badge-yellow:hover, a.badge-yellow:active, a.badge-yellow:focus, a:hover > a.badge-yellow, a:active > a.badge-yellow, a:focus > a.badge-yellow, a.badge-yellow:not(.disabled):not(:disabled):hover, a.badge-yellow:not(.disabled):not(:disabled):active, a.badge-yellow:not(.disabled):not(:disabled):focus, a:hover > a.badge-yellow:not(.disabled):not(:disabled), a:active > a.badge-yellow:not(.disabled):not(:disabled), a:focus > a.badge-yellow:not(.disabled):not(:disabled), .label-yellow:hover, .label-yellow:active, .label-yellow:focus, a:hover > .label-yellow, a:active > .label-yellow, a:focus > .label-yellow, .label-yellow:not(.disabled):not(:disabled):hover, .label-yellow:not(.disabled):not(:disabled):active, .label-yellow:not(.disabled):not(:disabled):focus, a:hover > .label-yellow:not(.disabled):not(:disabled), a:active > .label-yellow:not(.disabled):not(:disabled), a:focus > .label-yellow:not(.disabled):not(:disabled), a.label-yellow:hover, a.label-yellow:active, a.label-yellow:focus, a:hover > a.label-yellow, a:active > a.label-yellow, a:focus > a.label-yellow, a.label-yellow:not(.disabled):not(:disabled):hover, a.label-yellow:not(.disabled):not(:disabled):active, a.label-yellow:not(.disabled):not(:disabled):focus, a:hover > a.label-yellow:not(.disabled):not(:disabled), a:active > a.label-yellow:not(.disabled):not(:disabled), a:focus > a.label-yellow:not(.disabled):not(:disabled), label.label-yellow:hover, label.label-yellow:active, label.label-yellow:focus, a:hover > label.label-yellow, a:active > label.label-yellow, a:focus > label.label-yellow, label.label-yellow:not(.disabled):not(:disabled):hover, label.label-yellow:not(.disabled):not(:disabled):active, label.label-yellow:not(.disabled):not(:disabled):focus, a:hover > label.label-yellow:not(.disabled):not(:disabled), a:active > label.label-yellow:not(.dis
color: #fffefb; }
.btn-yellow:hover:before, .btn-yellow:active:before, .btn-yellow:focus:before, a:hover > .btn-yellow:before, a:active > .btn-yellow:before, a:focus > .btn-yellow:before, .btn-yellow:not(.disabled):not(:disabled):hover:before, .btn-yellow:not(.disabled):not(:disabled):active:before, .btn-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .btn-yellow:not(.disabled):not(:disabled):before, a:active > .btn-yellow:not(.disabled):not(:disabled):before, a:focus > .btn-yellow:not(.disabled):not(:disabled):before, a.btn-yellow:hover:before, a.btn-yellow:active:before, a.btn-yellow:focus:before, a:hover > a.btn-yellow:before, a:active > a.btn-yellow:before, a:focus > a.btn-yellow:before, a.btn-yellow:not(.disabled):not(:disabled):hover:before, a.btn-yellow:not(.disabled):not(:disabled):active:before, a.btn-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-yellow:not(.disabled):not(:disabled):before, a:active > a.btn-yellow:not(.disabled):not(:disabled):before, a:focus > a.btn-yellow:not(.disabled):not(:disabled):before, .badge-yellow:hover:before, .badge-yellow:active:before, .badge-yellow:focus:before, a:hover > .badge-yellow:before, a:active > .badge-yellow:before, a:focus > .badge-yellow:before, .badge-yellow:not(.disabled):not(:disabled):hover:before, .badge-yellow:not(.disabled):not(:disabled):active:before, .badge-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .badge-yellow:not(.disabled):not(:disabled):before, a:active > .badge-yellow:not(.disabled):not(:disabled):before, a:focus > .badge-yellow:not(.disabled):not(:disabled):before, .chip-yellow:hover:before, .chip-yellow:active:before, .chip-yellow:focus:before, a:hover > .chip-yellow:before, a:active > .chip-yellow:before, a:focus > .chip-yellow:before, .chip-yellow:not(.disabled):not(:disabled):hover:before, .chip-yellow:not(.disabled):not(:disabled):active:before, .chip-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .chip-yellow:not(.disabled):not(:disabled):before, a:active > .chip-yellow:not(.disabled):not(:disabled):before, a:focus > .chip-yellow:not(.disabled):not(:disabled):before, a.chip-yellow:hover:before, a.chip-yellow:active:before, a.chip-yellow:focus:before, a:hover > a.chip-yellow:before, a:active > a.chip-yellow:before, a:focus > a.chip-yellow:before, a.chip-yellow:not(.disabled):not(:disabled):hover:before, a.chip-yellow:not(.disabled):not(:disabled):active:before, a.chip-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-yellow:not(.disabled):not(:disabled):before, a:active > a.chip-yellow:not(.disabled):not(:disabled):before, a:focus > a.chip-yellow:not(.disabled):not(:disabled):before, a.badge-yellow:hover:before, a.badge-yellow:active:before, a.badge-yellow:focus:before, a:hover > a.badge-yellow:before, a:active > a.badge-yellow:before, a:focus > a.badge-yellow:before, a.badge-yellow:not(.disabled):not(:disabled):hover:before, a.badge-yellow:not(.disabled):not(:disabled):active:before, a.badge-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-yellow:not(.disabled):not(:disabled):before, a:active > a.badge-yellow:not(.disabled):not(:disabled):before, a:focus > a.badge-yellow:not(.disabled):not(:disabled):before, .label-yellow:hover:before, .label-yellow:active:before, .label-yellow:focus:before, a:hover > .label-yellow:before, a:active > .label-yellow:before, a:focus > .label-yellow:before, .label-yellow:not(.disabled):not(:disabled):hover:before, .label-yellow:not(.disabled):not(:disabled):active:before, .label-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .label-yellow:not(.disabled):not(:disabled):before, a:active > .label-yellow:not(.disabled):not(:disabled):before, a:focus > .label-yellow:not(.disabled):not(:disabled):before, a.label-yellow:hover:before, a.label-yellow:active:before, a.label-yellow:focus:before, a:hover > a.label-yellow:before, a:active > a.label-yellow:before, a:focus > a.label-yellow:before, a.label-yellow:not(.disabled):not(:disabled):hover:before, a.label-yellow:not(.disabled):not(:disabled):active:before, a.label-yell
background-color: #8f6c00; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-brown, a.btn-brown, .badge-brown, .chip-brown, a.chip-brown, a.badge-brown, .label-brown, a.label-brown, label.label-brown {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-brown:before, a.btn-brown:before, .badge-brown:before, .chip-brown:before, a.chip-brown:before, a.badge-brown:before, .label-brown:before, a.label-brown:before, label.label-brown:before {
background-color: #b58900; }
.btn-brown:hover, .btn-brown:active, .btn-brown:focus, a:hover > .btn-brown, a:active > .btn-brown, a:focus > .btn-brown, .btn-brown:not(.disabled):not(:disabled):hover, .btn-brown:not(.disabled):not(:disabled):active, .btn-brown:not(.disabled):not(:disabled):focus, a:hover > .btn-brown:not(.disabled):not(:disabled), a:active > .btn-brown:not(.disabled):not(:disabled), a:focus > .btn-brown:not(.disabled):not(:disabled), a.btn-brown:hover, a.btn-brown:active, a.btn-brown:focus, a:hover > a.btn-brown, a:active > a.btn-brown, a:focus > a.btn-brown, a.btn-brown:not(.disabled):not(:disabled):hover, a.btn-brown:not(.disabled):not(:disabled):active, a.btn-brown:not(.disabled):not(:disabled):focus, a:hover > a.btn-brown:not(.disabled):not(:disabled), a:active > a.btn-brown:not(.disabled):not(:disabled), a:focus > a.btn-brown:not(.disabled):not(:disabled), .badge-brown:hover, .badge-brown:active, .badge-brown:focus, a:hover > .badge-brown, a:active > .badge-brown, a:focus > .badge-brown, .badge-brown:not(.disabled):not(:disabled):hover, .badge-brown:not(.disabled):not(:disabled):active, .badge-brown:not(.disabled):not(:disabled):focus, a:hover > .badge-brown:not(.disabled):not(:disabled), a:active > .badge-brown:not(.disabled):not(:disabled), a:focus > .badge-brown:not(.disabled):not(:disabled), .chip-brown:hover, .chip-brown:active, .chip-brown:focus, a:hover > .chip-brown, a:active > .chip-brown, a:focus > .chip-brown, .chip-brown:not(.disabled):not(:disabled):hover, .chip-brown:not(.disabled):not(:disabled):active, .chip-brown:not(.disabled):not(:disabled):focus, a:hover > .chip-brown:not(.disabled):not(:disabled), a:active > .chip-brown:not(.disabled):not(:disabled), a:focus > .chip-brown:not(.disabled):not(:disabled), a.chip-brown:hover, a.chip-brown:active, a.chip-brown:focus, a:hover > a.chip-brown, a:active > a.chip-brown, a:focus > a.chip-brown, a.chip-brown:not(.disabled):not(:disabled):hover, a.chip-brown:not(.disabled):not(:disabled):active, a.chip-brown:not(.disabled):not(:disabled):focus, a:hover > a.chip-brown:not(.disabled):not(:disabled), a:active > a.chip-brown:not(.disabled):not(:disabled), a:focus > a.chip-brown:not(.disabled):not(:disabled), a.badge-brown:hover, a.badge-brown:active, a.badge-brown:focus, a:hover > a.badge-brown, a:active > a.badge-brown, a:focus > a.badge-brown, a.badge-brown:not(.disabled):not(:disabled):hover, a.badge-brown:not(.disabled):not(:disabled):active, a.badge-brown:not(.disabled):not(:disabled):focus, a:hover > a.badge-brown:not(.disabled):not(:disabled), a:active > a.badge-brown:not(.disabled):not(:disabled), a:focus > a.badge-brown:not(.disabled):not(:disabled), .label-brown:hover, .label-brown:active, .label-brown:focus, a:hover > .label-brown, a:active > .label-brown, a:focus > .label-brown, .label-brown:not(.disabled):not(:disabled):hover, .label-brown:not(.disabled):not(:disabled):active, .label-brown:not(.disabled):not(:disabled):focus, a:hover > .label-brown:not(.disabled):not(:disabled), a:active > .label-brown:not(.disabled):not(:disabled), a:focus > .label-brown:not(.disabled):not(:disabled), a.label-brown:hover, a.label-brown:active, a.label-brown:focus, a:hover > a.label-brown, a:active > a.label-brown, a:focus > a.label-brown, a.label-brown:not(.disabled):not(:disabled):hover, a.label-brown:not(.disabled):not(:disabled):active, a.label-brown:not(.disabled):not(:disabled):focus, a:hover > a.label-brown:not(.disabled):not(:disabled), a:active > a.label-brown:not(.disabled):not(:disabled), a:focus > a.label-brown:not(.disabled):not(:disabled), label.label-brown:hover, label.label-brown:active, label.label-brown:focus, a:hover > label.label-brown, a:active > label.label-brown, a:focus > label.label-brown, label.label-brown:not(.disabled):not(:disabled):hover, label.label-brown:not(.disabled):not(:disabled):active, label.label-brown:not(.disabled):not(:disabled):focus, a:hover > label.label-brown:not(.disabled):not(:disabled), a:active > label.label-brown:not(.disabled):not(:disabled), a:focus > label.label-brown:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-brown:hover:before, .btn-brown:active:before, .btn-brown:focus:before, a:hover > .btn-brown:before, a:active > .btn-brown:before, a:focus > .btn-brown:before, .btn-brown:not(.disabled):not(:disabled):hover:before, .btn-brown:not(.disabled):not(:disabled):active:before, .btn-brown:not(.disabled):not(:disabled):focus:before, a:hover > .btn-brown:not(.disabled):not(:disabled):before, a:active > .btn-brown:not(.disabled):not(:disabled):before, a:focus > .btn-brown:not(.disabled):not(:disabled):before, a.btn-brown:hover:before, a.btn-brown:active:before, a.btn-brown:focus:before, a:hover > a.btn-brown:before, a:active > a.btn-brown:before, a:focus > a.btn-brown:before, a.btn-brown:not(.disabled):not(:disabled):hover:before, a.btn-brown:not(.disabled):not(:disabled):active:before, a.btn-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-brown:not(.disabled):not(:disabled):before, a:active > a.btn-brown:not(.disabled):not(:disabled):before, a:focus > a.btn-brown:not(.disabled):not(:disabled):before, .badge-brown:hover:before, .badge-brown:active:before, .badge-brown:focus:before, a:hover > .badge-brown:before, a:active > .badge-brown:before, a:focus > .badge-brown:before, .badge-brown:not(.disabled):not(:disabled):hover:before, .badge-brown:not(.disabled):not(:disabled):active:before, .badge-brown:not(.disabled):not(:disabled):focus:before, a:hover > .badge-brown:not(.disabled):not(:disabled):before, a:active > .badge-brown:not(.disabled):not(:disabled):before, a:focus > .badge-brown:not(.disabled):not(:disabled):before, .chip-brown:hover:before, .chip-brown:active:before, .chip-brown:focus:before, a:hover > .chip-brown:before, a:active > .chip-brown:before, a:focus > .chip-brown:before, .chip-brown:not(.disabled):not(:disabled):hover:before, .chip-brown:not(.disabled):not(:disabled):active:before, .chip-brown:not(.disabled):not(:disabled):focus:before, a:hover > .chip-brown:not(.disabled):not(:disabled):before, a:active > .chip-brown:not(.disabled):not(:disabled):before, a:focus > .chip-brown:not(.disabled):not(:disabled):before, a.chip-brown:hover:before, a.chip-brown:active:before, a.chip-brown:focus:before, a:hover > a.chip-brown:before, a:active > a.chip-brown:before, a:focus > a.chip-brown:before, a.chip-brown:not(.disabled):not(:disabled):hover:before, a.chip-brown:not(.disabled):not(:disabled):active:before, a.chip-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-brown:not(.disabled):not(:disabled):before, a:active > a.chip-brown:not(.disabled):not(:disabled):before, a:focus > a.chip-brown:not(.disabled):not(:disabled):before, a.badge-brown:hover:before, a.badge-brown:active:before, a.badge-brown:focus:before, a:hover > a.badge-brown:before, a:active > a.badge-brown:before, a:focus > a.badge-brown:before, a.badge-brown:not(.disabled):not(:disabled):hover:before, a.badge-brown:not(.disabled):not(:disabled):active:before, a.badge-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-brown:not(.disabled):not(:disabled):before, a:active > a.badge-brown:not(.disabled):not(:disabled):before, a:focus > a.badge-brown:not(.disabled):not(:disabled):before, .label-brown:hover:before, .label-brown:active:before, .label-brown:focus:before, a:hover > .label-brown:before, a:active > .label-brown:before, a:focus > .label-brown:before, .label-brown:not(.disabled):not(:disabled):hover:before, .label-brown:not(.disabled):not(:disabled):active:before, .label-brown:not(.disabled):not(:disabled):focus:before, a:hover > .label-brown:not(.disabled):not(:disabled):before, a:active > .label-brown:not(.disabled):not(:disabled):before, a:focus > .label-brown:not(.disabled):not(:disabled):before, a.label-brown:hover:before, a.label-brown:active:before, a.label-brown:focus:before, a:hover > a.label-brown:before, a:active > a.label-brown:before, a:focus > a.label-brown:before, a.label-brown:not(.disabled):not(:disabled):hover:before, a.label-brown:not(.disabled):not(:disabled):active:before, a.label-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.label-brown:not(.disabled):not(:di
background-color: #8f6c00; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-grey, a.btn-grey, .badge-grey, .chip-grey, a.chip-grey, a.badge-grey, .label-grey, a.label-grey, label.label-grey {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-grey:before, a.btn-grey:before, .badge-grey:before, .chip-grey:before, a.chip-grey:before, a.badge-grey:before, .label-grey:before, a.label-grey:before, label.label-grey:before {
background-color: #586e75; }
.btn-grey:hover, .btn-grey:active, .btn-grey:focus, a:hover > .btn-grey, a:active > .btn-grey, a:focus > .btn-grey, .btn-grey:not(.disabled):not(:disabled):hover, .btn-grey:not(.disabled):not(:disabled):active, .btn-grey:not(.disabled):not(:disabled):focus, a:hover > .btn-grey:not(.disabled):not(:disabled), a:active > .btn-grey:not(.disabled):not(:disabled), a:focus > .btn-grey:not(.disabled):not(:disabled), a.btn-grey:hover, a.btn-grey:active, a.btn-grey:focus, a:hover > a.btn-grey, a:active > a.btn-grey, a:focus > a.btn-grey, a.btn-grey:not(.disabled):not(:disabled):hover, a.btn-grey:not(.disabled):not(:disabled):active, a.btn-grey:not(.disabled):not(:disabled):focus, a:hover > a.btn-grey:not(.disabled):not(:disabled), a:active > a.btn-grey:not(.disabled):not(:disabled), a:focus > a.btn-grey:not(.disabled):not(:disabled), .badge-grey:hover, .badge-grey:active, .badge-grey:focus, a:hover > .badge-grey, a:active > .badge-grey, a:focus > .badge-grey, .badge-grey:not(.disabled):not(:disabled):hover, .badge-grey:not(.disabled):not(:disabled):active, .badge-grey:not(.disabled):not(:disabled):focus, a:hover > .badge-grey:not(.disabled):not(:disabled), a:active > .badge-grey:not(.disabled):not(:disabled), a:focus > .badge-grey:not(.disabled):not(:disabled), .chip-grey:hover, .chip-grey:active, .chip-grey:focus, a:hover > .chip-grey, a:active > .chip-grey, a:focus > .chip-grey, .chip-grey:not(.disabled):not(:disabled):hover, .chip-grey:not(.disabled):not(:disabled):active, .chip-grey:not(.disabled):not(:disabled):focus, a:hover > .chip-grey:not(.disabled):not(:disabled), a:active > .chip-grey:not(.disabled):not(:disabled), a:focus > .chip-grey:not(.disabled):not(:disabled), a.chip-grey:hover, a.chip-grey:active, a.chip-grey:focus, a:hover > a.chip-grey, a:active > a.chip-grey, a:focus > a.chip-grey, a.chip-grey:not(.disabled):not(:disabled):hover, a.chip-grey:not(.disabled):not(:disabled):active, a.chip-grey:not(.disabled):not(:disabled):focus, a:hover > a.chip-grey:not(.disabled):not(:disabled), a:active > a.chip-grey:not(.disabled):not(:disabled), a:focus > a.chip-grey:not(.disabled):not(:disabled), a.badge-grey:hover, a.badge-grey:active, a.badge-grey:focus, a:hover > a.badge-grey, a:active > a.badge-grey, a:focus > a.badge-grey, a.badge-grey:not(.disabled):not(:disabled):hover, a.badge-grey:not(.disabled):not(:disabled):active, a.badge-grey:not(.disabled):not(:disabled):focus, a:hover > a.badge-grey:not(.disabled):not(:disabled), a:active > a.badge-grey:not(.disabled):not(:disabled), a:focus > a.badge-grey:not(.disabled):not(:disabled), .label-grey:hover, .label-grey:active, .label-grey:focus, a:hover > .label-grey, a:active > .label-grey, a:focus > .label-grey, .label-grey:not(.disabled):not(:disabled):hover, .label-grey:not(.disabled):not(:disabled):active, .label-grey:not(.disabled):not(:disabled):focus, a:hover > .label-grey:not(.disabled):not(:disabled), a:active > .label-grey:not(.disabled):not(:disabled), a:focus > .label-grey:not(.disabled):not(:disabled), a.label-grey:hover, a.label-grey:active, a.label-grey:focus, a:hover > a.label-grey, a:active > a.label-grey, a:focus > a.label-grey, a.label-grey:not(.disabled):not(:disabled):hover, a.label-grey:not(.disabled):not(:disabled):active, a.label-grey:not(.disabled):not(:disabled):focus, a:hover > a.label-grey:not(.disabled):not(:disabled), a:active > a.label-grey:not(.disabled):not(:disabled), a:focus > a.label-grey:not(.disabled):not(:disabled), label.label-grey:hover, label.label-grey:active, label.label-grey:focus, a:hover > label.label-grey, a:active > label.label-grey, a:focus > label.label-grey, label.label-grey:not(.disabled):not(:disabled):hover, label.label-grey:not(.disabled):not(:disabled):active, label.label-grey:not(.disabled):not(:disabled):focus, a:hover > label.label-grey:not(.disabled):not(:disabled), a:active > label.label-grey:not(.disabled):not(:disabled), a:focus > label.label-grey:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-grey:hover:before, .btn-grey:active:before, .btn-grey:focus:before, a:hover > .btn-grey:before, a:active > .btn-grey:before, a:focus > .btn-grey:before, .btn-grey:not(.disabled):not(:disabled):hover:before, .btn-grey:not(.disabled):not(:disabled):active:before, .btn-grey:not(.disabled):not(:disabled):focus:before, a:hover > .btn-grey:not(.disabled):not(:disabled):before, a:active > .btn-grey:not(.disabled):not(:disabled):before, a:focus > .btn-grey:not(.disabled):not(:disabled):before, a.btn-grey:hover:before, a.btn-grey:active:before, a.btn-grey:focus:before, a:hover > a.btn-grey:before, a:active > a.btn-grey:before, a:focus > a.btn-grey:before, a.btn-grey:not(.disabled):not(:disabled):hover:before, a.btn-grey:not(.disabled):not(:disabled):active:before, a.btn-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-grey:not(.disabled):not(:disabled):before, a:active > a.btn-grey:not(.disabled):not(:disabled):before, a:focus > a.btn-grey:not(.disabled):not(:disabled):before, .badge-grey:hover:before, .badge-grey:active:before, .badge-grey:focus:before, a:hover > .badge-grey:before, a:active > .badge-grey:before, a:focus > .badge-grey:before, .badge-grey:not(.disabled):not(:disabled):hover:before, .badge-grey:not(.disabled):not(:disabled):active:before, .badge-grey:not(.disabled):not(:disabled):focus:before, a:hover > .badge-grey:not(.disabled):not(:disabled):before, a:active > .badge-grey:not(.disabled):not(:disabled):before, a:focus > .badge-grey:not(.disabled):not(:disabled):before, .chip-grey:hover:before, .chip-grey:active:before, .chip-grey:focus:before, a:hover > .chip-grey:before, a:active > .chip-grey:before, a:focus > .chip-grey:before, .chip-grey:not(.disabled):not(:disabled):hover:before, .chip-grey:not(.disabled):not(:disabled):active:before, .chip-grey:not(.disabled):not(:disabled):focus:before, a:hover > .chip-grey:not(.disabled):not(:disabled):before, a:active > .chip-grey:not(.disabled):not(:disabled):before, a:focus > .chip-grey:not(.disabled):not(:disabled):before, a.chip-grey:hover:before, a.chip-grey:active:before, a.chip-grey:focus:before, a:hover > a.chip-grey:before, a:active > a.chip-grey:before, a:focus > a.chip-grey:before, a.chip-grey:not(.disabled):not(:disabled):hover:before, a.chip-grey:not(.disabled):not(:disabled):active:before, a.chip-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-grey:not(.disabled):not(:disabled):before, a:active > a.chip-grey:not(.disabled):not(:disabled):before, a:focus > a.chip-grey:not(.disabled):not(:disabled):before, a.badge-grey:hover:before, a.badge-grey:active:before, a.badge-grey:focus:before, a:hover > a.badge-grey:before, a:active > a.badge-grey:before, a:focus > a.badge-grey:before, a.badge-grey:not(.disabled):not(:disabled):hover:before, a.badge-grey:not(.disabled):not(:disabled):active:before, a.badge-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-grey:not(.disabled):not(:disabled):before, a:active > a.badge-grey:not(.disabled):not(:disabled):before, a:focus > a.badge-grey:not(.disabled):not(:disabled):before, .label-grey:hover:before, .label-grey:active:before, .label-grey:focus:before, a:hover > .label-grey:before, a:active > .label-grey:before, a:focus > .label-grey:before, .label-grey:not(.disabled):not(:disabled):hover:before, .label-grey:not(.disabled):not(:disabled):active:before, .label-grey:not(.disabled):not(:disabled):focus:before, a:hover > .label-grey:not(.disabled):not(:disabled):before, a:active > .label-grey:not(.disabled):not(:disabled):before, a:focus > .label-grey:not(.disabled):not(:disabled):before, a.label-grey:hover:before, a.label-grey:active:before, a.label-grey:focus:before, a:hover > a.label-grey:before, a:active > a.label-grey:before, a:focus > a.label-grey:before, a.label-grey:not(.disabled):not(:disabled):hover:before, a.label-grey:not(.disabled):not(:disabled):active:before, a.label-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.label-grey:not(.disabled):not(:disabled):before, a:active > a.label-grey:not(.disabled):not(:disabled):before, a:focus > a.labe
background-color: #48595f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-primary, a.btn-primary, .badge-primary, .chip-primary, a.chip-primary, a.badge-primary, .label-primary, a.label-primary, label.label-primary {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-primary:before, a.btn-primary:before, .badge-primary:before, .chip-primary:before, a.chip-primary:before, a.badge-primary:before, .label-primary:before, a.label-primary:before, label.label-primary:before {
background-color: #d33682; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, a:hover > .btn-primary, a:active > .btn-primary, a:focus > .btn-primary, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus, a:hover > .btn-primary:not(.disabled):not(:disabled), a:active > .btn-primary:not(.disabled):not(:disabled), a:focus > .btn-primary:not(.disabled):not(:disabled), a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus, a:hover > a.btn-primary, a:active > a.btn-primary, a:focus > a.btn-primary, a.btn-primary:not(.disabled):not(:disabled):hover, a.btn-primary:not(.disabled):not(:disabled):active, a.btn-primary:not(.disabled):not(:disabled):focus, a:hover > a.btn-primary:not(.disabled):not(:disabled), a:active > a.btn-primary:not(.disabled):not(:disabled), a:focus > a.btn-primary:not(.disabled):not(:disabled), .badge-primary:hover, .badge-primary:active, .badge-primary:focus, a:hover > .badge-primary, a:active > .badge-primary, a:focus > .badge-primary, .badge-primary:not(.disabled):not(:disabled):hover, .badge-primary:not(.disabled):not(:disabled):active, .badge-primary:not(.disabled):not(:disabled):focus, a:hover > .badge-primary:not(.disabled):not(:disabled), a:active > .badge-primary:not(.disabled):not(:disabled), a:focus > .badge-primary:not(.disabled):not(:disabled), .chip-primary:hover, .chip-primary:active, .chip-primary:focus, a:hover > .chip-primary, a:active > .chip-primary, a:focus > .chip-primary, .chip-primary:not(.disabled):not(:disabled):hover, .chip-primary:not(.disabled):not(:disabled):active, .chip-primary:not(.disabled):not(:disabled):focus, a:hover > .chip-primary:not(.disabled):not(:disabled), a:active > .chip-primary:not(.disabled):not(:disabled), a:focus > .chip-primary:not(.disabled):not(:disabled), a.chip-primary:hover, a.chip-primary:active, a.chip-primary:focus, a:hover > a.chip-primary, a:active > a.chip-primary, a:focus > a.chip-primary, a.chip-primary:not(.disabled):not(:disabled):hover, a.chip-primary:not(.disabled):not(:disabled):active, a.chip-primary:not(.disabled):not(:disabled):focus, a:hover > a.chip-primary:not(.disabled):not(:disabled), a:active > a.chip-primary:not(.disabled):not(:disabled), a:focus > a.chip-primary:not(.disabled):not(:disabled), a.badge-primary:hover, a.badge-primary:active, a.badge-primary:focus, a:hover > a.badge-primary, a:active > a.badge-primary, a:focus > a.badge-primary, a.badge-primary:not(.disabled):not(:disabled):hover, a.badge-primary:not(.disabled):not(:disabled):active, a.badge-primary:not(.disabled):not(:disabled):focus, a:hover > a.badge-primary:not(.disabled):not(:disabled), a:active > a.badge-primary:not(.disabled):not(:disabled), a:focus > a.badge-primary:not(.disabled):not(:disabled), .label-primary:hover, .label-primary:active, .label-primary:focus, a:hover > .label-primary, a:active > .label-primary, a:focus > .label-primary, .label-primary:not(.disabled):not(:disabled):hover, .label-primary:not(.disabled):not(:disabled):active, .label-primary:not(.disabled):not(:disabled):focus, a:hover > .label-primary:not(.disabled):not(:disabled), a:active > .label-primary:not(.disabled):not(:disabled), a:focus > .label-primary:not(.disabled):not(:disabled), a.label-primary:hover, a.label-primary:active, a.label-primary:focus, a:hover > a.label-primary, a:active > a.label-primary, a:focus > a.label-primary, a.label-primary:not(.disabled):not(:disabled):hover, a.label-primary:not(.disabled):not(:disabled):active, a.label-primary:not(.disabled):not(:disabled):focus, a:hover > a.label-primary:not(.disabled):not(:disabled), a:active > a.label-primary:not(.disabled):not(:disabled), a:focus > a.label-primary:not(.disabled):not(:disabled), label.label-primary:hover, label.label-primary:active, label.label-primary:focus, a:hover > label.label-primary, a:active > label.label-primary, a:focus > label.label-primary, label.label-primary:not(.disabled):not(:disabled):hover, label.label-primary:not(.disabled):not(:disabled):active, label.label-primary:not(.disabled):not(:disabled):
color: #fffefb; }
.btn-primary:hover:before, .btn-primary:active:before, .btn-primary:focus:before, a:hover > .btn-primary:before, a:active > .btn-primary:before, a:focus > .btn-primary:before, .btn-primary:not(.disabled):not(:disabled):hover:before, .btn-primary:not(.disabled):not(:disabled):active:before, .btn-primary:not(.disabled):not(:disabled):focus:before, a:hover > .btn-primary:not(.disabled):not(:disabled):before, a:active > .btn-primary:not(.disabled):not(:disabled):before, a:focus > .btn-primary:not(.disabled):not(:disabled):before, a.btn-primary:hover:before, a.btn-primary:active:before, a.btn-primary:focus:before, a:hover > a.btn-primary:before, a:active > a.btn-primary:before, a:focus > a.btn-primary:before, a.btn-primary:not(.disabled):not(:disabled):hover:before, a.btn-primary:not(.disabled):not(:disabled):active:before, a.btn-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-primary:not(.disabled):not(:disabled):before, a:active > a.btn-primary:not(.disabled):not(:disabled):before, a:focus > a.btn-primary:not(.disabled):not(:disabled):before, .badge-primary:hover:before, .badge-primary:active:before, .badge-primary:focus:before, a:hover > .badge-primary:before, a:active > .badge-primary:before, a:focus > .badge-primary:before, .badge-primary:not(.disabled):not(:disabled):hover:before, .badge-primary:not(.disabled):not(:disabled):active:before, .badge-primary:not(.disabled):not(:disabled):focus:before, a:hover > .badge-primary:not(.disabled):not(:disabled):before, a:active > .badge-primary:not(.disabled):not(:disabled):before, a:focus > .badge-primary:not(.disabled):not(:disabled):before, .chip-primary:hover:before, .chip-primary:active:before, .chip-primary:focus:before, a:hover > .chip-primary:before, a:active > .chip-primary:before, a:focus > .chip-primary:before, .chip-primary:not(.disabled):not(:disabled):hover:before, .chip-primary:not(.disabled):not(:disabled):active:before, .chip-primary:not(.disabled):not(:disabled):focus:before, a:hover > .chip-primary:not(.disabled):not(:disabled):before, a:active > .chip-primary:not(.disabled):not(:disabled):before, a:focus > .chip-primary:not(.disabled):not(:disabled):before, a.chip-primary:hover:before, a.chip-primary:active:before, a.chip-primary:focus:before, a:hover > a.chip-primary:before, a:active > a.chip-primary:before, a:focus > a.chip-primary:before, a.chip-primary:not(.disabled):not(:disabled):hover:before, a.chip-primary:not(.disabled):not(:disabled):active:before, a.chip-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-primary:not(.disabled):not(:disabled):before, a:active > a.chip-primary:not(.disabled):not(:disabled):before, a:focus > a.chip-primary:not(.disabled):not(:disabled):before, a.badge-primary:hover:before, a.badge-primary:active:before, a.badge-primary:focus:before, a:hover > a.badge-primary:before, a:active > a.badge-primary:before, a:focus > a.badge-primary:before, a.badge-primary:not(.disabled):not(:disabled):hover:before, a.badge-primary:not(.disabled):not(:disabled):active:before, a.badge-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-primary:not(.disabled):not(:disabled):before, a:active > a.badge-primary:not(.disabled):not(:disabled):before, a:focus > a.badge-primary:not(.disabled):not(:disabled):before, .label-primary:hover:before, .label-primary:active:before, .label-primary:focus:before, a:hover > .label-primary:before, a:active > .label-primary:before, a:focus > .label-primary:before, .label-primary:not(.disabled):not(:disabled):hover:before, .label-primary:not(.disabled):not(:disabled):active:before, .label-primary:not(.disabled):not(:disabled):focus:before, a:hover > .label-primary:not(.disabled):not(:disabled):before, a:active > .label-primary:not(.disabled):not(:disabled):before, a:focus > .label-primary:not(.disabled):not(:disabled):before, a.label-primary:hover:before, a.label-primary:active:before, a.label-primary:focus:before, a:hover > a.label-primary:before, a:active > a.label-primary:before, a:focus > a.label-primary:before, a.label-primary:not(.disabled):not(:disab
background-color: #ba296f; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-secondary, a.btn-secondary, .badge-secondary, .chip-secondary, a.chip-secondary, a.badge-secondary, .label-secondary, a.label-secondary, label.label-secondary {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-secondary:before, a.btn-secondary:before, .badge-secondary:before, .chip-secondary:before, a.chip-secondary:before, a.badge-secondary:before, .label-secondary:before, a.label-secondary:before, label.label-secondary:before {
background-color: #2aa198; }
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, a:hover > .btn-secondary, a:active > .btn-secondary, a:focus > .btn-secondary, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active, .btn-secondary:not(.disabled):not(:disabled):focus, a:hover > .btn-secondary:not(.disabled):not(:disabled), a:active > .btn-secondary:not(.disabled):not(:disabled), a:focus > .btn-secondary:not(.disabled):not(:disabled), a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus, a:hover > a.btn-secondary, a:active > a.btn-secondary, a:focus > a.btn-secondary, a.btn-secondary:not(.disabled):not(:disabled):hover, a.btn-secondary:not(.disabled):not(:disabled):active, a.btn-secondary:not(.disabled):not(:disabled):focus, a:hover > a.btn-secondary:not(.disabled):not(:disabled), a:active > a.btn-secondary:not(.disabled):not(:disabled), a:focus > a.btn-secondary:not(.disabled):not(:disabled), .badge-secondary:hover, .badge-secondary:active, .badge-secondary:focus, a:hover > .badge-secondary, a:active > .badge-secondary, a:focus > .badge-secondary, .badge-secondary:not(.disabled):not(:disabled):hover, .badge-secondary:not(.disabled):not(:disabled):active, .badge-secondary:not(.disabled):not(:disabled):focus, a:hover > .badge-secondary:not(.disabled):not(:disabled), a:active > .badge-secondary:not(.disabled):not(:disabled), a:focus > .badge-secondary:not(.disabled):not(:disabled), .chip-secondary:hover, .chip-secondary:active, .chip-secondary:focus, a:hover > .chip-secondary, a:active > .chip-secondary, a:focus > .chip-secondary, .chip-secondary:not(.disabled):not(:disabled):hover, .chip-secondary:not(.disabled):not(:disabled):active, .chip-secondary:not(.disabled):not(:disabled):focus, a:hover > .chip-secondary:not(.disabled):not(:disabled), a:active > .chip-secondary:not(.disabled):not(:disabled), a:focus > .chip-secondary:not(.disabled):not(:disabled), a.chip-secondary:hover, a.chip-secondary:active, a.chip-secondary:focus, a:hover > a.chip-secondary, a:active > a.chip-secondary, a:focus > a.chip-secondary, a.chip-secondary:not(.disabled):not(:disabled):hover, a.chip-secondary:not(.disabled):not(:disabled):active, a.chip-secondary:not(.disabled):not(:disabled):focus, a:hover > a.chip-secondary:not(.disabled):not(:disabled), a:active > a.chip-secondary:not(.disabled):not(:disabled), a:focus > a.chip-secondary:not(.disabled):not(:disabled), a.badge-secondary:hover, a.badge-secondary:active, a.badge-secondary:focus, a:hover > a.badge-secondary, a:active > a.badge-secondary, a:focus > a.badge-secondary, a.badge-secondary:not(.disabled):not(:disabled):hover, a.badge-secondary:not(.disabled):not(:disabled):active, a.badge-secondary:not(.disabled):not(:disabled):focus, a:hover > a.badge-secondary:not(.disabled):not(:disabled), a:active > a.badge-secondary:not(.disabled):not(:disabled), a:focus > a.badge-secondary:not(.disabled):not(:disabled), .label-secondary:hover, .label-secondary:active, .label-secondary:focus, a:hover > .label-secondary, a:active > .label-secondary, a:focus > .label-secondary, .label-secondary:not(.disabled):not(:disabled):hover, .label-secondary:not(.disabled):not(:disabled):active, .label-secondary:not(.disabled):not(:disabled):focus, a:hover > .label-secondary:not(.disabled):not(:disabled), a:active > .label-secondary:not(.disabled):not(:disabled), a:focus > .label-secondary:not(.disabled):not(:disabled), a.label-secondary:hover, a.label-secondary:active, a.label-secondary:focus, a:hover > a.label-secondary, a:active > a.label-secondary, a:focus > a.label-secondary, a.label-secondary:not(.disabled):not(:disabled):hover, a.label-secondary:not(.disabled):not(:disabled):active, a.label-secondary:not(.disabled):not(:disabled):focus, a:hover > a.label-secondary:not(.disabled):not(:disabled), a:active > a.label-secondary:not(.disabled):not(:disabled), a:focus > a.label-secondary:not(.disabled):not(:disabled), label.label-secondary:hover, label.label-secondary:active, label.label-secondary:focus, a:hover > label.label-secondary, a:active > label.label-secon
color: #fffefb; }
.btn-secondary:hover:before, .btn-secondary:active:before, .btn-secondary:focus:before, a:hover > .btn-secondary:before, a:active > .btn-secondary:before, a:focus > .btn-secondary:before, .btn-secondary:not(.disabled):not(:disabled):hover:before, .btn-secondary:not(.disabled):not(:disabled):active:before, .btn-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .btn-secondary:not(.disabled):not(:disabled):before, a:active > .btn-secondary:not(.disabled):not(:disabled):before, a:focus > .btn-secondary:not(.disabled):not(:disabled):before, a.btn-secondary:hover:before, a.btn-secondary:active:before, a.btn-secondary:focus:before, a:hover > a.btn-secondary:before, a:active > a.btn-secondary:before, a:focus > a.btn-secondary:before, a.btn-secondary:not(.disabled):not(:disabled):hover:before, a.btn-secondary:not(.disabled):not(:disabled):active:before, a.btn-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-secondary:not(.disabled):not(:disabled):before, a:active > a.btn-secondary:not(.disabled):not(:disabled):before, a:focus > a.btn-secondary:not(.disabled):not(:disabled):before, .badge-secondary:hover:before, .badge-secondary:active:before, .badge-secondary:focus:before, a:hover > .badge-secondary:before, a:active > .badge-secondary:before, a:focus > .badge-secondary:before, .badge-secondary:not(.disabled):not(:disabled):hover:before, .badge-secondary:not(.disabled):not(:disabled):active:before, .badge-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .badge-secondary:not(.disabled):not(:disabled):before, a:active > .badge-secondary:not(.disabled):not(:disabled):before, a:focus > .badge-secondary:not(.disabled):not(:disabled):before, .chip-secondary:hover:before, .chip-secondary:active:before, .chip-secondary:focus:before, a:hover > .chip-secondary:before, a:active > .chip-secondary:before, a:focus > .chip-secondary:before, .chip-secondary:not(.disabled):not(:disabled):hover:before, .chip-secondary:not(.disabled):not(:disabled):active:before, .chip-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .chip-secondary:not(.disabled):not(:disabled):before, a:active > .chip-secondary:not(.disabled):not(:disabled):before, a:focus > .chip-secondary:not(.disabled):not(:disabled):before, a.chip-secondary:hover:before, a.chip-secondary:active:before, a.chip-secondary:focus:before, a:hover > a.chip-secondary:before, a:active > a.chip-secondary:before, a:focus > a.chip-secondary:before, a.chip-secondary:not(.disabled):not(:disabled):hover:before, a.chip-secondary:not(.disabled):not(:disabled):active:before, a.chip-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-secondary:not(.disabled):not(:disabled):before, a:active > a.chip-secondary:not(.disabled):not(:disabled):before, a:focus > a.chip-secondary:not(.disabled):not(:disabled):before, a.badge-secondary:hover:before, a.badge-secondary:active:before, a.badge-secondary:focus:before, a:hover > a.badge-secondary:before, a:active > a.badge-secondary:before, a:focus > a.badge-secondary:before, a.badge-secondary:not(.disabled):not(:disabled):hover:before, a.badge-secondary:not(.disabled):not(:disabled):active:before, a.badge-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-secondary:not(.disabled):not(:disabled):before, a:active > a.badge-secondary:not(.disabled):not(:disabled):before, a:focus > a.badge-secondary:not(.disabled):not(:disabled):before, .label-secondary:hover:before, .label-secondary:active:before, .label-secondary:focus:before, a:hover > .label-secondary:before, a:active > .label-secondary:before, a:focus > .label-secondary:before, .label-secondary:not(.disabled):not(:disabled):hover:before, .label-secondary:not(.disabled):not(:disabled):active:before, .label-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .label-secondary:not(.disabled):not(:disabled):before, a:active > .label-secondary:not(.disabled):not(:disabled):before, a:focus > .label-secondary:not(.disabled):not(:disabled):before, a.label-secondary:hover:before, a.label-secondary:active:before, a.
background-color: #22837b; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-warning, a.btn-warning, .badge-warning, .chip-warning, a.chip-warning, a.badge-warning, .label-warning, a.label-warning, label.label-warning {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-warning:before, a.btn-warning:before, .badge-warning:before, .chip-warning:before, a.chip-warning:before, a.badge-warning:before, .label-warning:before, a.label-warning:before, label.label-warning:before {
background-color: #cb4b16; }
.btn-warning:hover, .btn-warning:active, .btn-warning:focus, a:hover > .btn-warning, a:active > .btn-warning, a:focus > .btn-warning, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active, .btn-warning:not(.disabled):not(:disabled):focus, a:hover > .btn-warning:not(.disabled):not(:disabled), a:active > .btn-warning:not(.disabled):not(:disabled), a:focus > .btn-warning:not(.disabled):not(:disabled), a.btn-warning:hover, a.btn-warning:active, a.btn-warning:focus, a:hover > a.btn-warning, a:active > a.btn-warning, a:focus > a.btn-warning, a.btn-warning:not(.disabled):not(:disabled):hover, a.btn-warning:not(.disabled):not(:disabled):active, a.btn-warning:not(.disabled):not(:disabled):focus, a:hover > a.btn-warning:not(.disabled):not(:disabled), a:active > a.btn-warning:not(.disabled):not(:disabled), a:focus > a.btn-warning:not(.disabled):not(:disabled), .badge-warning:hover, .badge-warning:active, .badge-warning:focus, a:hover > .badge-warning, a:active > .badge-warning, a:focus > .badge-warning, .badge-warning:not(.disabled):not(:disabled):hover, .badge-warning:not(.disabled):not(:disabled):active, .badge-warning:not(.disabled):not(:disabled):focus, a:hover > .badge-warning:not(.disabled):not(:disabled), a:active > .badge-warning:not(.disabled):not(:disabled), a:focus > .badge-warning:not(.disabled):not(:disabled), .chip-warning:hover, .chip-warning:active, .chip-warning:focus, a:hover > .chip-warning, a:active > .chip-warning, a:focus > .chip-warning, .chip-warning:not(.disabled):not(:disabled):hover, .chip-warning:not(.disabled):not(:disabled):active, .chip-warning:not(.disabled):not(:disabled):focus, a:hover > .chip-warning:not(.disabled):not(:disabled), a:active > .chip-warning:not(.disabled):not(:disabled), a:focus > .chip-warning:not(.disabled):not(:disabled), a.chip-warning:hover, a.chip-warning:active, a.chip-warning:focus, a:hover > a.chip-warning, a:active > a.chip-warning, a:focus > a.chip-warning, a.chip-warning:not(.disabled):not(:disabled):hover, a.chip-warning:not(.disabled):not(:disabled):active, a.chip-warning:not(.disabled):not(:disabled):focus, a:hover > a.chip-warning:not(.disabled):not(:disabled), a:active > a.chip-warning:not(.disabled):not(:disabled), a:focus > a.chip-warning:not(.disabled):not(:disabled), a.badge-warning:hover, a.badge-warning:active, a.badge-warning:focus, a:hover > a.badge-warning, a:active > a.badge-warning, a:focus > a.badge-warning, a.badge-warning:not(.disabled):not(:disabled):hover, a.badge-warning:not(.disabled):not(:disabled):active, a.badge-warning:not(.disabled):not(:disabled):focus, a:hover > a.badge-warning:not(.disabled):not(:disabled), a:active > a.badge-warning:not(.disabled):not(:disabled), a:focus > a.badge-warning:not(.disabled):not(:disabled), .label-warning:hover, .label-warning:active, .label-warning:focus, a:hover > .label-warning, a:active > .label-warning, a:focus > .label-warning, .label-warning:not(.disabled):not(:disabled):hover, .label-warning:not(.disabled):not(:disabled):active, .label-warning:not(.disabled):not(:disabled):focus, a:hover > .label-warning:not(.disabled):not(:disabled), a:active > .label-warning:not(.disabled):not(:disabled), a:focus > .label-warning:not(.disabled):not(:disabled), a.label-warning:hover, a.label-warning:active, a.label-warning:focus, a:hover > a.label-warning, a:active > a.label-warning, a:focus > a.label-warning, a.label-warning:not(.disabled):not(:disabled):hover, a.label-warning:not(.disabled):not(:disabled):active, a.label-warning:not(.disabled):not(:disabled):focus, a:hover > a.label-warning:not(.disabled):not(:disabled), a:active > a.label-warning:not(.disabled):not(:disabled), a:focus > a.label-warning:not(.disabled):not(:disabled), label.label-warning:hover, label.label-warning:active, label.label-warning:focus, a:hover > label.label-warning, a:active > label.label-warning, a:focus > label.label-warning, label.label-warning:not(.disabled):not(:disabled):hover, label.label-warning:not(.disabled):not(:disabled):active, label.label-warning:not(.disabled):not(:disabled):
color: #fffefb; }
.btn-warning:hover:before, .btn-warning:active:before, .btn-warning:focus:before, a:hover > .btn-warning:before, a:active > .btn-warning:before, a:focus > .btn-warning:before, .btn-warning:not(.disabled):not(:disabled):hover:before, .btn-warning:not(.disabled):not(:disabled):active:before, .btn-warning:not(.disabled):not(:disabled):focus:before, a:hover > .btn-warning:not(.disabled):not(:disabled):before, a:active > .btn-warning:not(.disabled):not(:disabled):before, a:focus > .btn-warning:not(.disabled):not(:disabled):before, a.btn-warning:hover:before, a.btn-warning:active:before, a.btn-warning:focus:before, a:hover > a.btn-warning:before, a:active > a.btn-warning:before, a:focus > a.btn-warning:before, a.btn-warning:not(.disabled):not(:disabled):hover:before, a.btn-warning:not(.disabled):not(:disabled):active:before, a.btn-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-warning:not(.disabled):not(:disabled):before, a:active > a.btn-warning:not(.disabled):not(:disabled):before, a:focus > a.btn-warning:not(.disabled):not(:disabled):before, .badge-warning:hover:before, .badge-warning:active:before, .badge-warning:focus:before, a:hover > .badge-warning:before, a:active > .badge-warning:before, a:focus > .badge-warning:before, .badge-warning:not(.disabled):not(:disabled):hover:before, .badge-warning:not(.disabled):not(:disabled):active:before, .badge-warning:not(.disabled):not(:disabled):focus:before, a:hover > .badge-warning:not(.disabled):not(:disabled):before, a:active > .badge-warning:not(.disabled):not(:disabled):before, a:focus > .badge-warning:not(.disabled):not(:disabled):before, .chip-warning:hover:before, .chip-warning:active:before, .chip-warning:focus:before, a:hover > .chip-warning:before, a:active > .chip-warning:before, a:focus > .chip-warning:before, .chip-warning:not(.disabled):not(:disabled):hover:before, .chip-warning:not(.disabled):not(:disabled):active:before, .chip-warning:not(.disabled):not(:disabled):focus:before, a:hover > .chip-warning:not(.disabled):not(:disabled):before, a:active > .chip-warning:not(.disabled):not(:disabled):before, a:focus > .chip-warning:not(.disabled):not(:disabled):before, a.chip-warning:hover:before, a.chip-warning:active:before, a.chip-warning:focus:before, a:hover > a.chip-warning:before, a:active > a.chip-warning:before, a:focus > a.chip-warning:before, a.chip-warning:not(.disabled):not(:disabled):hover:before, a.chip-warning:not(.disabled):not(:disabled):active:before, a.chip-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-warning:not(.disabled):not(:disabled):before, a:active > a.chip-warning:not(.disabled):not(:disabled):before, a:focus > a.chip-warning:not(.disabled):not(:disabled):before, a.badge-warning:hover:before, a.badge-warning:active:before, a.badge-warning:focus:before, a:hover > a.badge-warning:before, a:active > a.badge-warning:before, a:focus > a.badge-warning:before, a.badge-warning:not(.disabled):not(:disabled):hover:before, a.badge-warning:not(.disabled):not(:disabled):active:before, a.badge-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-warning:not(.disabled):not(:disabled):before, a:active > a.badge-warning:not(.disabled):not(:disabled):before, a:focus > a.badge-warning:not(.disabled):not(:disabled):before, .label-warning:hover:before, .label-warning:active:before, .label-warning:focus:before, a:hover > .label-warning:before, a:active > .label-warning:before, a:focus > .label-warning:before, .label-warning:not(.disabled):not(:disabled):hover:before, .label-warning:not(.disabled):not(:disabled):active:before, .label-warning:not(.disabled):not(:disabled):focus:before, a:hover > .label-warning:not(.disabled):not(:disabled):before, a:active > .label-warning:not(.disabled):not(:disabled):before, a:focus > .label-warning:not(.disabled):not(:disabled):before, a.label-warning:hover:before, a.label-warning:active:before, a.label-warning:focus:before, a:hover > a.label-warning:before, a:active > a.label-warning:before, a:focus > a.label-warning:before, a.label-warning:not(.disabled):not(:disab
background-color: #a83e12; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-danger, a.btn-danger, .badge-danger, .chip-danger, a.chip-danger, a.badge-danger, .label-danger, a.label-danger, label.label-danger {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-danger:before, a.btn-danger:before, .badge-danger:before, .chip-danger:before, a.chip-danger:before, a.badge-danger:before, .label-danger:before, a.label-danger:before, label.label-danger:before {
background-color: #dc322f; }
.btn-danger:hover, .btn-danger:active, .btn-danger:focus, a:hover > .btn-danger, a:active > .btn-danger, a:focus > .btn-danger, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus, a:hover > .btn-danger:not(.disabled):not(:disabled), a:active > .btn-danger:not(.disabled):not(:disabled), a:focus > .btn-danger:not(.disabled):not(:disabled), a.btn-danger:hover, a.btn-danger:active, a.btn-danger:focus, a:hover > a.btn-danger, a:active > a.btn-danger, a:focus > a.btn-danger, a.btn-danger:not(.disabled):not(:disabled):hover, a.btn-danger:not(.disabled):not(:disabled):active, a.btn-danger:not(.disabled):not(:disabled):focus, a:hover > a.btn-danger:not(.disabled):not(:disabled), a:active > a.btn-danger:not(.disabled):not(:disabled), a:focus > a.btn-danger:not(.disabled):not(:disabled), .badge-danger:hover, .badge-danger:active, .badge-danger:focus, a:hover > .badge-danger, a:active > .badge-danger, a:focus > .badge-danger, .badge-danger:not(.disabled):not(:disabled):hover, .badge-danger:not(.disabled):not(:disabled):active, .badge-danger:not(.disabled):not(:disabled):focus, a:hover > .badge-danger:not(.disabled):not(:disabled), a:active > .badge-danger:not(.disabled):not(:disabled), a:focus > .badge-danger:not(.disabled):not(:disabled), .chip-danger:hover, .chip-danger:active, .chip-danger:focus, a:hover > .chip-danger, a:active > .chip-danger, a:focus > .chip-danger, .chip-danger:not(.disabled):not(:disabled):hover, .chip-danger:not(.disabled):not(:disabled):active, .chip-danger:not(.disabled):not(:disabled):focus, a:hover > .chip-danger:not(.disabled):not(:disabled), a:active > .chip-danger:not(.disabled):not(:disabled), a:focus > .chip-danger:not(.disabled):not(:disabled), a.chip-danger:hover, a.chip-danger:active, a.chip-danger:focus, a:hover > a.chip-danger, a:active > a.chip-danger, a:focus > a.chip-danger, a.chip-danger:not(.disabled):not(:disabled):hover, a.chip-danger:not(.disabled):not(:disabled):active, a.chip-danger:not(.disabled):not(:disabled):focus, a:hover > a.chip-danger:not(.disabled):not(:disabled), a:active > a.chip-danger:not(.disabled):not(:disabled), a:focus > a.chip-danger:not(.disabled):not(:disabled), a.badge-danger:hover, a.badge-danger:active, a.badge-danger:focus, a:hover > a.badge-danger, a:active > a.badge-danger, a:focus > a.badge-danger, a.badge-danger:not(.disabled):not(:disabled):hover, a.badge-danger:not(.disabled):not(:disabled):active, a.badge-danger:not(.disabled):not(:disabled):focus, a:hover > a.badge-danger:not(.disabled):not(:disabled), a:active > a.badge-danger:not(.disabled):not(:disabled), a:focus > a.badge-danger:not(.disabled):not(:disabled), .label-danger:hover, .label-danger:active, .label-danger:focus, a:hover > .label-danger, a:active > .label-danger, a:focus > .label-danger, .label-danger:not(.disabled):not(:disabled):hover, .label-danger:not(.disabled):not(:disabled):active, .label-danger:not(.disabled):not(:disabled):focus, a:hover > .label-danger:not(.disabled):not(:disabled), a:active > .label-danger:not(.disabled):not(:disabled), a:focus > .label-danger:not(.disabled):not(:disabled), a.label-danger:hover, a.label-danger:active, a.label-danger:focus, a:hover > a.label-danger, a:active > a.label-danger, a:focus > a.label-danger, a.label-danger:not(.disabled):not(:disabled):hover, a.label-danger:not(.disabled):not(:disabled):active, a.label-danger:not(.disabled):not(:disabled):focus, a:hover > a.label-danger:not(.disabled):not(:disabled), a:active > a.label-danger:not(.disabled):not(:disabled), a:focus > a.label-danger:not(.disabled):not(:disabled), label.label-danger:hover, label.label-danger:active, label.label-danger:focus, a:hover > label.label-danger, a:active > label.label-danger, a:focus > label.label-danger, label.label-danger:not(.disabled):not(:disabled):hover, label.label-danger:not(.disabled):not(:disabled):active, label.label-danger:not(.disabled):not(:disabled):focus, a:hover > label.label-danger:not(.disabled):not(:disabled), a:active > label.label-danger:not(.dis
color: #fffefb; }
.btn-danger:hover:before, .btn-danger:active:before, .btn-danger:focus:before, a:hover > .btn-danger:before, a:active > .btn-danger:before, a:focus > .btn-danger:before, .btn-danger:not(.disabled):not(:disabled):hover:before, .btn-danger:not(.disabled):not(:disabled):active:before, .btn-danger:not(.disabled):not(:disabled):focus:before, a:hover > .btn-danger:not(.disabled):not(:disabled):before, a:active > .btn-danger:not(.disabled):not(:disabled):before, a:focus > .btn-danger:not(.disabled):not(:disabled):before, a.btn-danger:hover:before, a.btn-danger:active:before, a.btn-danger:focus:before, a:hover > a.btn-danger:before, a:active > a.btn-danger:before, a:focus > a.btn-danger:before, a.btn-danger:not(.disabled):not(:disabled):hover:before, a.btn-danger:not(.disabled):not(:disabled):active:before, a.btn-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-danger:not(.disabled):not(:disabled):before, a:active > a.btn-danger:not(.disabled):not(:disabled):before, a:focus > a.btn-danger:not(.disabled):not(:disabled):before, .badge-danger:hover:before, .badge-danger:active:before, .badge-danger:focus:before, a:hover > .badge-danger:before, a:active > .badge-danger:before, a:focus > .badge-danger:before, .badge-danger:not(.disabled):not(:disabled):hover:before, .badge-danger:not(.disabled):not(:disabled):active:before, .badge-danger:not(.disabled):not(:disabled):focus:before, a:hover > .badge-danger:not(.disabled):not(:disabled):before, a:active > .badge-danger:not(.disabled):not(:disabled):before, a:focus > .badge-danger:not(.disabled):not(:disabled):before, .chip-danger:hover:before, .chip-danger:active:before, .chip-danger:focus:before, a:hover > .chip-danger:before, a:active > .chip-danger:before, a:focus > .chip-danger:before, .chip-danger:not(.disabled):not(:disabled):hover:before, .chip-danger:not(.disabled):not(:disabled):active:before, .chip-danger:not(.disabled):not(:disabled):focus:before, a:hover > .chip-danger:not(.disabled):not(:disabled):before, a:active > .chip-danger:not(.disabled):not(:disabled):before, a:focus > .chip-danger:not(.disabled):not(:disabled):before, a.chip-danger:hover:before, a.chip-danger:active:before, a.chip-danger:focus:before, a:hover > a.chip-danger:before, a:active > a.chip-danger:before, a:focus > a.chip-danger:before, a.chip-danger:not(.disabled):not(:disabled):hover:before, a.chip-danger:not(.disabled):not(:disabled):active:before, a.chip-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-danger:not(.disabled):not(:disabled):before, a:active > a.chip-danger:not(.disabled):not(:disabled):before, a:focus > a.chip-danger:not(.disabled):not(:disabled):before, a.badge-danger:hover:before, a.badge-danger:active:before, a.badge-danger:focus:before, a:hover > a.badge-danger:before, a:active > a.badge-danger:before, a:focus > a.badge-danger:before, a.badge-danger:not(.disabled):not(:disabled):hover:before, a.badge-danger:not(.disabled):not(:disabled):active:before, a.badge-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-danger:not(.disabled):not(:disabled):before, a:active > a.badge-danger:not(.disabled):not(:disabled):before, a:focus > a.badge-danger:not(.disabled):not(:disabled):before, .label-danger:hover:before, .label-danger:active:before, .label-danger:focus:before, a:hover > .label-danger:before, a:active > .label-danger:before, a:focus > .label-danger:before, .label-danger:not(.disabled):not(:disabled):hover:before, .label-danger:not(.disabled):not(:disabled):active:before, .label-danger:not(.disabled):not(:disabled):focus:before, a:hover > .label-danger:not(.disabled):not(:disabled):before, a:active > .label-danger:not(.disabled):not(:disabled):before, a:focus > .label-danger:not(.disabled):not(:disabled):before, a.label-danger:hover:before, a.label-danger:active:before, a.label-danger:focus:before, a:hover > a.label-danger:before, a:active > a.label-danger:before, a:focus > a.label-danger:before, a.label-danger:not(.disabled):not(:disabled):hover:before, a.label-danger:not(.disabled):not(:disabled):active:before, a.label-dang
background-color: #c42421; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-info, a.btn-info, .badge-info, .chip-info, a.chip-info, a.badge-info, .label-info, a.label-info, label.label-info {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-info:before, a.btn-info:before, .badge-info:before, .chip-info:before, a.chip-info:before, a.badge-info:before, .label-info:before, a.label-info:before, label.label-info:before {
background-color: #2aa198; }
.btn-info:hover, .btn-info:active, .btn-info:focus, a:hover > .btn-info, a:active > .btn-info, a:focus > .btn-info, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active, .btn-info:not(.disabled):not(:disabled):focus, a:hover > .btn-info:not(.disabled):not(:disabled), a:active > .btn-info:not(.disabled):not(:disabled), a:focus > .btn-info:not(.disabled):not(:disabled), a.btn-info:hover, a.btn-info:active, a.btn-info:focus, a:hover > a.btn-info, a:active > a.btn-info, a:focus > a.btn-info, a.btn-info:not(.disabled):not(:disabled):hover, a.btn-info:not(.disabled):not(:disabled):active, a.btn-info:not(.disabled):not(:disabled):focus, a:hover > a.btn-info:not(.disabled):not(:disabled), a:active > a.btn-info:not(.disabled):not(:disabled), a:focus > a.btn-info:not(.disabled):not(:disabled), .badge-info:hover, .badge-info:active, .badge-info:focus, a:hover > .badge-info, a:active > .badge-info, a:focus > .badge-info, .badge-info:not(.disabled):not(:disabled):hover, .badge-info:not(.disabled):not(:disabled):active, .badge-info:not(.disabled):not(:disabled):focus, a:hover > .badge-info:not(.disabled):not(:disabled), a:active > .badge-info:not(.disabled):not(:disabled), a:focus > .badge-info:not(.disabled):not(:disabled), .chip-info:hover, .chip-info:active, .chip-info:focus, a:hover > .chip-info, a:active > .chip-info, a:focus > .chip-info, .chip-info:not(.disabled):not(:disabled):hover, .chip-info:not(.disabled):not(:disabled):active, .chip-info:not(.disabled):not(:disabled):focus, a:hover > .chip-info:not(.disabled):not(:disabled), a:active > .chip-info:not(.disabled):not(:disabled), a:focus > .chip-info:not(.disabled):not(:disabled), a.chip-info:hover, a.chip-info:active, a.chip-info:focus, a:hover > a.chip-info, a:active > a.chip-info, a:focus > a.chip-info, a.chip-info:not(.disabled):not(:disabled):hover, a.chip-info:not(.disabled):not(:disabled):active, a.chip-info:not(.disabled):not(:disabled):focus, a:hover > a.chip-info:not(.disabled):not(:disabled), a:active > a.chip-info:not(.disabled):not(:disabled), a:focus > a.chip-info:not(.disabled):not(:disabled), a.badge-info:hover, a.badge-info:active, a.badge-info:focus, a:hover > a.badge-info, a:active > a.badge-info, a:focus > a.badge-info, a.badge-info:not(.disabled):not(:disabled):hover, a.badge-info:not(.disabled):not(:disabled):active, a.badge-info:not(.disabled):not(:disabled):focus, a:hover > a.badge-info:not(.disabled):not(:disabled), a:active > a.badge-info:not(.disabled):not(:disabled), a:focus > a.badge-info:not(.disabled):not(:disabled), .label-info:hover, .label-info:active, .label-info:focus, a:hover > .label-info, a:active > .label-info, a:focus > .label-info, .label-info:not(.disabled):not(:disabled):hover, .label-info:not(.disabled):not(:disabled):active, .label-info:not(.disabled):not(:disabled):focus, a:hover > .label-info:not(.disabled):not(:disabled), a:active > .label-info:not(.disabled):not(:disabled), a:focus > .label-info:not(.disabled):not(:disabled), a.label-info:hover, a.label-info:active, a.label-info:focus, a:hover > a.label-info, a:active > a.label-info, a:focus > a.label-info, a.label-info:not(.disabled):not(:disabled):hover, a.label-info:not(.disabled):not(:disabled):active, a.label-info:not(.disabled):not(:disabled):focus, a:hover > a.label-info:not(.disabled):not(:disabled), a:active > a.label-info:not(.disabled):not(:disabled), a:focus > a.label-info:not(.disabled):not(:disabled), label.label-info:hover, label.label-info:active, label.label-info:focus, a:hover > label.label-info, a:active > label.label-info, a:focus > label.label-info, label.label-info:not(.disabled):not(:disabled):hover, label.label-info:not(.disabled):not(:disabled):active, label.label-info:not(.disabled):not(:disabled):focus, a:hover > label.label-info:not(.disabled):not(:disabled), a:active > label.label-info:not(.disabled):not(:disabled), a:focus > label.label-info:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-info:hover:before, .btn-info:active:before, .btn-info:focus:before, a:hover > .btn-info:before, a:active > .btn-info:before, a:focus > .btn-info:before, .btn-info:not(.disabled):not(:disabled):hover:before, .btn-info:not(.disabled):not(:disabled):active:before, .btn-info:not(.disabled):not(:disabled):focus:before, a:hover > .btn-info:not(.disabled):not(:disabled):before, a:active > .btn-info:not(.disabled):not(:disabled):before, a:focus > .btn-info:not(.disabled):not(:disabled):before, a.btn-info:hover:before, a.btn-info:active:before, a.btn-info:focus:before, a:hover > a.btn-info:before, a:active > a.btn-info:before, a:focus > a.btn-info:before, a.btn-info:not(.disabled):not(:disabled):hover:before, a.btn-info:not(.disabled):not(:disabled):active:before, a.btn-info:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-info:not(.disabled):not(:disabled):before, a:active > a.btn-info:not(.disabled):not(:disabled):before, a:focus > a.btn-info:not(.disabled):not(:disabled):before, .badge-info:hover:before, .badge-info:active:before, .badge-info:focus:before, a:hover > .badge-info:before, a:active > .badge-info:before, a:focus > .badge-info:before, .badge-info:not(.disabled):not(:disabled):hover:before, .badge-info:not(.disabled):not(:disabled):active:before, .badge-info:not(.disabled):not(:disabled):focus:before, a:hover > .badge-info:not(.disabled):not(:disabled):before, a:active > .badge-info:not(.disabled):not(:disabled):before, a:focus > .badge-info:not(.disabled):not(:disabled):before, .chip-info:hover:before, .chip-info:active:before, .chip-info:focus:before, a:hover > .chip-info:before, a:active > .chip-info:before, a:focus > .chip-info:before, .chip-info:not(.disabled):not(:disabled):hover:before, .chip-info:not(.disabled):not(:disabled):active:before, .chip-info:not(.disabled):not(:disabled):focus:before, a:hover > .chip-info:not(.disabled):not(:disabled):before, a:active > .chip-info:not(.disabled):not(:disabled):before, a:focus > .chip-info:not(.disabled):not(:disabled):before, a.chip-info:hover:before, a.chip-info:active:before, a.chip-info:focus:before, a:hover > a.chip-info:before, a:active > a.chip-info:before, a:focus > a.chip-info:before, a.chip-info:not(.disabled):not(:disabled):hover:before, a.chip-info:not(.disabled):not(:disabled):active:before, a.chip-info:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-info:not(.disabled):not(:disabled):before, a:active > a.chip-info:not(.disabled):not(:disabled):before, a:focus > a.chip-info:not(.disabled):not(:disabled):before, a.badge-info:hover:before, a.badge-info:active:before, a.badge-info:focus:before, a:hover > a.badge-info:before, a:active > a.badge-info:before, a:focus > a.badge-info:before, a.badge-info:not(.disabled):not(:disabled):hover:before, a.badge-info:not(.disabled):not(:disabled):active:before, a.badge-info:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-info:not(.disabled):not(:disabled):before, a:active > a.badge-info:not(.disabled):not(:disabled):before, a:focus > a.badge-info:not(.disabled):not(:disabled):before, .label-info:hover:before, .label-info:active:before, .label-info:focus:before, a:hover > .label-info:before, a:active > .label-info:before, a:focus > .label-info:before, .label-info:not(.disabled):not(:disabled):hover:before, .label-info:not(.disabled):not(:disabled):active:before, .label-info:not(.disabled):not(:disabled):focus:before, a:hover > .label-info:not(.disabled):not(:disabled):before, a:active > .label-info:not(.disabled):not(:disabled):before, a:focus > .label-info:not(.disabled):not(:disabled):before, a.label-info:hover:before, a.label-info:active:before, a.label-info:focus:before, a:hover > a.label-info:before, a:active > a.label-info:before, a:focus > a.label-info:before, a.label-info:not(.disabled):not(:disabled):hover:before, a.label-info:not(.disabled):not(:disabled):active:before, a.label-info:not(.disabled):not(:disabled):focus:before, a:hover > a.label-info:not(.disabled):not(:disabled):before, a:active > a.label-info:not(.disabled):not(:disabled):before, a:focus > a.labe
background-color: #22837b; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-success, a.btn-success, .badge-success, .chip-success, a.chip-success, a.badge-success, .label-success, a.label-success, label.label-success {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-success:before, a.btn-success:before, .badge-success:before, .chip-success:before, a.chip-success:before, a.badge-success:before, .label-success:before, a.label-success:before, label.label-success:before {
background-color: #859900; }
.btn-success:hover, .btn-success:active, .btn-success:focus, a:hover > .btn-success, a:active > .btn-success, a:focus > .btn-success, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active, .btn-success:not(.disabled):not(:disabled):focus, a:hover > .btn-success:not(.disabled):not(:disabled), a:active > .btn-success:not(.disabled):not(:disabled), a:focus > .btn-success:not(.disabled):not(:disabled), a.btn-success:hover, a.btn-success:active, a.btn-success:focus, a:hover > a.btn-success, a:active > a.btn-success, a:focus > a.btn-success, a.btn-success:not(.disabled):not(:disabled):hover, a.btn-success:not(.disabled):not(:disabled):active, a.btn-success:not(.disabled):not(:disabled):focus, a:hover > a.btn-success:not(.disabled):not(:disabled), a:active > a.btn-success:not(.disabled):not(:disabled), a:focus > a.btn-success:not(.disabled):not(:disabled), .badge-success:hover, .badge-success:active, .badge-success:focus, a:hover > .badge-success, a:active > .badge-success, a:focus > .badge-success, .badge-success:not(.disabled):not(:disabled):hover, .badge-success:not(.disabled):not(:disabled):active, .badge-success:not(.disabled):not(:disabled):focus, a:hover > .badge-success:not(.disabled):not(:disabled), a:active > .badge-success:not(.disabled):not(:disabled), a:focus > .badge-success:not(.disabled):not(:disabled), .chip-success:hover, .chip-success:active, .chip-success:focus, a:hover > .chip-success, a:active > .chip-success, a:focus > .chip-success, .chip-success:not(.disabled):not(:disabled):hover, .chip-success:not(.disabled):not(:disabled):active, .chip-success:not(.disabled):not(:disabled):focus, a:hover > .chip-success:not(.disabled):not(:disabled), a:active > .chip-success:not(.disabled):not(:disabled), a:focus > .chip-success:not(.disabled):not(:disabled), a.chip-success:hover, a.chip-success:active, a.chip-success:focus, a:hover > a.chip-success, a:active > a.chip-success, a:focus > a.chip-success, a.chip-success:not(.disabled):not(:disabled):hover, a.chip-success:not(.disabled):not(:disabled):active, a.chip-success:not(.disabled):not(:disabled):focus, a:hover > a.chip-success:not(.disabled):not(:disabled), a:active > a.chip-success:not(.disabled):not(:disabled), a:focus > a.chip-success:not(.disabled):not(:disabled), a.badge-success:hover, a.badge-success:active, a.badge-success:focus, a:hover > a.badge-success, a:active > a.badge-success, a:focus > a.badge-success, a.badge-success:not(.disabled):not(:disabled):hover, a.badge-success:not(.disabled):not(:disabled):active, a.badge-success:not(.disabled):not(:disabled):focus, a:hover > a.badge-success:not(.disabled):not(:disabled), a:active > a.badge-success:not(.disabled):not(:disabled), a:focus > a.badge-success:not(.disabled):not(:disabled), .label-success:hover, .label-success:active, .label-success:focus, a:hover > .label-success, a:active > .label-success, a:focus > .label-success, .label-success:not(.disabled):not(:disabled):hover, .label-success:not(.disabled):not(:disabled):active, .label-success:not(.disabled):not(:disabled):focus, a:hover > .label-success:not(.disabled):not(:disabled), a:active > .label-success:not(.disabled):not(:disabled), a:focus > .label-success:not(.disabled):not(:disabled), a.label-success:hover, a.label-success:active, a.label-success:focus, a:hover > a.label-success, a:active > a.label-success, a:focus > a.label-success, a.label-success:not(.disabled):not(:disabled):hover, a.label-success:not(.disabled):not(:disabled):active, a.label-success:not(.disabled):not(:disabled):focus, a:hover > a.label-success:not(.disabled):not(:disabled), a:active > a.label-success:not(.disabled):not(:disabled), a:focus > a.label-success:not(.disabled):not(:disabled), label.label-success:hover, label.label-success:active, label.label-success:focus, a:hover > label.label-success, a:active > label.label-success, a:focus > label.label-success, label.label-success:not(.disabled):not(:disabled):hover, label.label-success:not(.disabled):not(:disabled):active, label.label-success:not(.disabled):not(:disabled):
color: #fffefb; }
.btn-success:hover:before, .btn-success:active:before, .btn-success:focus:before, a:hover > .btn-success:before, a:active > .btn-success:before, a:focus > .btn-success:before, .btn-success:not(.disabled):not(:disabled):hover:before, .btn-success:not(.disabled):not(:disabled):active:before, .btn-success:not(.disabled):not(:disabled):focus:before, a:hover > .btn-success:not(.disabled):not(:disabled):before, a:active > .btn-success:not(.disabled):not(:disabled):before, a:focus > .btn-success:not(.disabled):not(:disabled):before, a.btn-success:hover:before, a.btn-success:active:before, a.btn-success:focus:before, a:hover > a.btn-success:before, a:active > a.btn-success:before, a:focus > a.btn-success:before, a.btn-success:not(.disabled):not(:disabled):hover:before, a.btn-success:not(.disabled):not(:disabled):active:before, a.btn-success:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-success:not(.disabled):not(:disabled):before, a:active > a.btn-success:not(.disabled):not(:disabled):before, a:focus > a.btn-success:not(.disabled):not(:disabled):before, .badge-success:hover:before, .badge-success:active:before, .badge-success:focus:before, a:hover > .badge-success:before, a:active > .badge-success:before, a:focus > .badge-success:before, .badge-success:not(.disabled):not(:disabled):hover:before, .badge-success:not(.disabled):not(:disabled):active:before, .badge-success:not(.disabled):not(:disabled):focus:before, a:hover > .badge-success:not(.disabled):not(:disabled):before, a:active > .badge-success:not(.disabled):not(:disabled):before, a:focus > .badge-success:not(.disabled):not(:disabled):before, .chip-success:hover:before, .chip-success:active:before, .chip-success:focus:before, a:hover > .chip-success:before, a:active > .chip-success:before, a:focus > .chip-success:before, .chip-success:not(.disabled):not(:disabled):hover:before, .chip-success:not(.disabled):not(:disabled):active:before, .chip-success:not(.disabled):not(:disabled):focus:before, a:hover > .chip-success:not(.disabled):not(:disabled):before, a:active > .chip-success:not(.disabled):not(:disabled):before, a:focus > .chip-success:not(.disabled):not(:disabled):before, a.chip-success:hover:before, a.chip-success:active:before, a.chip-success:focus:before, a:hover > a.chip-success:before, a:active > a.chip-success:before, a:focus > a.chip-success:before, a.chip-success:not(.disabled):not(:disabled):hover:before, a.chip-success:not(.disabled):not(:disabled):active:before, a.chip-success:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-success:not(.disabled):not(:disabled):before, a:active > a.chip-success:not(.disabled):not(:disabled):before, a:focus > a.chip-success:not(.disabled):not(:disabled):before, a.badge-success:hover:before, a.badge-success:active:before, a.badge-success:focus:before, a:hover > a.badge-success:before, a:active > a.badge-success:before, a:focus > a.badge-success:before, a.badge-success:not(.disabled):not(:disabled):hover:before, a.badge-success:not(.disabled):not(:disabled):active:before, a.badge-success:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-success:not(.disabled):not(:disabled):before, a:active > a.badge-success:not(.disabled):not(:disabled):before, a:focus > a.badge-success:not(.disabled):not(:disabled):before, .label-success:hover:before, .label-success:active:before, .label-success:focus:before, a:hover > .label-success:before, a:active > .label-success:before, a:focus > .label-success:before, .label-success:not(.disabled):not(:disabled):hover:before, .label-success:not(.disabled):not(:disabled):active:before, .label-success:not(.disabled):not(:disabled):focus:before, a:hover > .label-success:not(.disabled):not(:disabled):before, a:active > .label-success:not(.disabled):not(:disabled):before, a:focus > .label-success:not(.disabled):not(:disabled):before, a.label-success:hover:before, a.label-success:active:before, a.label-success:focus:before, a:hover > a.label-success:before, a:active > a.label-success:before, a:focus > a.label-success:before, a.label-success:not(.disabled):not(:disab
background-color: #647300; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-link, a.btn-link, .badge-link, .chip-link, a.chip-link, a.badge-link, .label-link, a.label-link, label.label-link {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #002b36; }
.btn-link:before, a.btn-link:before, .badge-link:before, .chip-link:before, a.chip-link:before, a.badge-link:before, .label-link:before, a.label-link:before, label.label-link:before {
background-color: transparent; }
.btn-link:hover, .btn-link:active, .btn-link:focus, a:hover > .btn-link, a:active > .btn-link, a:focus > .btn-link, .btn-link:not(.disabled):not(:disabled):hover, .btn-link:not(.disabled):not(:disabled):active, .btn-link:not(.disabled):not(:disabled):focus, a:hover > .btn-link:not(.disabled):not(:disabled), a:active > .btn-link:not(.disabled):not(:disabled), a:focus > .btn-link:not(.disabled):not(:disabled), a.btn-link:hover, a.btn-link:active, a.btn-link:focus, a:hover > a.btn-link, a:active > a.btn-link, a:focus > a.btn-link, a.btn-link:not(.disabled):not(:disabled):hover, a.btn-link:not(.disabled):not(:disabled):active, a.btn-link:not(.disabled):not(:disabled):focus, a:hover > a.btn-link:not(.disabled):not(:disabled), a:active > a.btn-link:not(.disabled):not(:disabled), a:focus > a.btn-link:not(.disabled):not(:disabled), .badge-link:hover, .badge-link:active, .badge-link:focus, a:hover > .badge-link, a:active > .badge-link, a:focus > .badge-link, .badge-link:not(.disabled):not(:disabled):hover, .badge-link:not(.disabled):not(:disabled):active, .badge-link:not(.disabled):not(:disabled):focus, a:hover > .badge-link:not(.disabled):not(:disabled), a:active > .badge-link:not(.disabled):not(:disabled), a:focus > .badge-link:not(.disabled):not(:disabled), .chip-link:hover, .chip-link:active, .chip-link:focus, a:hover > .chip-link, a:active > .chip-link, a:focus > .chip-link, .chip-link:not(.disabled):not(:disabled):hover, .chip-link:not(.disabled):not(:disabled):active, .chip-link:not(.disabled):not(:disabled):focus, a:hover > .chip-link:not(.disabled):not(:disabled), a:active > .chip-link:not(.disabled):not(:disabled), a:focus > .chip-link:not(.disabled):not(:disabled), a.chip-link:hover, a.chip-link:active, a.chip-link:focus, a:hover > a.chip-link, a:active > a.chip-link, a:focus > a.chip-link, a.chip-link:not(.disabled):not(:disabled):hover, a.chip-link:not(.disabled):not(:disabled):active, a.chip-link:not(.disabled):not(:disabled):focus, a:hover > a.chip-link:not(.disabled):not(:disabled), a:active > a.chip-link:not(.disabled):not(:disabled), a:focus > a.chip-link:not(.disabled):not(:disabled), a.badge-link:hover, a.badge-link:active, a.badge-link:focus, a:hover > a.badge-link, a:active > a.badge-link, a:focus > a.badge-link, a.badge-link:not(.disabled):not(:disabled):hover, a.badge-link:not(.disabled):not(:disabled):active, a.badge-link:not(.disabled):not(:disabled):focus, a:hover > a.badge-link:not(.disabled):not(:disabled), a:active > a.badge-link:not(.disabled):not(:disabled), a:focus > a.badge-link:not(.disabled):not(:disabled), .label-link:hover, .label-link:active, .label-link:focus, a:hover > .label-link, a:active > .label-link, a:focus > .label-link, .label-link:not(.disabled):not(:disabled):hover, .label-link:not(.disabled):not(:disabled):active, .label-link:not(.disabled):not(:disabled):focus, a:hover > .label-link:not(.disabled):not(:disabled), a:active > .label-link:not(.disabled):not(:disabled), a:focus > .label-link:not(.disabled):not(:disabled), a.label-link:hover, a.label-link:active, a.label-link:focus, a:hover > a.label-link, a:active > a.label-link, a:focus > a.label-link, a.label-link:not(.disabled):not(:disabled):hover, a.label-link:not(.disabled):not(:disabled):active, a.label-link:not(.disabled):not(:disabled):focus, a:hover > a.label-link:not(.disabled):not(:disabled), a:active > a.label-link:not(.disabled):not(:disabled), a:focus > a.label-link:not(.disabled):not(:disabled), label.label-link:hover, label.label-link:active, label.label-link:focus, a:hover > label.label-link, a:active > label.label-link, a:focus > label.label-link, label.label-link:not(.disabled):not(:disabled):hover, label.label-link:not(.disabled):not(:disabled):active, label.label-link:not(.disabled):not(:disabled):focus, a:hover > label.label-link:not(.disabled):not(:disabled), a:active > label.label-link:not(.disabled):not(:disabled), a:focus > label.label-link:not(.disabled):not(:disabled) {
color: #003f50; }
.btn-link:hover:before, .btn-link:active:before, .btn-link:focus:before, a:hover > .btn-link:before, a:active > .btn-link:before, a:focus > .btn-link:before, .btn-link:not(.disabled):not(:disabled):hover:before, .btn-link:not(.disabled):not(:disabled):active:before, .btn-link:not(.disabled):not(:disabled):focus:before, a:hover > .btn-link:not(.disabled):not(:disabled):before, a:active > .btn-link:not(.disabled):not(:disabled):before, a:focus > .btn-link:not(.disabled):not(:disabled):before, a.btn-link:hover:before, a.btn-link:active:before, a.btn-link:focus:before, a:hover > a.btn-link:before, a:active > a.btn-link:before, a:focus > a.btn-link:before, a.btn-link:not(.disabled):not(:disabled):hover:before, a.btn-link:not(.disabled):not(:disabled):active:before, a.btn-link:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-link:not(.disabled):not(:disabled):before, a:active > a.btn-link:not(.disabled):not(:disabled):before, a:focus > a.btn-link:not(.disabled):not(:disabled):before, .badge-link:hover:before, .badge-link:active:before, .badge-link:focus:before, a:hover > .badge-link:before, a:active > .badge-link:before, a:focus > .badge-link:before, .badge-link:not(.disabled):not(:disabled):hover:before, .badge-link:not(.disabled):not(:disabled):active:before, .badge-link:not(.disabled):not(:disabled):focus:before, a:hover > .badge-link:not(.disabled):not(:disabled):before, a:active > .badge-link:not(.disabled):not(:disabled):before, a:focus > .badge-link:not(.disabled):not(:disabled):before, .chip-link:hover:before, .chip-link:active:before, .chip-link:focus:before, a:hover > .chip-link:before, a:active > .chip-link:before, a:focus > .chip-link:before, .chip-link:not(.disabled):not(:disabled):hover:before, .chip-link:not(.disabled):not(:disabled):active:before, .chip-link:not(.disabled):not(:disabled):focus:before, a:hover > .chip-link:not(.disabled):not(:disabled):before, a:active > .chip-link:not(.disabled):not(:disabled):before, a:focus > .chip-link:not(.disabled):not(:disabled):before, a.chip-link:hover:before, a.chip-link:active:before, a.chip-link:focus:before, a:hover > a.chip-link:before, a:active > a.chip-link:before, a:focus > a.chip-link:before, a.chip-link:not(.disabled):not(:disabled):hover:before, a.chip-link:not(.disabled):not(:disabled):active:before, a.chip-link:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-link:not(.disabled):not(:disabled):before, a:active > a.chip-link:not(.disabled):not(:disabled):before, a:focus > a.chip-link:not(.disabled):not(:disabled):before, a.badge-link:hover:before, a.badge-link:active:before, a.badge-link:focus:before, a:hover > a.badge-link:before, a:active > a.badge-link:before, a:focus > a.badge-link:before, a.badge-link:not(.disabled):not(:disabled):hover:before, a.badge-link:not(.disabled):not(:disabled):active:before, a.badge-link:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-link:not(.disabled):not(:disabled):before, a:active > a.badge-link:not(.disabled):not(:disabled):before, a:focus > a.badge-link:not(.disabled):not(:disabled):before, .label-link:hover:before, .label-link:active:before, .label-link:focus:before, a:hover > .label-link:before, a:active > .label-link:before, a:focus > .label-link:before, .label-link:not(.disabled):not(:disabled):hover:before, .label-link:not(.disabled):not(:disabled):active:before, .label-link:not(.disabled):not(:disabled):focus:before, a:hover > .label-link:not(.disabled):not(:disabled):before, a:active > .label-link:not(.disabled):not(:disabled):before, a:focus > .label-link:not(.disabled):not(:disabled):before, a.label-link:hover:before, a.label-link:active:before, a.label-link:focus:before, a:hover > a.label-link:before, a:active > a.label-link:before, a:focus > a.label-link:before, a.label-link:not(.disabled):not(:disabled):hover:before, a.label-link:not(.disabled):not(:disabled):active:before, a.label-link:not(.disabled):not(:disabled):focus:before, a:hover > a.label-link:not(.disabled):not(:disabled):before, a:active > a.label-link:not(.disabled):not(:disabled):before, a:focus > a.labe
background-color: rgba(0, 0, 0, 0); }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
/* ------------------ PARTAGE RESEAUX SOCIAUX ------------------- */
.share-buttons {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin-top: 1.5rem; }
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
.reagir {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-align: right; }
improvement: make vertical rythm work by using rem
2019-10-17 09:58:36 +02:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.btn-facebook, a.btn-facebook {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-facebook:before, a.btn-facebook:before {
background-color: #3B5998; }
.btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus, a:hover > .btn-facebook, a:active > .btn-facebook, a:focus > .btn-facebook, .btn-facebook:not(.disabled):not(:disabled):hover, .btn-facebook:not(.disabled):not(:disabled):active, .btn-facebook:not(.disabled):not(:disabled):focus, a:hover > .btn-facebook:not(.disabled):not(:disabled), a:active > .btn-facebook:not(.disabled):not(:disabled), a:focus > .btn-facebook:not(.disabled):not(:disabled), a.btn-facebook:hover, a.btn-facebook:active, a.btn-facebook:focus, a:hover > a.btn-facebook, a:active > a.btn-facebook, a:focus > a.btn-facebook, a.btn-facebook:not(.disabled):not(:disabled):hover, a.btn-facebook:not(.disabled):not(:disabled):active, a.btn-facebook:not(.disabled):not(:disabled):focus, a:hover > a.btn-facebook:not(.disabled):not(:disabled), a:active > a.btn-facebook:not(.disabled):not(:disabled), a:focus > a.btn-facebook:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-facebook:hover:before, .btn-facebook:active:before, .btn-facebook:focus:before, a:hover > .btn-facebook:before, a:active > .btn-facebook:before, a:focus > .btn-facebook:before, .btn-facebook:not(.disabled):not(:disabled):hover:before, .btn-facebook:not(.disabled):not(:disabled):active:before, .btn-facebook:not(.disabled):not(:disabled):focus:before, a:hover > .btn-facebook:not(.disabled):not(:disabled):before, a:active > .btn-facebook:not(.disabled):not(:disabled):before, a:focus > .btn-facebook:not(.disabled):not(:disabled):before, a.btn-facebook:hover:before, a.btn-facebook:active:before, a.btn-facebook:focus:before, a:hover > a.btn-facebook:before, a:active > a.btn-facebook:before, a:focus > a.btn-facebook:before, a.btn-facebook:not(.disabled):not(:disabled):hover:before, a.btn-facebook:not(.disabled):not(:disabled):active:before, a.btn-facebook:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-facebook:not(.disabled):not(:disabled):before, a:active > a.btn-facebook:not(.disabled):not(:disabled):before, a:focus > a.btn-facebook:not(.disabled):not(:disabled):before {
background-color: #30497c; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.btn-twitter, a.btn-twitter {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-twitter:before, a.btn-twitter:before {
background-color: #55ACEE; }
.btn-twitter:hover, .btn-twitter:active, .btn-twitter:focus, a:hover > .btn-twitter, a:active > .btn-twitter, a:focus > .btn-twitter, .btn-twitter:not(.disabled):not(:disabled):hover, .btn-twitter:not(.disabled):not(:disabled):active, .btn-twitter:not(.disabled):not(:disabled):focus, a:hover > .btn-twitter:not(.disabled):not(:disabled), a:active > .btn-twitter:not(.disabled):not(:disabled), a:focus > .btn-twitter:not(.disabled):not(:disabled), a.btn-twitter:hover, a.btn-twitter:active, a.btn-twitter:focus, a:hover > a.btn-twitter, a:active > a.btn-twitter, a:focus > a.btn-twitter, a.btn-twitter:not(.disabled):not(:disabled):hover, a.btn-twitter:not(.disabled):not(:disabled):active, a.btn-twitter:not(.disabled):not(:disabled):focus, a:hover > a.btn-twitter:not(.disabled):not(:disabled), a:active > a.btn-twitter:not(.disabled):not(:disabled), a:focus > a.btn-twitter:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-twitter:hover:before, .btn-twitter:active:before, .btn-twitter:focus:before, a:hover > .btn-twitter:before, a:active > .btn-twitter:before, a:focus > .btn-twitter:before, .btn-twitter:not(.disabled):not(:disabled):hover:before, .btn-twitter:not(.disabled):not(:disabled):active:before, .btn-twitter:not(.disabled):not(:disabled):focus:before, a:hover > .btn-twitter:not(.disabled):not(:disabled):before, a:active > .btn-twitter:not(.disabled):not(:disabled):before, a:focus > .btn-twitter:not(.disabled):not(:disabled):before, a.btn-twitter:hover:before, a.btn-twitter:active:before, a.btn-twitter:focus:before, a:hover > a.btn-twitter:before, a:active > a.btn-twitter:before, a:focus > a.btn-twitter:before, a.btn-twitter:not(.disabled):not(:disabled):hover:before, a.btn-twitter:not(.disabled):not(:disabled):active:before, a.btn-twitter:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-twitter:not(.disabled):not(:disabled):before, a:active > a.btn-twitter:not(.disabled):not(:disabled):before, a:focus > a.btn-twitter:not(.disabled):not(:disabled):before {
background-color: #329beb; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.btn-googleplus, a.btn-googleplus {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-googleplus:before, a.btn-googleplus:before {
background-color: #d34836; }
.btn-googleplus:hover, .btn-googleplus:active, .btn-googleplus:focus, a:hover > .btn-googleplus, a:active > .btn-googleplus, a:focus > .btn-googleplus, .btn-googleplus:not(.disabled):not(:disabled):hover, .btn-googleplus:not(.disabled):not(:disabled):active, .btn-googleplus:not(.disabled):not(:disabled):focus, a:hover > .btn-googleplus:not(.disabled):not(:disabled), a:active > .btn-googleplus:not(.disabled):not(:disabled), a:focus > .btn-googleplus:not(.disabled):not(:disabled), a.btn-googleplus:hover, a.btn-googleplus:active, a.btn-googleplus:focus, a:hover > a.btn-googleplus, a:active > a.btn-googleplus, a:focus > a.btn-googleplus, a.btn-googleplus:not(.disabled):not(:disabled):hover, a.btn-googleplus:not(.disabled):not(:disabled):active, a.btn-googleplus:not(.disabled):not(:disabled):focus, a:hover > a.btn-googleplus:not(.disabled):not(:disabled), a:active > a.btn-googleplus:not(.disabled):not(:disabled), a:focus > a.btn-googleplus:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-googleplus:hover:before, .btn-googleplus:active:before, .btn-googleplus:focus:before, a:hover > .btn-googleplus:before, a:active > .btn-googleplus:before, a:focus > .btn-googleplus:before, .btn-googleplus:not(.disabled):not(:disabled):hover:before, .btn-googleplus:not(.disabled):not(:disabled):active:before, .btn-googleplus:not(.disabled):not(:disabled):focus:before, a:hover > .btn-googleplus:not(.disabled):not(:disabled):before, a:active > .btn-googleplus:not(.disabled):not(:disabled):before, a:focus > .btn-googleplus:not(.disabled):not(:disabled):before, a.btn-googleplus:hover:before, a.btn-googleplus:active:before, a.btn-googleplus:focus:before, a:hover > a.btn-googleplus:before, a:active > a.btn-googleplus:before, a:focus > a.btn-googleplus:before, a.btn-googleplus:not(.disabled):not(:disabled):hover:before, a.btn-googleplus:not(.disabled):not(:disabled):active:before, a.btn-googleplus:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-googleplus:not(.disabled):not(:disabled):before, a:active > a.btn-googleplus:not(.disabled):not(:disabled):before, a:focus > a.btn-googleplus:not(.disabled):not(:disabled):before {
background-color: #ba3929; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
chore: refactor and reimplement card styling
2019-10-09 11:42:53 +02:00
.btn-diaspora, a.btn-diaspora {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-diaspora:before, a.btn-diaspora:before {
background-color: #313739; }
.btn-diaspora:hover, .btn-diaspora:active, .btn-diaspora:focus, a:hover > .btn-diaspora, a:active > .btn-diaspora, a:focus > .btn-diaspora, .btn-diaspora:not(.disabled):not(:disabled):hover, .btn-diaspora:not(.disabled):not(:disabled):active, .btn-diaspora:not(.disabled):not(:disabled):focus, a:hover > .btn-diaspora:not(.disabled):not(:disabled), a:active > .btn-diaspora:not(.disabled):not(:disabled), a:focus > .btn-diaspora:not(.disabled):not(:disabled), a.btn-diaspora:hover, a.btn-diaspora:active, a.btn-diaspora:focus, a:hover > a.btn-diaspora, a:active > a.btn-diaspora, a:focus > a.btn-diaspora, a.btn-diaspora:not(.disabled):not(:disabled):hover, a.btn-diaspora:not(.disabled):not(:disabled):active, a.btn-diaspora:not(.disabled):not(:disabled):focus, a:hover > a.btn-diaspora:not(.disabled):not(:disabled), a:active > a.btn-diaspora:not(.disabled):not(:disabled), a:focus > a.btn-diaspora:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-diaspora:hover:before, .btn-diaspora:active:before, .btn-diaspora:focus:before, a:hover > .btn-diaspora:before, a:active > .btn-diaspora:before, a:focus > .btn-diaspora:before, .btn-diaspora:not(.disabled):not(:disabled):hover:before, .btn-diaspora:not(.disabled):not(:disabled):active:before, .btn-diaspora:not(.disabled):not(:disabled):focus:before, a:hover > .btn-diaspora:not(.disabled):not(:disabled):before, a:active > .btn-diaspora:not(.disabled):not(:disabled):before, a:focus > .btn-diaspora:not(.disabled):not(:disabled):before, a.btn-diaspora:hover:before, a.btn-diaspora:active:before, a.btn-diaspora:focus:before, a:hover > a.btn-diaspora:before, a:active > a.btn-diaspora:before, a:focus > a.btn-diaspora:before, a.btn-diaspora:not(.disabled):not(:disabled):hover:before, a.btn-diaspora:not(.disabled):not(:disabled):active:before, a.btn-diaspora:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-diaspora:not(.disabled):not(:disabled):before, a:active > a.btn-diaspora:not(.disabled):not(:disabled):before, a:focus > a.btn-diaspora:not(.disabled):not(:disabled):before {
background-color: #1f2324; }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.btn-mastodon, a.btn-mastodon {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
color: #fdf6e3; }
.btn-mastodon:before, a.btn-mastodon:before {
background-color: #282c37; }
.btn-mastodon:hover, .btn-mastodon:active, .btn-mastodon:focus, a:hover > .btn-mastodon, a:active > .btn-mastodon, a:focus > .btn-mastodon, .btn-mastodon:not(.disabled):not(:disabled):hover, .btn-mastodon:not(.disabled):not(:disabled):active, .btn-mastodon:not(.disabled):not(:disabled):focus, a:hover > .btn-mastodon:not(.disabled):not(:disabled), a:active > .btn-mastodon:not(.disabled):not(:disabled), a:focus > .btn-mastodon:not(.disabled):not(:disabled), a.btn-mastodon:hover, a.btn-mastodon:active, a.btn-mastodon:focus, a:hover > a.btn-mastodon, a:active > a.btn-mastodon, a:focus > a.btn-mastodon, a.btn-mastodon:not(.disabled):not(:disabled):hover, a.btn-mastodon:not(.disabled):not(:disabled):active, a.btn-mastodon:not(.disabled):not(:disabled):focus, a:hover > a.btn-mastodon:not(.disabled):not(:disabled), a:active > a.btn-mastodon:not(.disabled):not(:disabled), a:focus > a.btn-mastodon:not(.disabled):not(:disabled) {
color: #fffefb; }
.btn-mastodon:hover:before, .btn-mastodon:active:before, .btn-mastodon:focus:before, a:hover > .btn-mastodon:before, a:active > .btn-mastodon:before, a:focus > .btn-mastodon:before, .btn-mastodon:not(.disabled):not(:disabled):hover:before, .btn-mastodon:not(.disabled):not(:disabled):active:before, .btn-mastodon:not(.disabled):not(:disabled):focus:before, a:hover > .btn-mastodon:not(.disabled):not(:disabled):before, a:active > .btn-mastodon:not(.disabled):not(:disabled):before, a:focus > .btn-mastodon:not(.disabled):not(:disabled):before, a.btn-mastodon:hover:before, a.btn-mastodon:active:before, a.btn-mastodon:focus:before, a:hover > a.btn-mastodon:before, a:active > a.btn-mastodon:before, a:focus > a.btn-mastodon:before, a.btn-mastodon:not(.disabled):not(:disabled):hover:before, a.btn-mastodon:not(.disabled):not(:disabled):active:before, a.btn-mastodon:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-mastodon:not(.disabled):not(:disabled):before, a:active > a.btn-mastodon:not(.disabled):not(:disabled):before, a:focus > a.btn-mastodon:not(.disabled):not(:disabled):before {
background-color: #181a21; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
chore: use bluesky4-based structure
2019-12-07 15:50:12 +01:00
/*
* 4. Previews
* Special style for previews cards
*
*/
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.previews-section {
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto;
grid-gap: 1.5rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
padding-bottom: 1.5rem; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.preview-container {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
width: 100%; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
@media (min-width: 992px) {
.prev-col-2 .preview-container {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
width: 50%; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.prev-col-3 .preview-container {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
width: 33%; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.prev-col-4 .preview-container {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
width: 25%; } }
meta: use gulp for compiling the mockups
2019-12-07 10:41:13 +01:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.card-preview {
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
padding: 0;
improvement: rework button styling
2019-10-10 09:53:59 +02:00
width: 100%;
margin: auto;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.preview-link:hover {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
text-decoration: none !important; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.preview-item {
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
height: 12rem;
font-size: 0.9rem;
line-height: 1.5rem !important;
improvement: rework button styling
2019-10-10 09:53:59 +02:00
padding: 0.2em;
text-align: justify;
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
background-color: rgba(0, 0, 0, 0);
improvement: rework button styling
2019-10-10 09:53:59 +02:00
color: rgba(0, 0, 0, 0.4);
position: relative;
display: flex;
-ms-flex-align: center !important;
align-items: center !important;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
justify-content: center; }
.preview-item .preview-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
padding: 0.75rem;
backdrop-filter: none;
transition: background 0.3s; }
.preview-item .preview-overlay h1, .preview-item .preview-overlay h2, .preview-item .preview-overlay h3, .preview-item .preview-overlay h4, .preview-item .preview-overlay h5, .preview-item .preview-overlay h6 {
color: #fdf6e3;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300; }
.preview-item .preview-overlay .card-header {
font-family: Open Sans, sans-serif;
font-size: 1rem;
background-color: #d33682;
font-size: 1.1em;
font-weight: 300;
border-radius: 0;
padding: 0.375rem;
padding-left: 0;
padding-right: 0;
padding-bottom: 0.375rem !important;
margin-bottom: 0.75rem;
line-height: 1.5rem;
position: relative;
left: -0.9375rem;
width: 95%;
position: relative;
z-index: 1;
overflow: visible;
font-weight: 300; }
.preview-item .preview-overlay .card-header:before {
content: " ";
position: absolute;
top: 0;
left: -0.375rem;
right: -0.375rem;
bottom: 0;
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
.preview-item .preview-overlay .card-header h1, .preview-item .preview-overlay .card-header h2, .preview-item .preview-overlay .card-header h3, .preview-item .preview-overlay .card-header h4, .preview-item .preview-overlay .card-header h5, .preview-item .preview-overlay .card-header h6, .preview-item .preview-overlay .card-header h7, .preview-item .preview-overlay .card-header h8, .preview-item .preview-overlay .card-header h9, .preview-item .preview-overlay .card-header h10 {
font-family: Open Sans, sans-serif;
font-size: 1rem;
padding: 0px;
margin: 0px;
color: #fdf6e3;
font-weight: 300;
line-height: 1.5rem; }
.preview-item:hover .preview-overlay {
backdrop-filter: blur(2px);
background-color: rgba(0, 0, 0, 0.4); }
.preview-item:hover .preview-overlay .preview-metadata {
opacity: .9;
transition: opacity .5s; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.preview-content {
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
max-height: 12rem;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
overflow: hidden; }
.preview-content h1, .preview-content h2, .preview-content h3, .preview-content h4, .preview-content h5, .preview-content h6 {
margin-bottom: 0px;
max-width: 100%;
display: none; }
.preview-content > p {
width: 100%;
margin: auto; }
.preview-content > p > img {
max-width: 100%;
height: auto;
vertical-align: middle;
margin: auto;
text-align: center; }
.preview-content > p.p-img {
text-align: center;
margin: auto;
padding: auto;
display: block;
width: 100%; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
improvement: various biseau additions
2019-10-17 15:34:11 +02:00
.preview-metadata {
opacity: 0;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
transition: opacity .3s;
color: #fdf6e3; }
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.comment-text {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin-top: 0.8em; }
chore: rebase on blueskye
2019-10-08 13:06:59 +02:00
improvement: rework button styling
2019-10-10 09:53:59 +02:00
.card-preview time {
margin-bottom: 0.4em;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
display: block; }
improvement: start using the solarized palette
2019-10-08 13:27:07 +02:00
improvement: rework comment headers
2019-10-17 10:26:19 +02:00
.author-area {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
display: flex; }
.author-area img.author-avatar {
display: block;
height: 4.5rem;
width: auto;
border-radius: 100%;
padding: 0;
margin: 0;
margin-right: 1.5rem; }
.author-area .author-metadata {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start; }
.author-area .author-date {
font-style: italic; }
.author-area:not(:last-child) {
margin-bottom: 1.5rem; }
improvement: rework comment headers
2019-10-17 10:26:19 +02:00
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.pigimg {
display: block;
max-width: 100%;
height: auto;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: auto; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.mwarea {
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
height: 7.5rem; }
improvement: add new layouts
2019-10-18 13:41:02 +02:00
.mwaimg {
width: auto;
height: auto;
display: block;
improvement: use better collumn style for footer
2019-11-05 21:06:19 +01:00
margin: auto; }
Reference in a new issue Copy permalink