1
0
mirror of synced 2025-02-09 16:49:24 +03:00

Ditch Sass' indented syntax.

This commit is contained in:
Florian Kissling 2015-06-07 00:46:05 +02:00
parent 419242fc16
commit ab3d5ee884
4 changed files with 100 additions and 79 deletions

View File

@ -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
View 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;
}
}
}

View File

@ -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%)

View 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%);
}
}
}