Something went wrong. Try again.
My personal website at andyleclair.dev
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159/* See the Tailwind configuration guide for advanced usage https://tailwindcss.com/docs/configuration */
@import "tailwindcss" source(none);@source "../css";@source "../js";@source "../../lib/personal_web";
/* A Tailwind plugin that makes "hero-#{ICON}" classes available. The heroicons installation itself is managed by your mix.exs */@plugin "../vendor/heroicons";
@plugin "@tailwindcss/typography";
/* Add variants based on LiveView classes */@custom-variant phx-click-loading (.phx-click-loading&, .phx-click-loading &);@custom-variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &);@custom-variant phx-change-loading (.phx-change-loading&, .phx-change-loading &);
/* Use the data attribute for dark mode */@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
/* Make LiveView wrapper divs transparent for layout */[data-phx-session], [data-phx-teleported-src] { display: contents }
/* This file is for your main application CSS */
/* yes this is 100% necessary */.blink { animation: blinker 1s step-start infinite;}
@keyframes blinker { 50% { opacity: 0; }}
@font-face { font-family: 'Server Mono'; font-style: normal; font-weight: 400; src: url('/assets/fonts/ServerMono-Regular.otf') format('opentype'); src: url('/assets/fonts/ServerMono-Regular.woff') format('woff'); src: url('/assets/fonts/ServerMono-Regular.woff2') format('woff2');}
@font-face { font-family: 'Server Mono'; font-style: italic; font-weight: 400; src: url('/assets/fonts/ServerMono-Regular-Italic.otf') format('opentype'); src: url('/assets/fonts/ServerMono-Regular-Italic.woff') format('woff'); src: url('/assets/fonts/ServerMono-Regular-Italic.woff2') format('woff2');}
@theme { --color-blurple: '#5C5CFF'; --color-bludacris: rgb(44 180 255); --color-codebg: rgb(47 30 46); --color-cutecumber: '#20E0D6'; --color-pink-power-ranger: '#FF5290'; --color-smurf-blood: '#0B1A38'; --color-nor-easter: '#F5F7FA'; --color-grapefruit: '#FF8389';}
body { font-family: 'Server Mono', monospace; font-size: 1rem;}
/* Makeup */pre { line-height: 1 !important;}
.makeup .hll {background-color: #4f424c}.makeup {color: #e7e9db; background-color: #2f1e2e}.makeup .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.makeup .bp {color: #e7e9db; } /* :name_builtin_pseudo */.makeup .c {color: #776e71; } /* :comment */.makeup .c1 {color: #776e71; } /* :comment_single */.makeup .ch {color: #776e71; } /* :comment_hashbang */.makeup .cm {color: #776e71; } /* :comment_multiline */.makeup .cp {color: #776e71; } /* :comment_preproc */.makeup .cpf {color: #776e71; } /* :comment_preproc_file */.makeup .cs {color: #776e71; } /* :comment_special */.makeup .dl {color: #48b685; } /* :string_delimiter */.makeup .err {color: #ef6155; } /* :error */.makeup .fm {color: #06b6ef; } /* :name_function_magic */.makeup .gd {color: #ef6155; } /* :generic_deleted */.makeup .ge {font-style: italic; } /* :generic_emph */.makeup .gh {color: #e7e9db; font-weight: bold; } /* :generic_heading */.makeup .gi {color: #48b685; } /* :generic_inserted */.makeup .gp {color: #776e71; font-weight: bold; } /* :generic_prompt */.makeup .gs {font-weight: bold; } /* :generic_strong */.makeup .gu {color: #5bc4bf; font-weight: bold; } /* :generic_subheading */.makeup .il {color: #f99b15; } /* :number_integer_long */.makeup .k {color: #815ba4; } /* :keyword */.makeup .kc {color: #815ba4; } /* :keyword_constant */.makeup .kd {color: #815ba4; } /* :keyword_declaration */.makeup .kn {color: #5bc4bf; } /* :keyword_namespace */.makeup .kp {color: #815ba4; } /* :keyword_pseudo */.makeup .kr {color: #815ba4; } /* :keyword_reserved */.makeup .kt {color: #fec418; } /* :keyword_type */.makeup .l {color: #f99b15; } /* :literal */.makeup .ld {color: #f99b15; } /* :literal_date */.makeup .m {color: #f99b15; } /* :number */.makeup .mb {color: #f99b15; } /* :number_bin */.makeup .mf {color: #f99b15; } /* :number_float */.makeup .mh {color: #f99b15; } /* :number_hex */.makeup .mi {color: #f99b15; } /* :number_integer */.makeup .mo {color: #f99b15; } /* :number_oct */.makeup .n {color: #e7e9db; } /* :name */.makeup .na {color: #06b6ef; } /* :name_attribute */.makeup .nb {color: #e7e9db; } /* :name_builtin */.makeup .nc {color: #fec418; } /* :name_class */.makeup .nd {color: #5bc4bf; } /* :name_decorator */.makeup .ne {color: #ef6155; } /* :name_exception */.makeup .nf {color: #06b6ef; } /* :name_function */.makeup .ni {color: #e7e9db; } /* :name_entity */.makeup .nl {color: #e7e9db; } /* :name_label */.makeup .nn {color: #fec418; } /* :name_namespace */.makeup .no {color: #ef6155; } /* :name_constant */.makeup .nt {color: #5bc4bf; } /* :name_tag */.makeup .nv {color: #ef6155; } /* :name_variable */.makeup .nx {color: #06b6ef; } /* :name_other */.makeup .o {color: #5bc4bf; } /* :operator */.makeup .ow {color: #5bc4bf; } /* :operator_word */.makeup .p {color: #e7e9db; } /* :punctuation */.makeup .py {color: #e7e9db; } /* :name_property */.makeup .s {color: #48b685; } /* :string */.makeup .s1 {color: #48b685; } /* :string_single */.makeup .s2 {color: #48b685; } /* :string_double */.makeup .sa {color: #48b685; } /* :string_affix */.makeup .sb {color: #48b685; } /* :string_backtick */.makeup .sc {color: #e7e9db; } /* :string_char */.makeup .sd {color: #776e71; } /* :string_doc */.makeup .se {color: #f99b15; } /* :string_escape */.makeup .sh {color: #48b685; } /* :string_heredoc */.makeup .si {color: #f99b15; } /* :string_interpol */.makeup .sr {color: #48b685; } /* :string_regex */.makeup .ss {color: #48b685; } /* :string_symbol */.makeup .sx {color: #48b685; } /* :string_other */.makeup .sx {color: #48b685; } /* :string_sigil */.makeup .vc {color: #ef6155; } /* :name_variable_class */.makeup .vg {color: #ef6155; } /* :name_variable_global */.makeup .vi {color: #ef6155; } /* :name_variable_instance */.makeup .vm {color: #ef6155; } /* :name_variable_magic */