Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
custom.css 2.5 KiB
Newer Older
  • Learn to ignore specific revisions
  • /**
     * Any CSS included here will be global. The classic template
     * bundles Infima by default. Infima is a CSS framework designed to
     * work well for content-centric websites.
     */
    
    
    @import url(./fonts.css);
    @import url(./footer.css);
    
    /* You can override the default Infima variables here. */
    :root {
    
      --ifm-navbar-height: 90px;
      --ifm-color-primary: #f15a22;
      --ifm-color-primary-dark: #e94a0f;
      --ifm-color-primary-darker: #dc460e;
      --ifm-color-primary-darkest: #b5390b;
      --ifm-color-primary-light: #f36d3c;
      --ifm-color-primary-lighter: #f37749;
      --ifm-color-primary-lightest: #f69470;
    
      --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
    
      --ifm-color-secondary: #bcada7;
      --ifm-color-success: #90b03e;
      --ifm-color-info: #00a3b4;
      --ifm-color-highlight: #c6168d;
      --ifm-color-highlight-dark: #a81279;
    
      --ifm-footer-background-color: var(--ifm-color-primary-darker) !important;
      --ifm-footer-color: #ffffff;
    
      --alterning-bkg: #70707011; 
    
    /* FONTS */
      --ifm-font-family-base: 'asap_regular';
      --ifm-font-family-bold: 'asap_semi';
      --ifm-font-family-italic: 'asap_italic';
      --ifm-heading-font-family: 'warsaw_gothic';
    
      --ifm-heading-font-weight: '700';
      --ifm-h1-font-size: 4rem;
      --ifm-h2-font-size: 3rem;
      --ifm-h3-font-size: 2.5rem;
      --ifm-h4-font-size: 2rem;
      --ifm-h5-font-size: 1.75rem;
      --ifm-h6-font-size: 1.5rem;
    
    }
    
    /* For readability concerns, you should choose a lighter palette in dark mode. */
    [data-theme='dark'] {
    
      --ifm-navbar-background-color: transparent;
    
    
      --ifm-color-primary: #f15a22;
      --ifm-color-primary-dark: #e94a0f;
      --ifm-color-primary-darker: #dc460e;
      --ifm-color-primary-darkest: #b5390b;
      --ifm-color-primary-light: #f36d3c;
      --ifm-color-primary-lighter: #f37749;
      --ifm-color-primary-lightest: #f69470;
    
      --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
    
    h1, h2, h3 {
      letter-spacing: .1rem;
    }
    
    
    .navbar__logo img {
      height: 290%;
      margin-top: -30px;
    }
    
    .button--highlight {
      background-color: var(--ifm-color-highlight);
    }
    
    .button--highlight:hover {
      background-color: var(--ifm-color-highlight-dark);
    }
    
    b, strong {
      font-family: var(--ifm-font-family-bold) ;
    }
    
    i, em {
      font-family: var(--ifm-font-family-italic) ;
    }
    
    
    .navbar__item {
      text-transform: uppercase;
      font-size: 1.2rem;
    }
    
    .main-wrapper {
      margin-top: 90px;
    }
    
    .navbar {
      position: fixed;
      width: 100%;
      box-shadow: none;
    
    
    .slick-dots li button::before {
      color: var(--ifm-color-primary) !important;
    }
    
    section:nth-child(even) {
      background-color: var(--alterning-bkg);
      padding: 2rem 0;
    }