car_deal_util/code/web/car_dealer/css/kane.css

87 lines
1.5 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
* @Author: Kane
* @Date: 2022-10-12 08:49:14
* @LastEditors: Kane
* @LastEditTime: 2022-10-22 22:30:50
* @FilePath: \car_dealer\css\kane.css
* @Description: vue学习用的样式表
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
*/
html {
--backupground-color: #f7f7f7;
--btn-color-blue: #307dbe;
--btn-color-yellow: #f7b24d;
--btn-color-green: #5bad60;
--btn-color-red: #e56651;
--btn-font-color: #fff;
}
#root,
#app {
padding: 50px;
}
/* #root,
#app * + * {
margin-top: 15px;
text-align: center;
} */
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
hr {
background-color: steelblue;
border: none;
height: 3px;
/* width: 100% */
}
/* .test {
width: 110vw;
height: 100vh;
border: 1px solid red;
overflow: auto;
} */
button {
padding: 5px 10px;
background-color: var(--btn-color-red);
color: var(--btn-font-color);
width: 10em;
border: none;
border-radius: 0.25em;
font-size: 1.5rem;
text-align: center;
-webkit-user-select: none;
user-select: none;
}
button:hover {
cursor: pointer;
}
/* 用于按钮点击时样式切换。 */
button:active {
background-color: var(--btn-font-color);
color: var(--btn-color-red);
}
input[type="text"] {
border: none;
outline: solid 2px #e56651;
/* font-size: 2rem; */
}
label {
display: inline-block;
font-size: 2rem;
margin-top: 15px;
}