vue-learning/css/kane.css

58 lines
1.0 KiB
CSS
Raw Normal View History

2022-11-22 08:44:16 +00:00
/*
* @Author: Kane
* @Date: 2022-10-12 08:49:14
* @LastEditors: Kane
* @LastEditTime: 2022-11-12 23:34:06
* @FilePath: \car_dealer\css\kane.css
* @Description: vue学习用的样式表
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
*/
2022-05-18 07:42:14 +00:00
html {
2022-11-22 08:44:16 +00:00
--backupground-color: #f4f5f7ff;
2022-05-18 07:42:14 +00:00
--btn-color-blue: #307dbe;
--btn-color-yellow: #f7b24d;
--btn-color-green: #5bad60;
--btn-color-red: #e56651;
--btn-font-color: #fff;
}
2022-05-24 14:40:45 +00:00
#root,
#app {
2022-05-18 07:42:14 +00:00
padding: 50px;
}
2022-11-22 08:44:16 +00:00
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
2022-05-18 07:42:14 +00:00
}
hr {
background-color: steelblue;
border: none;
height: 3px;
2022-11-22 08:44:16 +00:00
/* width: 100% */
2022-05-18 07:42:14 +00:00
}
2022-11-22 08:44:16 +00:00
/* .test {
width : 110vw;
height : 100vh;
border : 1px solid red;
overflow : auto;
} */
2022-05-18 07:42:14 +00:00
2022-11-22 08:44:16 +00:00
input[type="text"] {
2022-05-18 07:42:14 +00:00
border: none;
outline: solid 2px #e56651;
2022-11-22 08:44:16 +00:00
/* font-size: 2rem; */
2022-05-18 07:42:14 +00:00
}
label {
2022-05-24 14:40:45 +00:00
display: inline-block;
2022-05-18 07:42:14 +00:00
font-size: 2rem;
margin-top: 15px;
}