Skip to content

Instantly share code, notes, and snippets.

View nabettu's full-sized avatar

tatsuaki watanabe nabettu

View GitHub Profile
.header__link {
justify-content: center;
}
.header__img:hover {
opacity: 0.75;
}
.contents .pagelink:hover {
background-color: transparent;
opacity: 0.75;
import React, { useState, createContext, useContext, useEffect } from "react";
import { Dimensions } from "react-native";
type ScreenSizeContextType = {
windowWidth: number;
windowHeight: number;
};
export const ScreenSizeContext = createContext<ScreenSizeContextType>({
windowWidth: Dimensions.get("window").width,
.notion-callout {
border-radius: 100px !important;
position: relative !important;
padding: 16px 24px !important;
border: none !important;
}
.notion-callout.notion-purple_background_co {
box-shadow: 0 10px 20px -10px #8c51be !important;
background: #6441A5 !important;
}