matrix-art

An image gallery for Matrix
git clone git://archive.git.mtrnord.blog/MTRNord/matrix-art.git
Log | Files | Refs | README | LICENSE

index.css (2509B)

      1 @tailwind base;
      2 @tailwind components;
      3 @tailwind utilities;
      4 
      5 @supports not (font-variation-settings: normal) {
      6   @font-face {
      7     font-family: "Inter";
      8     font-style: normal;
      9     font-weight: 100;
     10     font-display: optional;
     11     src: url(/fonts/Inter-Thin.woff2) format("woff2")
     12   }
     13   
     14   @font-face {
     15     font-family: "Inter";
     16     font-style: normal;
     17     font-weight: 200;
     18     font-display: optional;
     19     src: url(/fonts/Inter-ExtraLight.woff2) format("woff2")
     20   }
     21   
     22   @font-face {
     23     font-family: "Inter";
     24     font-style: normal;
     25     font-weight: 300;
     26     font-display: optional;
     27     src: url(/fonts/Inter-Light.woff2) format("woff2")
     28   }
     29   
     30   @font-face {
     31     font-family: "Inter";
     32     font-style: normal;
     33     font-weight: 400;
     34     font-display: optional;
     35     src: url(/fonts/Inter-Regular.woff2) format("woff2")
     36   }
     37   
     38   @font-face {
     39     font-family: "Inter";
     40     font-style: normal;
     41     font-weight: 500;
     42     font-display: optional;
     43     src: url(/fonts/Inter-Medium.woff2) format("woff2")
     44   }
     45   
     46   @font-face {
     47     font-family: "Inter";
     48     font-style: normal;
     49     font-weight: 600;
     50     font-display: optional;
     51     src: url(/fonts/Inter-SemiBold.woff2) format("woff2")
     52   }
     53   
     54   @font-face {
     55     font-family: "Inter";
     56     font-style: normal;
     57     font-weight: 700;
     58     font-display: optional;
     59     src: url(/fonts/Inter-Bold.woff2) format("woff2")
     60   }
     61   
     62   @font-face {
     63     font-family: "Inter";
     64     font-style: normal;
     65     font-weight: 800;
     66     font-display: optional;
     67     src: url(/fonts/Inter-ExtraBold.woff2) format("woff2")
     68   }
     69   
     70   @font-face {
     71     font-family: "Inter";
     72     font-style: normal;
     73     font-weight: 900;
     74     font-display: optional;
     75     src: url(/fonts/Inter-Black.woff2) format("woff2")
     76   }
     77 }
     78 
     79 @supports (font-variation-settings: normal) {
     80   @font-face {
     81     font-family: "Inter";
     82     font-style: normal;
     83     font-weight: 100 900;
     84     font-display: optional;
     85     src: url(/fonts/Inter-VariableFont_slnt,wght.woff2) format("woff2 supports variations"),
     86         url(/fonts/Inter-VariableFont_slnt,wght.woff2) format("woff2-variations");
     87   }
     88 }
     89 
     90 
     91 html, body, #app {
     92     margin: 0;
     93     @apply h-full;
     94 }
     95 
     96 body {
     97   background-color:#424555;
     98 }
     99 
    100 /*Logo gradient*/
    101 .logo-bg {
    102   background: linear-gradient(90deg, #751796 -58.41%, #FE7223 152.47%);
    103 }
    104 
    105 /*Search bg gradient*/
    106 .search-bg {
    107   background: linear-gradient(90deg, rgba(196, 196, 196, 0.11) -33.43%, rgba(196, 196, 196, 0.07) 184.14%);
    108 }
    109 
    110 /*data text*/
    111 .text-data {
    112   color: #AAB3CF;
    113 }
    114 .placeholder-data::placeholder {
    115   color: #AAB3CF;
    116 }