mocksaml/styles/globals.css

40 lines
1.1 KiB
CSS
Raw Normal View History

2022-01-13 17:07:44 +00:00
@tailwind base;
@tailwind components;
@tailwind utilities;
2022-01-08 15:11:13 +00:00
html,
body {
padding: 0;
margin: 0;
2022-02-24 18:01:35 +00:00
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
'Helvetica Neue', sans-serif;
2022-02-18 12:52:24 +00:00
height: 100%;
}
2022-02-28 05:52:49 +00:00
2022-02-18 12:52:24 +00:00
#__next {
height: 100%;
2022-01-08 15:11:13 +00:00
}
a {
color: inherit;
text-decoration: none;
}
* {
box-sizing: border-box;
}
2022-02-18 18:12:45 +00:00
@layer components {
.button {
@apply block rounded-md bg-indigo-500 px-4 py-2 leading-8 text-white shadow-md hover:bg-indigo-600 focus:outline-none focus:ring-4 focus:ring-indigo-300 focus:ring-opacity-100;
2022-02-18 18:12:45 +00:00
}
2022-02-24 18:11:56 +00:00
2022-02-18 18:12:45 +00:00
.input {
@apply rounded-md border border-gray-300 bg-gray-100 bg-opacity-50 px-3 py-1 text-base leading-8 text-gray-700 outline-none transition-colors duration-200 ease-in-out focus:border-indigo-500 focus:bg-transparent focus:ring-2 focus:ring-indigo-300;
}
.select {
@apply rounded-md border border-gray-300 bg-gray-100 bg-opacity-50 px-3 py-2.5 text-base leading-8 text-gray-700 outline-none transition-colors duration-200 ease-in-out focus:border-indigo-500 focus:bg-transparent focus:ring-2 focus:ring-indigo-300;
2022-02-18 18:12:45 +00:00
}
}