niikkiin

  *,
  *::before,
  *::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
  }

html {
  font-size: 62.5%; /* equivalent to 10px; 1rem = 10px; 10px/16px */

niikkiin

export const breakpoints = {
	highResDesktop: '(min-width: 1281px)',
	desktop: '(min-width: 1025px) and (max-width: 1280px)',
	tabletLandscape: '(min-width: 961px) and (max-width: 1024px)',
	tabletPortrait: '(min-width: 641px) and (max-width: 960px)',
	phone: '(min-width: 320px) and (max-width: 640px)',
};

niikkiin

import styled from 'styled-components';

export const Container = styled.div`
	display: grid;
	grid-template-columns: 24rem 1fr;
	grid-template-rows: 5rem 1fr 5rem;
	grid-template-areas:
		'sidebar header'
		'sidebar main'
		'sidebar footer';

niikkiin

import React, { Suspense, useEffect } from 'react';

// routing
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import PrivateRoute from 'routing/private-route.routing';

// global styles
import { GlobalStyles } from 'utilities/styles/global.styles';

// redux

niikkiin

import React from 'react';

import { Container } from './sidebar.styles';

import { Route, Link } from 'react-router-dom'

export const Sidebar = () => {
	return (
		<Container>
			<ul className='list'>

niikkiin

import React, {useState} from 'react';

// styled components
import {
  
} from './items.styles';

// components
import { DashboardContainer } from 'components/dashboard-container/dashboard-container.component';
import { Table } from 'components/table/table.component';

niikkiin

import React from 'react';

// import the global styles
import { GlobalStyles } from 'utilities/styles/global.styles';

function App() {
  return (
    <>
      <GlobalStyles />
      Hello carrots

niikkiin

import React from "react";

// router
import { BrowserRouter as Router, Switch } from "react-router-dom";

// routes
import AuthRoute from "routes/AuthRoute";

// pages
import Login from "pages/auth/Login";

niikkiin

//App.js
import React from "react";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import "./assets/main.css";
import Home from "./pages/Home";
import ThemeContext from "./utilities/ThemeContext";
function App() {
return (
<ThemeContext>
 <BrowserRouter>

niikkiin

// keyframes mixin
@mixin keyframes($name) {
  @-webkit-keyframes #{$name} {
    @content; 
  }
  @-moz-keyframes #{$name} {
    @content;
  }
  @-ms-keyframes #{$name} {
    @content;