mocksaml/styles/globals.css
2022-02-24 23:41:56 +05:30

35 lines
867 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
html,
body {
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
'Helvetica Neue', sans-serif;
height: 100%;
}
#__next {
height: 100%;
}
a {
color: inherit;
text-decoration: none;
}
* {
box-sizing: border-box;
}
@layer components {
.button {
@apply block px-4 py-2 font-semibold leading-8 text-white rounded-lg shadow-md bg-indigo-500 hover:bg-indigo-600 focus:outline-none focus:ring-4 focus:ring-indigo-300 focus:ring-opacity-100;
}
.input {
@apply px-3 py-1 text-base leading-8 text-gray-700 transition-colors duration-200 ease-in-out bg-gray-100 bg-opacity-50 border border-gray-300 rounded-md outline-none focus:ring-2 focus:ring-indigo-300 focus:bg-transparent focus:border-indigo-500;
}
}