Skip to content
Snippets Groups Projects
index.css 75.3 KiB
Newer Older
Hugo NOUTS's avatar
Hugo NOUTS committed
/* Cozy UI utilities classes */
@import url(~cozy-ui/dist/cozy-ui.min.css);
/* Cozy UI React components styles */
@import url(~cozy-ui/react/stylesheet.css);
/* App styles */
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 4, src/styles/base/_layout.scss */
Yoan VALLET's avatar
Yoan VALLET committed
html {
  background: #1b1c22; }

/* line 8, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
body {
  background: #1b1c22;
  overflow: unset !important; }

Yoan VALLET's avatar
Yoan VALLET committed
/* line 13, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
.column {
  display: flex;
  flex-direction: column; }

Yoan VALLET's avatar
Yoan VALLET committed
/* line 18, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
.row {
  display: flex;
  flex-direction: row; }

Yoan VALLET's avatar
Yoan VALLET committed
/* line 23, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
.cozy-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

Yoan VALLET's avatar
Yoan VALLET committed
/* line 30, src/styles/base/_layout.scss */
[role='banner'] .coz-bar-container {
  background-color: white; }
  @media only screen and (max-width: 768px) {
    /* line 30, src/styles/base/_layout.scss */
    [role='banner'] .coz-bar-container {
      padding: 0 3.25em 0 0;
Yoan VALLET's avatar
Yoan VALLET committed
      background-color: unset; } }

/* line 38, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
.coz-bar-wrapper {
Yoan VALLET's avatar
Yoan VALLET committed
  box-shadow: unset !important;
  background: unset !important; }
Hugo NOUTS's avatar
Hugo NOUTS committed

Yoan VALLET's avatar
Yoan VALLET committed
/* line 43, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
.header {
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
Yoan VALLET's avatar
Yoan VALLET committed
  z-index: 18;
Hugo NOUTS's avatar
Hugo NOUTS committed
  position: fixed;
Yoan VALLET's avatar
Yoan VALLET committed
  top: 48px;
Hugo NOUTS's avatar
Hugo NOUTS committed
  left: 0; }
Yoan VALLET's avatar
Yoan VALLET committed
  @media only screen and (max-width: 768px) {
    /* line 43, src/styles/base/_layout.scss */
    .header {
      top: 0; } }
  /* line 56, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
  .header .header-bar {
    background: linear-gradient(180deg, #000000 0%, rgba(27, 28, 34, 0) 70%);
    height: 8px;
Yoan VALLET's avatar
Yoan VALLET committed
    width: 100%; }
  /* line 61, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
  .header .header-top {
    background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);
    width: 100%; }
Yoan VALLET's avatar
Yoan VALLET committed
    /* line 68, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
    .header .header-top .header-text {
      padding: 0 1rem 1rem 1rem;
      color: #e0e0e0; }
Yoan VALLET's avatar
Yoan VALLET committed
  /* line 73, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
  .header .header-content {
Yoan VALLET's avatar
Yoan VALLET committed
    margin: 0 0 0 220px; }
    /* line 75, src/styles/base/_layout.scss */
    .header .header-content .header-text {
      padding: 2rem 1rem; }
    /* line 78, src/styles/base/_layout.scss */
    .header .header-content .header-text-desktop {
      display: block;
      padding: 2rem 1.25rem;
      color: #e0e0e0; }
    @media only screen and (max-width: 1023px) {
      /* line 73, src/styles/base/_layout.scss */
      .header .header-content {
        margin: 0; } }
    @media only screen and (max-width: 768px) {
      /* line 73, src/styles/base/_layout.scss */
      .header .header-content {
        margin: 60px 0 0 0; }
        /* line 88, src/styles/base/_layout.scss */
        .header .header-content .header-text {
          padding: 0 1rem 1rem 1rem;
          color: #e0e0e0; }
        /* line 92, src/styles/base/_layout.scss */
        .header .header-content .header-text-desktop {
          display: none; } }
Hugo NOUTS's avatar
Hugo NOUTS committed

Yoan VALLET's avatar
Yoan VALLET committed
/* line 99, src/styles/base/_layout.scss */
.content-view {
  margin-top: 116px; }
  @media only screen and (max-width: 768px) {
    /* line 99, src/styles/base/_layout.scss */
    .content-view {
      margin-top: 0; } }

/* line 106, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
.content-view-loading {
  height: 80vh;
Yoan VALLET's avatar
Yoan VALLET committed
  width: 100%;
Hugo NOUTS's avatar
Hugo NOUTS committed
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #e0e0e0; }
Yoan VALLET's avatar
Yoan VALLET committed
  /* line 114, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
  .content-view-loading .content-view-loading-text {
    padding-top: 1rem;
    margin: 0 2rem;
    text-align: center; }
Yoan VALLET's avatar
Yoan VALLET committed
  /* line 119, src/styles/base/_layout.scss */
Hugo NOUTS's avatar
Hugo NOUTS committed
  .content-view-loading .content-view-loading-button {
    max-width: 50vw;
    margin-top: 1rem; }

Yoan VALLET's avatar
Yoan VALLET committed
/* line 125, src/styles/base/_layout.scss */
[role='main'] {
  /* width */
  /* Track */
  /* Handle */ }
  /* line 127, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar {
    width: 10px; }
  /* line 131, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar-track {
    background: #3e4045; }
  /* line 135, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar-thumb {
    background: #6f7074; }
Hugo NOUTS's avatar
Hugo NOUTS committed

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 6, src/styles/base/_typography.scss */
* {
  font-family: Lato, sans-serif; }

/* line 10, src/styles/base/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #a0a0a0;
  font-family: Lato, sans-serif; }

/* line 21, src/styles/base/_typography.scss */
.home-title {
  font-size: 1rem;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 120%;
  text-transform: uppercase; }

/* line 30, src/styles/base/_typography.scss */
Loading
Loading full blame...