JotaChina/mmpSearch
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

teste .css

Browse Source
This commit is contained in:
jotachina committed 2024-07-27 11:45:25 -03:00
1 parent f1d7d525fb
commit 46f79cc3cb
22 files changed
+375 -3691
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/main.css
+68
View File
@@ -0,0 +1,68 @@
body {
margin: 0;
font-family: Arial, sans-serif;
display: flex;
height: 100vh;
}
.container {
display: flex;
width: 100%;
height: 100%;
}
.sidebar {
width: 200px;
background-color: #2c3e50;
color: #ecf0f1;
display: flex;
flex-direction: column;
padding: 20px;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}
.sidebar-button {
background-color: #34495e;
color: #ecf0f1;
border: none;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
cursor: pointer;
text-align: left;
width: 100%;
}
.sidebar-button:hover {
background-color: #1abc9c;
}
.main-content {
flex: 1;
padding: 20px;
backgound-color: #ecf0f1;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.post-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
width: 100%;
}
.post {
background-color: #3498db;
color: #fff;
padding: 20px;
text-align: center;
border-radius: 5px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
}
/*# sourceMappingURL=main.css.map */
assets/css/main.css.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../../_sass/main.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
assets/main.scss
+75
View File
@@ -0,0 +1,75 @@
@import 'variables';
@import 'mixins';
@import 'header';
@import 'footer';
@import 'buttons';
@import 'forms';
@import 'custom';
body{
margin: 0;
font-family: Arial, sans-serif;
display: flex;
height: 100vh;
}
.container{
display:flex;
width: 100%;
height: 100%;
}
.sidebar{
width: 200px;
background-color: #2c3e50;
color: #ecf0f1;
display: flex;
flex-direction: column;
padding: 20px;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.sidebar-button{
background-color: #34495e;
color: #ecf0f1;
border: none;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
cursor: pointer;
text-align: left;
width: 100%;
}
.sidebar-button:hover{
background-color: #1abc9c;
}
.main-content{
flex: 1;
padding: 20px;
backgound-color: #ecf0f1;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.post-grid{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 10px;
width: 100%;
}
.post{
background-color: #3498db;
color: #fff;
padding: 20px;
text-align: center;
border-radius: 5px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
}