davidpollet

{"version":1,"resource":"file:///c%3A/xampp/htdocs/cockpitt/components/Navbar.tsx","entries":[{"id":"R6DT.tsx","timestamp":1654594244666},{"id":"Eqat.tsx","timestamp":1654594321442},{"id":"XoBe.tsx","timestamp":1654594432328},{"id":"1XCV.tsx","timestamp":1654594803452},{"id":"odpS.tsx","timestamp":1654594877236},{"id":"i4GS.tsx","timestamp":1654595010063},{"id":"dUxl.tsx","timestamp":1654595329139},{"id":"Pblx.tsx","timestamp":1654595365738},{"id":"L4E5.tsx","timestamp":1654595380771},{"id":"q1kG.tsx","timestamp":1654595533481},{"id":"Drhu.tsx","timestamp":1654595545227},{"id":"5Rwg.tsx","timestamp":1654595940370},{"id":"jAzQ.tsx","timestamp":1654600933084},{"id":"9t0S.tsx","timestamp":1654601700441},{"id":"QsIX.tsx","timestamp":1654601764917},{"id":"tAqD.tsx","timestamp":1654602363762},{"id":"e8Ac.tsx","timestamp":1654610591763},{"id":"QLw9.tsx","timestamp":1654610619087},{"id":"sNmR.tsx","timestamp":1654610632243},{"id":"dqNb.tsx","timestamp":1654610647021},{"id":"Ew37.tsx","timestamp":1654610668485},{"id":

davidpollet

// Demo & documentation : https://codepen.io/davidpollet/pen/wrxero
$grid-gutter-width : 1rem !default;
@mixin grid-item-per-row($items-per-row, $grid-gutter : $grid-gutter-width) {
  $grid-gutter-unitless : strip-unit($grid-gutter);
  width: 100 / $items-per-row - $grid-gutter-unitless * 1%;
  width: calc((100% / #{$items-per-row}) - #{$grid-gutter});
}

@mixin grid-gutter($grid-gutter: $grid-gutter-width) {
  $grid-gutter-unitless : strip-unit($grid-gutter);

davidpollet

// Demo & Documentation : https://codepen.io/davidpollet/pen/QKbQzB
$base-font-size: 16px !default;
// Mobile first media queries
@mixin respond-from($value, $respond-direction: width, $orientation: null) {
  // Convert pixel in em
  $value-em: ($value / $base-font-size) + 0em;

  @if $orientation !=null {
    @media (min-#{$respond-direction}: $value-em) and (orientation: $orientation) {
      @content;

davidpollet

// Generate a color or gradient filter above an image
// Codepen demo : https://codepen.io/davidpollet/pen/mAVyOG
@mixin bg-tinted( 
  $img-url, 
  $tint-1:#000, 
  $tint-opacity-1:0.8, 
  $tint-2: $tint-1, 
  $tint-opacity-2:$tint-opacity-1, 
  $direction: to bottom, 
  $position:center center, 

davidpollet

// Built from https://css-tricks.com/snippets/css/using-font-face/
// Codepen demo : https://codepen.io/davidpollet/pen/ORyYap
@mixin font-face( $font-name, $font-path, // path + file name. Ex : path/to/font/filename
$font-weight: 400, $font-style: normal, $support-required: 'modern') {
  @font-face {
    font-family: $font-name;
    font-style : $font-style;
    font-weight: $font-weight;
    @if $support-required=='oldie' {
      src: url('#{$font-path}.eot');