Ditch Sass' indented syntax.
This commit is contained in:
parent
419242fc16
commit
ab3d5ee884
@ -1,32 +0,0 @@
|
||||
.alert
|
||||
padding: 20px
|
||||
margin: 20px 0
|
||||
border: 1px solid #eee
|
||||
border-left-width: 5px
|
||||
border-radius: 3px
|
||||
background: #fff
|
||||
color: #333
|
||||
|
||||
h4
|
||||
margin-top: 0
|
||||
margin-bottom: 5px
|
||||
font-size: 18px
|
||||
|
||||
&-danger
|
||||
border-left-color: #CE4844
|
||||
h4
|
||||
color: #CE4844
|
||||
|
||||
&-info
|
||||
border-left-color: #1B809E
|
||||
h4
|
||||
color: #1B809E
|
||||
|
||||
&-warning
|
||||
border-left-color: #AA6708
|
||||
h4
|
||||
color: #AA6708
|
||||
|
||||
@media (min-width: 768px)
|
||||
.alert
|
||||
padding: 20px
|
40
docs/_sass/_alert.scss
Normal file
40
docs/_sass/_alert.scss
Normal file
@ -0,0 +1,40 @@
|
||||
.alert {
|
||||
padding: 20px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid #eee;
|
||||
border-left-width: 5px;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
|
||||
h4 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
&-danger {
|
||||
border-left-color: #CE4844;
|
||||
|
||||
h4 {
|
||||
color: #CE4844;
|
||||
}
|
||||
}
|
||||
|
||||
&-info {
|
||||
border-left-color: #1B809E;
|
||||
|
||||
h4 {
|
||||
color: #1B809E;
|
||||
}
|
||||
}
|
||||
|
||||
&-warning {
|
||||
border-left-color: #AA6708;
|
||||
|
||||
h4 {
|
||||
color: #AA6708;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,47 +0,0 @@
|
||||
.select2-result-repository
|
||||
padding-top: 4px
|
||||
padding-bottom: 3px
|
||||
|
||||
&__avatar
|
||||
float: left
|
||||
width: 60px
|
||||
margin-right: 10px
|
||||
img
|
||||
width: 100%
|
||||
height: auto
|
||||
border-radius: 2px
|
||||
|
||||
&__meta
|
||||
margin-left: 70px
|
||||
|
||||
&__title
|
||||
color: black
|
||||
font-weight: bold
|
||||
word-wrap: break-word
|
||||
line-height: 1.1
|
||||
margin-bottom: 4px
|
||||
|
||||
&__forks,
|
||||
&__stargazers
|
||||
margin-right: 1em
|
||||
|
||||
&__forks,
|
||||
&__stargazers,
|
||||
&__watchers
|
||||
display: inline-block
|
||||
color: #aaa
|
||||
font-size: 11px
|
||||
|
||||
&__description
|
||||
font-size: 13px
|
||||
color: #777
|
||||
margin-top: 4px
|
||||
|
||||
.select2-results__option--highlighted &
|
||||
&__title
|
||||
color: white
|
||||
&__forks,
|
||||
&__stargazers,
|
||||
&__description,
|
||||
&__watchers
|
||||
color: mix(#428BCA, white, 30%)
|
60
docs/_sass/_result-repository.scss
Normal file
60
docs/_sass/_result-repository.scss
Normal file
@ -0,0 +1,60 @@
|
||||
.select2-result-repository {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 3px;
|
||||
|
||||
&__avatar {
|
||||
float: left;
|
||||
width: 60px;
|
||||
margin-right: 10px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&__meta {
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
&__title {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
word-wrap: break-word;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
&__forks,
|
||||
&__stargazers {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
&__forks,
|
||||
&__stargazers,
|
||||
&__watchers {
|
||||
display: inline-block;
|
||||
color: #aaa;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: 13px;
|
||||
color: #777;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.select2-results__option--highlighted & {
|
||||
&__title {
|
||||
color: white;
|
||||
}
|
||||
|
||||
&__forks,
|
||||
&__stargazers,
|
||||
&__description,
|
||||
&__watchers {
|
||||
color: mix(#428BCA, white, 30%);
|
||||
}
|
||||
}
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user