Skip to content
Snippets Groups Projects
monthlyanalysis.scss 810 B
Newer Older
  • Learn to ignore specific revisions
  • @import 'src/styles/base/color';
    @import 'src/styles/base/breakpoint';
    
    .analysis-root {
    
      display: flex;
      flex-direction: column;
      align-items: center;
    
      padding: 1rem 1rem 1.5rem;
      gap: 1rem;
    
      .analysis-content {
    
        width: 45.75rem;
    
        @media #{$large-phone} {
          width: 100%;
        }
    
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 0.5rem;
        justify-content: end;
        color: $grey-bright !important;
        div {
          align-items: center;
          display: flex;
          flex-direction: column;
          grid-column: 2;
        }
        button {
          grid-column: 3;
          display: flex;
          justify-self: end;
        }
    
        button.btn-secondary-negative {
          min-width: 40px;
          width: 40px;
          height: 40px;
          padding: 0;
          margin: 0;
        }