mirror of
https://github.com/eosswedenorg/apt
synced 2026-06-16 04:34:56 +02:00
sass/_base.scss: move alot of code to their own files.
This commit is contained in:
parent
edcfec3674
commit
56c375f4d1
5 changed files with 53 additions and 48 deletions
|
|
@ -7,39 +7,6 @@ figure {
|
|||
margin: 1em 0 !important;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: $spacer-2;
|
||||
margin-bottom: $spacer-4;
|
||||
border-bottom: solid 1px $border-gray-light;
|
||||
|
||||
&-title a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&-search {
|
||||
flex:auto;
|
||||
margin-right: $spacer-6;
|
||||
margin-left: $spacer-6;
|
||||
}
|
||||
|
||||
&-links {
|
||||
list-style: none;
|
||||
margin: $spacer-2 0;
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 3em;
|
||||
padding: 1em;
|
||||
border-top: 1px solid $gray-300;
|
||||
color: $text-gray;
|
||||
}
|
||||
|
||||
.container-sm {
|
||||
max-width: 512px;
|
||||
|
|
@ -58,18 +25,3 @@ figure {
|
|||
margin-top: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
color: $brand-color;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-copy-code {
|
||||
float: right;
|
||||
.far, .fas {
|
||||
color: $text-gray !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
15
_sass/component/_button.scss
Normal file
15
_sass/component/_button.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
|
||||
.btn {
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
color: $brand-color;
|
||||
}
|
||||
|
||||
&-copy-code {
|
||||
float: right;
|
||||
.far, .fas {
|
||||
color: $text-gray !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
7
_sass/layout/_footer.scss
Normal file
7
_sass/layout/_footer.scss
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
|
||||
.footer {
|
||||
margin-top: 3em;
|
||||
padding: 1em;
|
||||
border-top: 1px solid $gray-300;
|
||||
color: $text-gray;
|
||||
}
|
||||
27
_sass/layout/_header.scss
Normal file
27
_sass/layout/_header.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: $spacer-2;
|
||||
margin-bottom: $spacer-4;
|
||||
border-bottom: solid 1px $border-gray-light;
|
||||
|
||||
&-title a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&-search {
|
||||
flex:auto;
|
||||
margin-right: $spacer-6;
|
||||
margin-left: $spacer-6;
|
||||
}
|
||||
|
||||
&-links {
|
||||
list-style: none;
|
||||
margin: $spacer-2 0;
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -5,6 +5,10 @@
|
|||
@import "base";
|
||||
@import "typography";
|
||||
|
||||
@import "layout/header";
|
||||
@import "layout/footer";
|
||||
|
||||
@import "component/button";
|
||||
@import "component/collapse";
|
||||
@import "component/search";
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue